Resources for Web Development Students @ Robin’s Blog

This is a roundup of wonderful articles that deal with coding Web pages. Most are tips on HTML & CSS, but there are also a few JavaScript and PHP resources.
Remember, these are articles I “tweet” on Twitter. Click the @username to see the posts of some of the people who I respect and love to “follow” on Twitter, the #hashtags [...]

I am republishing this article because so many new resources have been added since the original publishing date. If you know of additional resources that should be added please leave a comment below.
Part of the Photoshop class project is to create a Web site mockup. I have recently found several tutorials that may help you to complete this project.
Create [...]

Web Design Schools Guide has compiled a list of 100 Terrific Web Design Cheat Sheets that Will Save you Time, Money and Mistakes.

Most web designers know that cheat sheets are incredibly useful. You can use them for quick reference, easy learning, and more. In this list, we’ve compiled an incredible collection of the 100 best and most useful cheat sheets [...]

Tripwire Magazine has compiled 35+ very Useful And Powerful CSS techniques. In addition to the 35+ CSS techniques there is also a nice introduction to CSS.
Here are ten CSS techniques that students frequently ask “how do I…?” in class:

CSS Tabs
Create Resizable Images With CSS
Making web pages extend to the bottom of the window
Prettier Accessible Forms
Multi-Column Lists
Optimizing Your Website Structure [...]

This is a terrific collection of CSS galleries for inspiration and education. As you view the sites be sure to use the Web Developer toolbar in Firefox to view the source code (View Source > View Source) and to view the CSS (CSS > View CSS).
Now days CSS Galleries are great for improving your website’s traffic and pagerank. Getting [...]

Six Revisions has an excellent list of 40+ Useful Cheat Sheets for Designers. These sheets are for Photoshop, Illustrator, and InDesign. You may also find 27 Adobe Photoshop Cheat Sheets and Quick Reference Cards for Adobe Photoshop CS4, CS3, CS2 and Below useful.
If you’re looking for cheat sheets for coding, check Cheat Sheets for Front-end Web Developers
Edit 12/8/08: All [...]

Six Revisions has a great explanation of why it’s important to reset your CSS at the beginning of your Web development projects. A must read for everyone learning HTML, XHTML, and CSS.
Read CSS Tip #1: Resetting Your Styles with CSS Reset

Firebug is a Firefox extension that helps to troubleshoot, XHTML, CSS, and other coding issues you may encounter while developing Web sites. The Firebug extension is installed on all workstations and can be accessed by clicking Tools > Firebug > Open Firebug from the Firefox menu. 
Firebug Official Web Site
Introduction to Firebug
Build Better Pages With Firebug
Firebug Tutorial: Getting Started
HTML/CSS/Javascript in Firefox
Debugging [...]

For the next 14 days you can download the book The Art and Science of CSS for free (a $30.00 value). You can access this terrific free offer at SitePoint’s Web site.
Once you submit your personal email address you will be sent a link to download the Zip file (23mb). Please DO NOT print this book in class. [...]

Naming convention in CSS coding is an “hot” discussion topic. In this post I want to illustrate some suggestions and guidelines to use a semantic approach instead of a structural approach in naming CSS classes, analyzing the essential elements of a popular 3 column layout.
Continue reading CSS coding: semantic approach in naming convention