Website Design & Development Key Links
Software
Good stuff to download & use
Web browsers
Yes, you have to test with IE, but that doesn't mean it should be your main browser for daily use or development (not to mention, if you use a Mac, IE isn't available). The two I would recommend are Firefox & Chrome. Firefox uses the Gecko layout engine, & Chrome uses Webkit (which Safari also uses), so it's good to have both. And both have excellent tools for web developers as well.
Mozilla Firefox
The Always Up-to-Date Power User’s Guide to Firefox
Firefox Extensions for Web Developers
Google Chrome
The Always Up-to-Date Power User’s Guide to Chrome
Chrome Extensions for Web Developers
Text Editors
Windows
Mac OS X
Bookmarklets
MRI
Test and play with selectors
XRAY
See the box model for any element on any webpage
Cheatsheets
Excellent quick reference guides. Download these files & print them out.
X/HTML
HTML Cheat Sheet (PDF)
Cheat Sheet v. 1.03 (PDF)
HTML Character Entities
HTML Character Entities Cheat Sheet (PDF)
CSS
References
(X)HTML & HTML5
★ Instant Documentation Search: HTML
Excellent. Search for what you want & then read the explanation & examples.
★ Mozilla Development Network: HTML & Mozilla Development Network: HTML5
An awesome, in-depth collection of material.
When can I use…
Compatibility tables for support of HTML5 & and more in desktop & mobile browsers.
HTML Tags
All of the valid tags belonging to the latest version of strict XHTML
W3Schools: HTML 4.01 / XHTML 1.0 Reference
HTML Elements Index
[HTML 3.2, 4.01, & 5 and XHTML 1.0, 1.1, & 2.0]
CSS
★ Instant Documentation Search: CSS
Excellent. Search for what you want & then read the explanation & examples.
★ Mozilla Development Network: CSS
An awesome, in-depth collection of material.
When can I use…
Compatibility tables for support of CSS3 & and more in desktop & mobile browsers.
Selectors
WestCiv: Complete CSS Guide: Selectors Introduction
Properties
CSS Properties
All of the valid properties belonging to the CSS 2.1 standard
WestCiv: Complete CSS Guide: Properties Introduction
JavaScript
★ Instant Documentation Search: JavaScript
Excellent. Search for what you want & then read the excellent explanation & examples.
Validation
Check your code with these free tools
