WEB TOOLS



Free Website Layouts

  • 01. Layout 1
  • 02. Layout 2
  • 03. Layout 3
  • 04. Layout 4
  • 0A. Layout A
  • 0B. Layout B
  • IA. Layout IA
  • 0C. Layout C
  • 0D. Layout D
  • 0E. Layout E
  • 0F. Layout F
  • 05. Layout 5
  • 06. Layout 6
  • 07. Layout 7
  • 08. Layout 8
  • 09. Layout 9
  • 10. Layout 10
  • 11. Layout 11
  • 12. Layout 12
  • 13. Layout 13
  • 14. Layout 14
  • 15. Layout 15
  • 16. Layout 16
  • 17. Layout 17
  • 18. Layout 18
  • 19. Layout 19
  • 20. Layout 20
  • 21. Layout 21
  • 22. Layout 22
  • 23. Layout 23
  • 24. Layout 24
  • 25. Layout 25
  • 0G. Layout 0G
  • 26. Layout 26
  • 27. Layout 27
  • 28. Layout 28
  • 29. Layout 29
  • 30. Layout 30
  • 31. Layout 31
  • 32. Layout 32
  • 33. Layout 33
  • 34. Layout 34
  • 35. Layout 35
  • 0H. Layout 0H
  • 36. Layout 36
  • 37. Layout 37
  • 38. Layout 38
  • 39. Layout 39
  • 40. Layout 40
  • 41. Layout 41
  • 42. Layout 42
  • 43. Layout 43
  • 44. Layout 44
  • 45. Layout 45
  • 46. Layout 46
  • 47. Layout 47
  • 48. Layout 48
  • 49. Layout 49
  • 50. Layout 50
  • 51. Layout 51
  • 52. Layout 52
  • 53. Layout 53
  • 54. Layout 54
  • 55. Layout 55
  • 56. Layout 56
  • 57. Layout 57
  • 58. Layout 58
  • 59. Layout 59
  • 60. Layout 60
  • 61. Layout 61
101

DocType Definition ( DTD )
http://www.w3.org/QA/2002/04/valid-dtd-list.html

W3 Schools - Full Web Building Tutorials
http://www.w3schools.com/default.asp

Quackit.com, HTML
http://www.quackit.com/html/

W3C Cascading Style Sheets ( CSS )
http://www.w3.org/Style/CSS/

WDG, Web Design Group
http://www.htmlhelp.com/

CSS, PHP, JavaScript, MySQL Cheat Sheets
http://www.addedbytes.com/cheat-sheets/

Dynamic Drive, dhtml scripts
http://www.dynamicdrive.com/

Smashing Magazine
http://www.smashingmagazine.com/

Style Web Forms Using CSS
http://www.sitepoint.com/article/style-web-forms-css/

Display Code In Entries
http://www.learningmovabletype.com/a/000235display_code/

Menu, List, Navigation

maxdesign
css.maxdesign.com.au

Dynamic Drive
http://www.dynamicdrive.com/

CSS Play
http://www.cssplay.co.uk/index

Rounded Corners

Spiffy Corners
http://www.spiffycorners.com

All Crunchy
http://www.allcrunchy.com/Web_Stuff/Rounded_Corners/

SitePoint
http://tools.sitepoint.com/spanky/index.php

Image

Lightbox
http://www.lokeshdhakar.com/projects/lightbox2/

Image Rollover Code
http://www.dnolan.com/code/js/rollover/

Content Sliders
http://designbeep.com/2010/05/13/25-very-detailed-jquery-image-and-content-slider-tutorials/
http://visionwidget.com/inspiration/web/295-jquery-content-sliders.html
http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials
http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

Free Software

Firefox
http://www.mozilla.com/en-US/

Internet Explorer
http://www.microsoft.com/downloads/Search.aspx?displaylang=en

Opera
http://www.opera.com

Paint.NET
http://www.getpaint.net

GIMP
http://www.gimp.org/

Notepad++
http://notepad-plus.sourceforge.net/uk/download.php

7-Zip
http://www.7-zip.org/

FontForge
http://sourceforge.net/projects/fontforge/?abmode=1

IcoFX - Create Icons
http://icofx.ro/

<head>
<link rel="shortcut icon" href="logo.ico" />
</head>

Place code above in <head>.

or/and
Name icon "favicon.ico" and place in root.

I did both. Icon was showing in Opera and Firefox, but not Internet Explorer when placing code in head. It shows up on IE when "favicon.ico is placed in root.