“I use Google Analytics, and I noticed that their left nav has an interesting characteristic: instead of each option being boxed in a clickable rectangle, there is a one pixel notch in each corner. It’s not necessarily a curved corner, but it is a little softer than a normal box. I would’ve naturally thought that if someone is going to use background images to create a capsule effect, they would have used anti-aliased images. But upon closer inspection, no background images were used at all.”

“Most designers would have heard of the term ‘CSS Frameworks’, for those who don’t know or aren’t sure, here is a brief description from: Wikipedia:

A CSS framework is a library that is meant to allow for easier, more standards-compliant styling of a webpage using the Cascading Style Sheets language. Just like programming and scripting language libraries, CSS frameworks package a number of ready-made options for designing and outlaying a webpage.

Sounds great doesn’t it, something that is going to make designing and developing a website that little bit easier. It will take away the repeating of the same old boring stuff and if you write your framework correctly you will be guaranteed your code will meet W3C recommendations. That will leave you plenty of time to design your site, the fun side of the job!”

“This tool will help you generate more flexible versions of Blueprint’s grid.css and compressed.css and grid.png files. Whether you prefer 8, 10 or 16 columns in your design, this generator now enables you that flexibility with Blueprint.”

“Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.”

“A JavaScript class for dynamically striping HTML data tables.”

“Below is a list of almost every web design gallery around. Feel free to use it for inspiration, or to submit your web sites.”

“It’s been just over 12 months since I posted our original Guide to CSS Support in Email and quite a bit has changed since. Sadly, the most significant of these changes was in the wrong direction, with Microsoft’s recent decision to use the Word rendering engine instead of Internet Explorer in Outlook 2007. We’ve written plenty about it already including an explanation of the reasoning behind it. More on its impact on CSS support later. It hasn’t all been doom and gloom though, a number of vendors have maintained or improved their support for CSS, especially in the web-based email environment.”

“Have you ever watched your status bar while you wait for a page to load and wondered why several files seem to be downloaded before you see anything at all on your screen? Eventually the page content displays, and then the images are slotted in. The files that keep you waiting are generally the CSS and Javascript files linked to from the ‘head’ section of the HTML document. Because these files determine how the page will be displayed, rendering is delayed until they are completely downloaded.”

“Thanks to CSS selectors it’s possible to attach icons to anything you want just by adding an attribute of your choosing to your HTML. Want a popup icon? try <a href=’#’ icon=’popup’> how about a magnifier? <a href=’#’ icon=’mag’>. You can even add them automatically for file types. Here’s how.”

“Links are fun, but sometimes we don’t know where they take us. With this little CSS technique a user can identify a link by it’s icon… The idea is pretty simple, if a link points to a .pdf file, we show the .pdf icon after the link.”

“Many web designers, myself included, come to the web with a background in the graphic arts. We think in pictures, not in code. When we first begin designing for the web, we’ll use HTML and CSS crudely, as a means to an end—a method of arranging pretty boxes in space—without grasping the true nature of the box itself or what it contains. Altering that strictly visual mentality is the highest hurdle to overcome when a graphic designer first dives into semantics and web standards. For the visual designer, really understanding web standards means you’ll have to change the way you think about design.”

“One of the problems of mapping between the HTML and the CSS is that they usually differ in structure. The HTML is (if you‚Äôre lucky) structured like a convenient semantical tree while the CSS often is ordered by something random like fonts, colors, and positioning. To make moving between the two worlds easier we want to make them as similar as possible.” (Thanks dangerousmeta!)

“There are small stripes appending inside of an element which create an illusion of transcorn.”

“Using JavaScript for this is fine to me since the pullquotes serve mostly as scannability aids and design elements. The text exists in the markup, so users with JavaScript off aren’t missing out on any actual content. If JavaScript is on but CSS is off, the pullquotes are still created but without any other styling than the browser’s default blockquote styling.”

“Among the many things to like about Veerle’s redesign of her blog is the way she does the hover effects for lists of links, such as those in her ‘approved’ section. Rather than force others to wade through Veerle’s CSS (wow, that’s quite a style sheet!) I thought it’d be helpful to show how to create this ‘block hover’ effect.”