• 12 Lessons for Those Afraid of CSS and Standards
• 15 CSS Properties You Probably Never Use (but perhaps should)
• 24 ways to impress your friends this Christmas
• 7 steps to better handheld browsing - Very interesting article from Colly
• A CSS Framework - Following on from his previous article, Mike discusses the idea of developing your own CSS framework.
• A Guide to CSS Support in Email
• A Handy CSS Debugging Snippet - Neat idea using the universal selector
• A List Apart - Excellent collection of web design and CSS related articles
• A Practical Start to Web Standards - Nice article on the problems and pitfalls involved in moving to a standards based design approach.
• A simple introduction to 3 column layouts - Say's it all really.
• A touch of class - skinable Javascript - Nice little article about swapping classes using the DOM.
• Accessible Display: None
• Accessible Image-Tab Rollovers
• Accessible Image-Tab Rollovers - Image replacement and follow up post
• Airtight Corners - Simple yet clever rounded corner box method utilising a singe image.
• Amazon.com Best of 2006 - Buy one of Amazons top 10 tech books for your loved one this Christmas.
• An Introduction to Client-Side XSLT - A great little intro to XML and XSLT over at Digital Web
• An angry fix - Jeffrey on the W3C
• Applied CSS Management and Optimization - Part two.
• Auto-height and margin-collapsing - You learn something new every day!
• BLUEROBOT.COM - More great CSS layouts
• Basic webstandards Workshop
• Bite Size Standards - go on, have a nibble!
• Block vs. Inline - Useful three part series looking at bloc level and inline elements.
• Blueprint CSS - CSS framework
• Box Model Hack - The infamous hack
• British Flag in CSS - One for the methinks
• Build A Simple Style Switcher in CSS
• Build Your Own Website the Right Way Using HTML and CSS - Congratulations to fellow BritPacker, Ian Lloyd, on the publication of his new book.
• CSS 101 - Simple CSS primer.
• CSS 2 Selector Fundamentals - Nice little article on selectors
• CSS 3 selectors explained
• CSS Based Design - Matrix Style
• CSS Bugs in IE5 Mac - Exactly what it says on the tin
• CSS Buttons
• CSS Cheat Sheet - From another Brightonain
• CSS Crib Sheet - CSS do's and dont's over at Mezzoblue
• CSS Discuss - Great CSS mailing list
• CSS Discuss Wiki - Excellent CSS resources from the above list
• CSS From the Ground Up - Excellent introduction to CSS
• CSS Hacks - List of filters for when you just can't get it to work in one browser
• CSS Help Pile - Links and discussion about the best CSS resources available on the web
• CSS Hints for IE 5 Mac - Even more IE5 Mac bugs, this time from apple
• CSS Mastery in Korean
• CSS Negotiation and a Sanity Saving Shortcut - Article on the authors CSS design methodology
• CSS Organization Tip 1: Flags - Interesting post from Doug. Worth reading the comments as well.
• CSS Panic Guide - Help tracking down CSS bugs
• CSS Positioning - From Brainjar
• CSS Positioning Properties - Short tutorial about CSS positioning
• CSS Problem-Solving - Way's to debug CSS
• CSS Specificity for Poker Players - I think Carl stretched the metaphor a little too far on this one, but it's still an interesting idea.
• CSS Support in Safari - Strainght from the source
• CSS Support in Safari - I wish all browser manufacturers would do this. Even better would be if they published a list of known bugs and workarounds.
• CSS Tools - As the name suggests
• CSS Tweak - Web Based CSS Tweaker!
• CSS Vault - Links to great looking CSS sites and CSS resources
• CSS Zen Garden - Great showcase promoting CSS design
• CSS from the Ground Up - Intro to CSS
• CSS is Worthless - Nice post from the Stenmeister
• CSS rollovers with no prealoading
• CSS shortcomings - Nice list of, er CSS Shortcomings
• CSS techniques I use all the time
• CSS/edge - Eric Meyers CSS musings
• CSS3 Compatibility Tables - Which modern browsers support which CSS3 selectors.
• CSS3 Preview
• CSS3 Selectors - Is your browser compatible?
• CSS: The Good, the Bad, & the Ugly by Douglas Bowman - Nice presentation discussing techniques such as CSS image replacement
• Cairo Corners in Firefox 3 - Firefox 3.0 to support anti-aliased rounded corners using the CSS 3 border-radius property
• Clean CSS - Optmize and Format your CSS
• Clean CSS - Another CSS optimiser
• Clearing a float container without source markup - Very interesting, if overly hacky way of clearing floats.
• Clearing a float container without source markup - One of several non-structural clearing methods. It's a bit hackey and has been around a while, but may come in useful on occasion.
• Closing the gap between list items in IE - on 456 Berea Street
• Columnswapping - An innovative�though complicated�way of creating equal length columns in CSS.
• Counter Intuitive
• Creating Liquid Layouts with Negative Margins - Always nice to rediscover old articles. I don't make half as much use of negative margins as I should.
• Creating a Star Rater using CSS - Nice little tutorial on creating a rating widget using XHTML/CSS
• Cross Browser PNG Support, At Last! - An interesting way to get IE5.5x to support PNG alpha channels.
• Cross-Browser CSS :focus - Keep coming across this technique and forgetting to post about it. Based on whatever:hover this technique provides IE5 support for the :focus pseudo class.
• DOCTYPE grid - Interesting table outlining which mode various browsers render in depending on doctype.
• DOCTYPES not relevant? - Molly talks Doctypes.
• Designing Data Part 1 - How to structure a data table
• Designing Data Part 2 - How to style a data table
• Designing Data Part 2: Adding Style - Styling data tables
• Designing for Karova.com - Malarkey talks about the Karova Redesign
• Designline - Each time you save your HTML/CSS file, take a screenshot of your design in the browser. String it together as an animation and you'll end up with a fascinating historical timeline of your development process.
• Details on our CSS changes for IE7 - The lowdown on what has been fixed in IE7
• Developing With Web Standards - Detailed article on web standards from Roger Johansson of 456 Berea Street
• Discussing CSS Management and Optimization - Part one of two.
• Displaying URLs of Links When Printing - Does exactly what it says on the tin.
• Displaying percentages using CSS - Nice little article by Dave "CSS ain't rocket science" Stone
• Doctype Switching - Activating the Right Layout Mode Using the Doctype Declaration
• Dust-Me Selectors - Locate redundant CSS selectors with this handy Firefox plug-in
• Dynamic CSS Changes
• Dynamic Content with DOM-2 - A two part introduction to DOM scripting from the nice people at Apple
• Easy cross-browser transparency
• EasyClearing, the Aslett/PIE way is NOT broken in IE7! - Nice bit of detective work there Claire.
• Elastic Faux Columns
• Embedding flash without using embed
• Eric Meyer - Turning the Tables Using CSS - Nice 2 page article about Eric Meyer and CSS over at Apple Pro.
• Eric Meyer on Floats - Eric outlines a common problem people have with floats
• Eric Meyer's Thoughts on CSS Reset
• Fahrner image replacement technique - Replacing images using CSS
• Filtering CSS - Doug talks about a new filter for IE5/Mac
• Flash of Unstyled Content - Particular CSS bug outlined at bluerobot
• Flexible box with custom corners and borders - Roger Johansson of 456 Berea Street has been going box crazy of late. This is his most recent post but also see CSS Teaser Box, CSS teaser box revisited and Flexible news list for more box madness.
• Float Theory - How floats work
• Float Tutorial - Excellent tutorial about,you guessed it,floats
• Flowing and Positioning - Does exactly what it says on the thin
• Fluid Flash - Flexible Flash King-fu
• FooterStick - CSS footer tutorial
• Form field hints with CSS and JavaScript
• Full CSS Property Compatibility Chart - One of the most complete CSS property browser compatibility charts I've seen.
• Gilder Image Transform Technique - More CSS image replacement
• Global White Space Reset - Nice little post about resetting browser default padding and margins. Also I've not tried it yet, but this comment about setting global text size seems like a logical and interesting idea.
• Google Highlighting - Using Javascript and the DOM to highlight google search terms.
• Google using the YUI?
• Graphical Headings - Image replacement technique that works with images turned off
• Grids CSS - Flexible CSS grid template courtesy of Yahoo!
• HTML 5 differences from HTML 4
• HTML Dog - Beginner, Intermediate and Advanced CSS tutorials
• HTML Mastery - Semantics, Standards and Styling by Paul Haine
• HTML5?
• HasLayout Overview - The Wonderful World of HasLayout. A must read of anybody who has ever struggled with an IE related CSS bug.
• Hi-Fi Design with CSS by Douglas Bowman - Some cool ways to use CSS
• Hide CSS from browsers - Chart outlining support for various @import methods and associated hacks.
• Highlighting Current Page with CSS - From Hicksdesign
• Holy CSS Zeldman - Great title and great collection of CSS links.
• How To Attack An Internet Explorer (Win) Display Bug - Useful bug checking article
• How to bluff your way in CSS - The notes from my SXSW presentation.
• How to choose your hotel room with CSS and JavaScript - Nice tutorial, although I would have used radio buttons instead of links for extra accessible goodness.
• How to prevent HTML tables from becoming too wide
• How to size text using ems - Well written article about text sizing, from Brightons' very own Richard "Clagnut" Rutter.
• Hyperlink Cues with Favicons - Favitastic!
• IE 6 min/max-width hack fixed - Nice work fella
• IE5 Mac oddities - More IE5 mac bugs
• IE6 Duplicate Characters Bug - I came across a bug today very similar to this. Haven't had chance to isolate it yet, but randomly making divs position:absolute seemed to fix the issue.
• IE7 - IE7 invokes a DHTML behavior to load and parse all style sheets into a form that Explorer can understand. You can then use most CSS2 selectors without having to resort to CSS hacks. Even though it's been around for a while, I'm yet to try it out as I have a personal aversion to hackery. However it does look interesting.
• IE7: Were they ready? - 12,731,218 broken in IE7. Anybody know a good web developer available at short notice?
• Inheritance vs Cascade - Quick introduction to the difference between inheritance and the cascade in CSS.
• Interview with Andy Budd on the future of CSS
• Introducing sIFR: The Healthy Alternative to Browser Text - A new Flash image replacement technique.
• Introduction to Browser-Specific CSS Hacks - Useful hacks primer. Just don't go trying this at home kids, unless you first get permission from a parent.
• Introduction to CSS - From w3cschools
• JavaScript Optimization - Ways of speeding up your Javascript.
• Jeffrey Zeldman - CSS and web design right from the source
• Jello - A Different Liquid Layout
• Keep CSS Simple - Nice article on why CSS hacks can be bad.
• Layout-o-matic - I generally don't like css layout generators, but this one actually looks quite nice. Not that I'll use it myself, but probably useful if you're a newbie looking to hit the floor running.
• Learn Web Design the Right Way - The right way being with fellow BritPacker Ian Lloyd. Worth it just for the acknowledgements page, a veritable whos who of modern web design.
• Levels of CSS knowledge
• Link Specificity - Continuing on the pseudo-class theme, everything you wanted to know about links specificity but were afraid to ask.
• Link monkey business - Following on from Simon Collisons excellent Ticked Off? article, Andy Clarke highlights some other uses for the :link and :visited pseudo-classes.
• List Tutorial - Great tutorial about styling lists
• Listamatic - Great article on styling lists using CSS
• MACCAWS - Making a commercial case for web standards
• Mac IE5 friendly sliding doors
• Make Dvorak's Day
• Making Complex CSS Simple! - Nice presentation from Andrew Krespanis
• Making IE 5 Specific CSS or Code - Using IE conditional comments for client side CSS filtering
• Making the Jump to tableless design - My @media presentation
• Managing CSS Hacks - Less hack management than hack organisation, but interesting none the less.
• Methods for Containing Floats - A nice round-up of float clearing techniques
• Microformats Bookmarklet - Sweet. And from a fellow Brightonian as well.
• Microformats Extensions - Drew has created a Dreamweaver 8 extension for adding hCalendar, hCard and XFN data to your pages. If you're still using DW, check it out.
• Min-Height: Fixed - Hacky but potentially quite useful.
• Minimizing Flickering CSS Background Images in IE6
• Modular CSS - Nice article on organising your CSS files by Mike Stenhouse
• More Image Replacement - However this method works if you have images turned off.
• More W3C Controversy
• Multi-Column Layouts Climb Out of the Box - Interesting, although probably not very practical, technique over at ALA
• Multiple Backgrounds in Safari - Fantastic. Safari 1.3 and 2.0 now supports CSS3 multiple backgrounds. I wonder what other CSS3 gems are hidden in there as well?
• NCC Website Documentation - Excellent example of CSS documentation. Particularly useful if you're using external developers who may not be available in 6 months time when something needs to be changed. Commenting your code is important, but this level of documentation provides an overview not easy to get from comments.
• NYPL: Style Guide - Learn about XHTML
• Navigation Matrix - Nice CSS tabbed navigation experiment
• New CSS properties in Safari - Glad somebody is still trying to push CSS forward
• NewbieHub - Web design for newbies
• Newly Supported CSS Selectors in IE7
• On having layout - The murky world of IE's "hasLayout" property. Recently updated and well worth reading if you build sites using CSS.
• One Way to Design a Web Site - Nice write up about one persons development method. However I have to agree with a number of the comments that it seems odd to build the HTML first before thinking about the design.
• Online CSS Optimizer - Optimize your CSS online
• Online CSS Optimizer/Optimiser - It optimises your CSS online
• Online CSS Optimizer/Optimiser - Optimise your CSS online :-)
• Opera 9 - At version 9, surely they must have got it right by now?
• PIXELLATED! - List of CSS sites
• Pandora's Box (Model) of CSS Hacks and Other Good Intentions - Great post from Tantek
• Pimp My HTML - Pimp their HTMl and win some cool books
• Position This! - A nice article from about CSS positioning
• Project Mars - Redesigning smh.com.au & theage.com.au with css
• Projecting your CSS - Projection stylesheets
• Push my button - Nice article by Aaron Gustafson on the button element over at Digital Web Magazine
• Real World Style - More CSS layout articles
• Really Undoing html.css - Interesting post from Eric about default browser CSS rules and how you can see a truly unstyled document in Firefox by renaming it's default style sheets.
• Rediscovering the Button Element
• Redundancy vs. Dependency - Very interesting read.
• Revised Image Replacement
• Robust CSS Drop Shadows - More drop shadows
• Rounded Corner Boxes the CSS3 - by Andy Budd
• Rounded Corners with CSS and JavaScript - The tile says it all really
• Safari CSS Hack - Not tried it, can't vouch for it and don't like the fact that it has to be the last rule in your CSS. However it's there if you really need it.
• Safari Info for Web Designers - CSS bugs, hacks etc at dive into mark
• Selectutorial: CSS selectors
• Semantics of <span> - Interesting article outlining how spans can be used to add meaning and structure to a document.
• Seven Deadly Markup Sins - Nice article from Molly about common markup errors.
• Simple Clearing of Floats - Interesting
• Simple, accessible external links
• Skip-a-dee-doo-dah - Just been reminded of this so thought I should blogmark it for future use.
• Sliding Doors - A great way of creating scalable, graphical CSS based Tabs
• Soft Serve - Is it time to start sizing fonts in pixels for good browsers and using conditional comments to serve em sized text to IE?
• Son of Suckerfish Dropdowns - Dropdowns using CSS and a sprinkling of JavaScript. Woof woof.
• Stackable CSS Columns - Interesting
• Stitched up - Stitching your CSS files together with PHP
• Strategies for Long-Term CSS Hack Management - Useful article on CSS hacks from Molly Holzschlag.
• Style Master Templates Competition - Create some CSS templates. Win some prizes.
• Styling form controls - A look at how various browsers handle the styling of form elements. Generally I don't mess with form element styling beyond setting dimensions and font sizes. However this is largely because Safari, my browser of choice, doesn't honour many of these styles.
• Styling form controls with CSS, revisited
• Stylish, accessible forms - Courtesy of All that Malarkey
• Switchy McLayout - An Adaptive Layout Technique
• Target and Conditional Text Display - Nice use of the target pseudo-class and attribute selectors.
• Ten Questions for Richard Rutter - Friend, colleague and local web superstar, Richard Rutter gets the 10 Questions treatment.
• The Box Model Problem - A good explanation of IE5.x's box model problems and the simplified box model hack
• The CSS Redundancy Checker - Yet to give it a spin, but the idea is a good'un
• The Definitive Post on Gzipping your CSS - Interesting idea.
• The Ultimate Tabbed Menu
• The Way Forward with Web Standards - The full white paper for the more technical amongst you
• The Web Standards Project - Learn about web standards
• The XHTML Way - Nice article on the roots and reasoning behind XHTML
• The easiest way to PNG support in IE6 - Not tried it yet, but it looks interesting.
• Top CSS Tips - The Snookmeister shares some of his top CSS tips
• Transparent custom corners and borders - Take one clever rounded corner box method add some PNG's and a sprinkling of JavaScript, bake for half an hour on a low heat and voila!
• Trimming form fields - Nice little tutorial explaining how you can allow the user to toggle form fields on and off using Javascript. I wanted to link to it when I first read it a few weeks ago, but it's taken till now to find the time.
• Uncollapsing Margins - Great margin collapsing article from Eric
• Uni-Form - an attempt to standardise form mark-up and CSS
• Universal Child Replacement - A clever way of faking the child selector.
• Untold Mysteries of CSS - Good article about a few obscure features of CSS.
• Untold Mysteries of CSS - Nice little article from Molly
• Using display: inline-block - removes Mac IE5's need for explicit widths on floats
• Veerle's CSS Links
• Web Browser CSS Support">Web Browser CSS Support
• Web Design References: Cascading Style Sheets - Great list of CSS tutorials.
• Web Developer's Handbook - CSS Link-o-rama. If you missed it, this should keep you busy for a couple of weeks.
• Web Misunderstandards
• Web Standards Awards - Well designed CSS awards site
• Web Standards Solutions - Just got this book from Amazon this morning, and am really looking forward to reading it. If I was going to write a book on web standards, it would be this one.
• Web Wars - Funnt post from Andy Rutledge for all you Star Wars Standadistas out there.
• What Every Web Site Owner Should Know About Standards - MACCAWS have just released this excellent web standards primer. Show it to your boss, give it to your clients, link to it from your site.
• What is CSS2.2?
• What's in a name (pt2) - A bit late to the party I know, but I thought this post and Eric Meyers follow up post were well worth highlighting.
• Whatever:hover - An interesting technique to get IE to produce a hover like effect on elements other than anchors
• Why Clients Care About Web Standards - They don't. Sell the sizzle, not the sausage!
• Why tables for layout is stupid - great little illustrated presentation
• Workaround for the Safari FOUC bug - Not tried this yet, but could be helpful in certain situations.
• Write Stylesheets Simultaneously - Using a meta refresh so you don't have to reload your styles during loccal development.
• Writing Lean CSS - Another nice little article on using CSS shorthand and the cascade to optimise your stylesheets.
• X/HTML 5 Versus XHTML 2 - Nice summary of the differences between HTML5 and XHTML2
• XRAY - A nice little bookmarklet from John Allsopp, for examining your mark-up and CSS
• YSlow for Firebug - Like viagra for the web, this little tool helps web developers improve their performance
• built for the future - Currently running a usit.com redesign competition
• glish.com - CSS layout techniques
• max-width in Internet Explorer
• podGuide - Not sure how useful or practical this is, but you're got to admit it's a good marketing gimmick.
• swfIR - If you haven't see this already, where have you been?

        How To Think Like A Great Graphic Designer

Debbie Millman interviews the great James Victore. Excerpted from Millman's upcoming book, How To Think Like A Great Graphic Designer.

 

 Staying Motivated

 

10 Tips on Writing the Living Web by Mark Bernstein

 

 

Reviving Anorexic Web Writing

by AMBER SIMMONS

Intelligent web content is the literature of our time. Amber Simmons argues that conventional approaches have starved the life out of web writing.

 

 

Jeffrey Zeldman: King of Web Standards