25+ MUST-HAVE Web Design Resources

If you can't find what you need with these resources, you probably won't find it!

1. 10 Websites with huge list of resources for web designers and developers
   
2. Cascading Style Cheatsheet
3. Effects and Usability Enhancements with CSS
   
4. Forwebdesigners.com | 675+ Helpful Links
5. Resources for Web Design
6. Web Developer’s Handbook
7. 10 CSS tricks you may not
8. Free CSS Templates
9. No float step-by-step tutorial
10. skout
11. TheSiteWizard | List of Online Wizards
12. How to Design and Publish Your Website with KompoZer
13. How to Design and Publish Your Website Using Mozilla Composer
14. How to Add the Copyright Symbol to Your Web Page
15. How to Create a Logo for Your Site the Quick and Easy Way
16. How to Set Up A Custom 404 File Not Found Page
17. HTML Source
18. Web Design Library
19. The Beginner's A-Z Guide to Starting/Creating Your Own Website
20. Free HTML Editors, Free WYSIWYG Web Editors
21. How to Prevent a Directory Listing of Your Website with .htaccess
22. Designers Toolbox
23. Markup Generator
24. Webmonkey: Special Characters
25. 100 css tools
    

BONUS: Website Design Tutorials and Articles

more ...
CSS-Tricks | Create A Unique Contact Form

Sticky-Footer here's the CSS

Simple Four Step Print-friendly Version:
The page header should contain links to two CSS documents, one for the 'screen', and one for 'print':
To use remove the "." after the "<" - ex:


<.link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen"/>
<.link type="text/css" rel="stylesheet" href="printstyle.css" media="print"/>

The first line is for the screen version (using media="screen") and the second for the print version (using media="print").

Create the print style CSS document:
1) Open a blank plain text document (ie: Notepad) and save it as printstyle.css

2) Point the 'print' CSS command to the new document like this:
<.link type="text/css" rel="stylesheet" href="printstyle.css" media="print"/>.

3) Enter CSS commands until the on screen or preview matches the 'print version' desired. (Assumption: Your using a WYSIWYG editor.) Use the display: none command for all navigation, decorative images and non-essential items - omits them from the printable version. Go to Print Different for more on printable versions.

4) Upload to server when completed.

<< code post |