'lean, mean CSS'
{+}eCSStenderSay goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.
Note: This is not an endorsement.
memory game
CSS MemoryA game of memory in which you will have to find three matching cards. (as a tribute to the CSS level used for the transitions)
We agree!
CSS vendor prefixes – Can we all get alongIn the absence of standards all browsers are guessing what should they implement. Every browser wants to be first to implement some new cool CSS feature. The risk is that we will end up writing specific CSS code for every browser. Trust me we don’t want that!
make 'pretty-printed' snippets
Source code beautifier / syntax highlighter– convert code snippets to HTML
layouts 'collapse intelligently'
Less Framework – "An HTML5-powered CSS framework for building smart website layouts for varying screen widths."start fresh
PrimerCSS – "undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet"another CSS framework (3)
Atatonic CSS framework – "created to provide a stable grid and solid typography"conditional CSS (for intermediate/advanced coders)
Modernizr – "a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies"another CSS framework (2)
BlueTrip CSS FrameworkBlueTrip gives you a sensible set of styles and a common way to build a website so that you can skip past the grunt work and get right to designing.
useful browser compatibility reference
When can I use... – "Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies"style scrubber
CSS SuperScrubThis tool can significantly reduce the size and complexity of your CSS by programmatically stripping unneeded content, stripping redundant calls, and intelligently grouping the remaining element names.
Note: This is not an endorsement.
another CSS framework
SenCSsSenCSs supplies sensible styling for all repetitive parts of your CSS, allowing you to focus on actually developing your website's style.
find unused CSS selectors (2)
Dust-Me Selectors Firefox extension (requires that you accept an End-User License Agreement before installation can proceed)find unused CSS selectors
CSS Redundancy Checker – "Use this tool to find CSS selectors that aren't used by any of your HTML files and may be redundant."interesting scripting+css approach
Dynamic Layout – "a simple JavaScript library that allows you to easily adjust page layout based on the current browser width"'interactive type tool'
CSS Type Set – "a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content" [SimplePixels]'look at me' designs
What are CSS galleries actually showcasing?There are exceptions, but for the most part these sites seem to be nothing more than a collection of slow loading, non-accessible, barely usable sites made by fantastic digital artists who unfortunately have no idea how to build a web site.
not fully tested yet
Blueprint: A CSS Framework – "Blueprint has not yet been tested in every browser. Please do not use this framework in any projects of grave importance at this time." [Basement.org]Related: Blueprints are not final – "I'm somewhat conflicted with its release because I don't think it should be used. Don't get me wrong, it's great, but don't use it." [Simon Willison's Links]
developer resources
Endihm – "a resource for articles, guides and tutorials focusing on CSS, HTML, Javascript & PHP"step-by-step tutorial
Create your own drop down menu with nested submenus using CSS and a little JavaScript[CSS Globe]
