-
CSS Selector reference guide
At dConstruct last year Richard Rutter and I had the pleasure of hosting the CSS3 portion of the HTML5 and CSS3 Workshop. It sold out fast and was so popular that we're holding another CSS3 workshop on the 29th January 2010.
One of the handouts we gave to attendees was this useful little reference guide to CSS selectors. Made using CSS transitions, the pocketbook is printable in WebKit browsers and modern versions of Firefox, or you can download a PDF version. You can read more about how it works in my explanation of dinky pocketbooks.
The pocketbook includes all the available selectors in CSS2.1 & CSS3. Most of these have very good support and you can use them quite happily right now. Even some that are currently less supported can be used to provide additional visual flair to newer browsers. CSS selectors also come in handy to get elements in JavaScript when you are using a CSS-based JavaScript selector engine such as in jQuery.
If you are interested in learning more about CSS3, come along to workshop on the 29th January.
-
Dress Code Guide
Dress Code Guide — How handy is this!
-
CSS The Star Matrix Pre-loaded
CSS The Star Matrix Pre-loaded — Nice use of the preloaded background image for styling star ratings (just add ajax).
-
Hivelogic - The Narrative - Building Ruby, Rails, Subversion, Mongrel, and MySQL on Mac OS X
Hivelogic - The Narrative - Building Ruby, Rails, Subversion, Mongrel, and MySQL on Mac OS X — One of the best installation documents I have read in a very long time, more documentation should be written like this!
-
Advanced Quicksilver guide
Advanced Quicksilver guide — oooh.
-
SEOmoz | Web Developers: 13 Command Line Tricks You Might Not Know
SEOmoz | Web Developers: 13 Command Line Tricks You Might Not Know — Always useful!
-
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine — "53 CSS-based techniques you should always have ready to hand if you develop web-sites.".
-
Fumbling Towards Geekdom: A 2006 productivity hot-or-not guide
Fumbling Towards Geekdom: A 2006 productivity hot-or-not guide — review of how effective the various productivity tips of last year actually were.
-
The Definitive Guide to Web Character Encoding [HTML & XHTML Tutorials]
The Definitive Guide to Web Character Encoding [HTML & XHTML Tutorials] — "Character encoding. You may have heard of it, but what is it, and why should you care? What can happen if you get it wrong? How do you know which one to use?".
-
Digital Web Magazine - Markup as a Craft
Digital Web Magazine - Markup as a Craft — "The quality of your markup will affect the quality of related code, and even the cost of implementing or maintaining that code.".
-
Digital Web Magazine - It's in the Details: Seven Secrets of a Successful International Website
Digital Web Magazine - It's in the Details: Seven Secrets of a Successful International Website — international website do's and dont's.
-
How to Change the World: The Effective Emailer
How to Change the World: The Effective Emailer — Another good set of tips from Guy on how to write effective emails.
-
Web 2.0 how-to design style guide
-
A List Apart: Style Guide
-
A Periodic Table of Visualization Methods
-
Virtual Travelog | Judging the likely Success of an Ontology
Virtual Travelog | Judging the likely Success of an Ontology — .
-
encyclopedia of spices
-
David Seah : The Printable CEO™ Series
-
Color Theory for Developers
-
A beginner's guide to freelancing (Phil Gyford: Writing)
A beginner's guide to freelancing (Phil Gyford: Writing) — .
-
HTML Playground, html, css reference by example
-
A List Apart: Super-Easy Blendy Backgrounds
-
Have a great startup idea? Hmm. Maybe not.
-
How to structure large CSS files - Friendly Bit
-
Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…
Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… — handy list of cheat sheets.
-
A List Apart: Articles: How to Be a Great Host
-
Card sorting: a definitive guide - Boxes and Arrows: The design behind the design
Card sorting: a definitive guide - Boxes and Arrows: The design behind the design — .
-
Five Simple Steps to designing with colour : Journal : Mark Boulton
Five Simple Steps to designing with colour : Journal : Mark Boulton — .
-
A beginners guide to CSS
-
Particletree · How to Add an API to your Web Service
Particletree · How to Add an API to your Web Service — must get round to doing this at some point.
-
CSS: Specificity Wars | And all that Malarkey
CSS: Specificity Wars | And all that Malarkey — css selectors Specificity.
-
Stopdesign | Google Calendar tips
-
IANA | Root-Zone Whois Index by TLD Code
IANA | Root-Zone Whois Index by TLD Code — some fun could be had here I think!
-
pebbleRoad: Creating & Maintaining a Web Style Guide
-
Vitamin Features » HTML Emails - Taming the Beast
-
Steven Hargrove: How to redirect a web page, the smart way
Steven Hargrove: How to redirect a web page, the smart way — .
-
Design Detector
Design Detector — .
-
Why’s (Poignant) Guide to Ruby
-
A Guide to Testing the Rails |
-
developerWorks : Linux
-
Things to do in Amsterdam—an unconventional guide
-
Print version - In search of the One True Layout
-
bobbyvandersluis.com | Ten good practices for writing JavaScript in 2005
bobbyvandersluis.com | Ten good practices for writing JavaScript in 2005 — .
-
Unobtrusive Javascript
-
4.8. Inserting content after an element [Dive Into Greasemonkey]
4.8. Inserting content after an element [Dive Into Greasemonkey] — insertafter.
-
Common fonts to all versions of Windows & Mac equivalents (Browser safe fonts) - Web design tips & tricks
-
Fizbang Web Design » How to Improve Your Logo
-
Efficient Editing With vim - Jonathan McPherson
Efficient Editing With vim - Jonathan McPherson — Having no choice but to use vim, this page might just save me from messing up too many files.
-
Linux Command Directory: Index
-
slayeroffice | code | image cross fade redux
-
Simon Willison: Yahoo! UI JavaScript treats
Simon Willison: Yahoo! UI JavaScript treats — very cool new librarys from Yahoo.
-
Efficient CSS with shorthand properties
Efficient CSS with shorthand properties — another shorthand article.
-
CSS shorthand properties - an introduction
CSS shorthand properties - an introduction — Useful if you are absolutly intent on using shorthand css.
-
Simple Rounded Corner CSS Boxes
Simple Rounded Corner CSS Boxes — good but not hugely semantic.
-
Unobtrusive Javascript
-
A List Apart: Articles: Cross-Browser Variable Opacity with PNG: A Real Solution
A List Apart: Articles: Cross-Browser Variable Opacity with PNG: A Real Solution — .
-
mezzoblue § A Bit of Transparency
-
Autocomplete feature of Internet Explorer
-
UrbanGiraffe » WordPress Theme Guide
-
Rasmus' 30 second AJAX Tutorial - lunatechian (lunatech-ian)
Rasmus' 30 second AJAX Tutorial - lunatechian (lunatech-ian) — .
-
addEvent()
addEvent() — .
-
HTML HTML Quick List - HTML Code Tutorial
-
CollyLogic: Image fades for overflow: auto
-
mozilla.org Documentation Style Guide
-
Ten more CSS tricks you may not know
-
Unofficial Ubuntu 5.04 Starter Guide
66 items tagged "guide"
Look at "guide" on del.icio.us, Flickr or Technorati