Resources for Web Development Students @ Robin’s Blog

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

These days, CSS development is a complex process. You may be working on sites with large CSS files, multiple developers ,and long development timelines. The more complex your CSS files become, the more difficult it is to work with them. This article will present some tips and tricks for keeping your CSS files organized and easy to work with.
Continue reading [...]

Cheat sheet is a reference tool that provides simple, brief instructions for accomplishing a specific task. We have collated a set of best cheat sheets for web developers. It includes some of the popular programming language, e.g. jQuery, Mootools, Prototype, PHP, MySQL and etc.
Check out the cheat sheets at Web Appers

The main idea behind CSS-based layouts is offering more flexibility and enhancing the visual experience of visitors. Some important tips and related key-factors can help to learn basics and keep essential techniques in mind. And this is what this article is all about. Finding the perfect Layout that have Total Flexibility, Equal Height Columns and just works fine.
So we’ve decided [...]

Without a doubt, a logical and structured layout is the best way to go. Not only because your layout varies between browsers, but also because CSS has a lot of ways to position every element you have. Today we wanted to share with you some quick tips on how to avoid easy pitfalls when creating your CSS layout.
Continue reading Using [...]