A web grid system designed by Joseph Silvashy and New Gold Leaf that allows designers to use the screen real estate on large monitors and retain great design on smaller ones. The Fluid Grid System combines the principals of the typographic grid and a baseline grid into one resolution-independent framework…
Direct link: Fluid Grid System
There are so many articles and resources on the web about grid based design. Here’s a list of the best resources/tools all in one fell swoop…
Direct link: Grid Based Design Toolbox
IE7 supports a custom bicubic resampling mode for images. If you resize images in CSS and don’t use this, your images will have really poor quality…
Direct link: High quality CSS thumbnails in Internet Explorer
The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website…
Direct link: CSS Text Wrapper – wrap text around any shape
Before CSS, images were always put into Web pages with image tags. We gave them alternate alt text so they still made sense when images were turned off – it was the only way. Today, we have Cascading Style Sheets. Using CSS to add images to Web pages has been called a "vital cornerstone of all future Web design". It gives us new power to control the presentation not just of basic styles like borders, but all the images across a whole site. Fahrner Image Replacement FIR was the first widespread method of doing this, and remains the most well known. But it isn't perfect. Today I'll show you two methods that overcome its problems.
Direct link: Accessible Header Images With CSS And XHTML
Article covering the basics of baseline grids (defined grid areas within which content is placed) and how they can be applied effectively to the web medium…
Direct link: Setting Web type to a baseline grid
There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being released with the upcoming CSS3 specification. Realistically, you won’t be able to use these on your everyday client projects for another few years, but for design blogs and websites aimed at the Web design community, these features can help you push the boundaries of modern Web design today, adding that extra spice to your design and helping the industry move forward.
Here are five techniques snatched from the future that you can put into practice in your website designs today…
Direct link: Push Your Web Design Into The Future With CSS3
A collection of CSS layouts offering Grade-A browser support. What does that mean? Well, they should appear the same in all internet browsers, including Internet Explorer 6 (IE6), Internet Explorer 7 (IE7), Firefox, Opera, Safari etc. You can use these CSS Layouts anywhere you wish including website templates, blog themes, CMS or as a starting point for your Web projects.
Direct link: CSS Layouts: A collection of 224 Grid and CSS Layouts
An in-depth article examining the uses of inline-block across all major browsers…
Direct link: Cross-Browser Inline-Block
CSS is the thing that makes websites beautiful, without CSS everything is a bit dull and boring. Here’s list of the top 60 CSS tools to reduce your work load…
Direct link: 60 CSS Tools to help reduce your work load