"It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com."

Interesting that you can apply link elements via header

like jsbin but for css

like jsfiddle or jsbin

"Just include Live.js and it will monitor the current page including local CSS and Javascript by sending consecutive HEAD requests to the server. Changes to CSS will be applied dynamically and HTML or Javascript changes will reload the page."

This document contains normative guidelinesfor web applications built by the Interface Development practice of Isobar North America (previously Molecular). It is to be readilyavailable to anyone who wishes to check the iterative progress of our best practices.

"Are you looking for a basic understanding of how UIs are created on the web or who wants to brush up outdated UI development knowledge? Or maybe you'd like to learn more about the medium you're designing for and gain basic tools for prototyping designs? Do you want a better understanding of the web and how Google makes the pages that are its face to the world? If so, "HTML, CSS, and JavaScript from the Ground Up" is for you."

"This little bookmarklet makes refreshing your CSS a breeze. It comes in quite handy when you're developing dynamic applications. Tested in IE and Firefox." javascript:void(function(){var i,a,s;a=document.getElementsByTagName('link');for(i=0;i<a.length;i++){s=a[i];if(s.rel.toLowerCase().indexOf('stylesheet')>=0&&s.href) {var h=s.href.replace(/(&|%5C?)forceReload=\d+/,'');s.href=h+(h.indexOf('?')>=0?'&':'?')+'forceReload='+(new Date().valueOf())}}})();

includes a css to xpath converter in js

Responsive design emerging as the importance of flexibility increases as screens fragment

Outstanding HTML5 presentation & demo done completely using HTML5: (via @flyosity)

super simple way to find the right rounded corners.

"You can add some new CSS rules as a value of the f parameter: https://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE&f=;}body{font-size:14pt!important}.ss-q-title{color:green} Here's the result. The most important things to remember: 1. the value has to start with ;} 2. you need to use !important for some of the rules to override existing values 3. check the source code of the form to find the classes used by Google 4. this a trick that may no longer work in the future."

Great overview and resource

"In a future release of Firefox we are likely to make it possible for people to turn on color correction for tagged images and CSS. You can test this setting today by changing the pref listed on the page on color correction on the Mozilla Developer Center to “Full color management.” In that case untagged images should continue to work as we will be rendering both CSS and untagged images in the sRGB color space. Image support and tools PNG’s can be tagged in three different ways. First they can have an iCCP chunk that contains the associated ICC profile. Second they can be explicitly tagged as sRGB using a sRGB chunk. Finally, they can contain gAMA and cHRM chunks that describe the image’s gamma and chromaticies. Using any of thse methods will cause Firefox to color correct the image. You can remove all of the color correction chunks resulting in an untagged image using pngcrush: pngcrush -rem gAMA -rem cHRM -rem iCCP -rem sRGB infile.png outfile.png"

"8 simple ways you can use CSS to improve your typography and hence the overall usability of your designs. "

"XSS scanner tool that’s written in Javascript called XSS Rays for Microsoft. They have given me permission to release the tool as open source which is awesome because it can be used for other open source applications. I recommend you use it as part of the web development process to make sure you’ve filtered XSS correctly on your application. It works as a bookmarklet and scans any links, paths or forms on the target scanning page (even cross domain). You can add vectors to it quite easily and it includes some of the most common injections I’ve found on sites over the years. I’ve tested it on IE7/IE8 and Firefox but it could work in other browsers."

clever bookmarklet to add a rule to a page. "javascript:(function(){var%20newcss=window.prompt("new%20css%20rule:");if("\v"=="v"){document.createStyleSheet().cssText=newcss}else{var%20tag=document.createElement("style");tag.type="text/css";document.getElementsByTagName("head")[0].appendChild(tag);tag[(typeof%20document.body.style.WebkitAppearance=="string")?"innerText":"innerHTML"]=newcss}})();"

"These bookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment with CSS or JS without editing the actual page."

the official guide to css selectors. for reference!

qTip is a tooltip plugin for the jQuery framework.

set all elements you specify to the same height.

"provides developers with a JavaScript library for doing any number of A/B tests on a site (tweaking CSS, JavaScript, or HTML elements) all trained over time using a Genetic algorithm backend. This means that no matter how many different A/B tests you have on a page the genetic algorithm will adapt to the input (users visiting the page and hopefully achieving some pre-defined goal) and slowly show a more-optimal page layout to the user."

useful CSE for webdev stuff http://www.google.com/cse?cx=015868731528078504351:y2ch535qrq0&ie=UTF-8&q=background+repeat&sa=Search

examples of some nice CSS styling, especially first letters and pullquotes

"<!--[if IE ]><body class="ie"><![endif]-->"

good introduction to techniques necessary to deal with browser inconsistencies (yes I'm looking at you Microsoft).

allows you to write maintainable CSS with conditional logic to target specific CSS statements at both individual browsers and groups of browsers.

nice tweaks to improve FF3. check the comments too.

userChrome.css tweak: #urlbar[level] .autocomplete-textbox-container { background-color: #FFFFB7 !important; }

an open encyclopedia and reference library. Written by web developers, for web developers. It includes articles on web security, JavaScript DOM manipulation, CSS tips and tricks, and more.

By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love

Palatino, Tahoma, Impact (really?), Century Gothic, Arials Black & Narrow, Copperplate, Gill Sans, with some info on windows/mac installed base

a variety of utilities, optimizers, testing, and debugging tools aimed towards helping developers create websites more efficiently

you can now edit your css for a google doc. what i'd like to see is master css rules for google apps.

apparently generates nice markup for tables and makes it easy to apply classes to columns/rows.

Creating a horizontal row of objects that are equidistant from each other is another one of those things in web design that is much more difficult than it should be.

uses CSS for better performance

Use Google Reader? Wish it displayed better on your N800/N810?

Box Model, Conditional Comments, min/max width, selectors, :hover, Transparent PNGs

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.

working with email client developers and the design community to improve web standards support and accessibility in email. The project was formed out of frustration with the inconsistent rendering of HTML emails in major email clients.

"a close look at some of the most interesting CSS coding structure and listed them below where you can probably use in every project you are developing." (good advice!)

a series of articles on using media style sheets to design for different contexts—specifically print and small screen devices

using existing CSS to style elements in Basecamp (note to self: check out Highrise options)

This property specifies quotation marks for any number of embedded quotations.

Nice intro to issues faced with designing pages for the web.

you gave a paragraph an width of 50%, but how do you see how many pixels that is in your users' browser?

examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float.

a way to size text that allows designers to retain accurate control of typography, without sacrificing the user’s ability to adjust his or her reading environment

query css selectors using this bookmarklet

an email template to use for a future design tool. Emails, if you don’t know, are not as easy to design as web pages. They are viewed in a wider variety of clients. Some of these clients are downright evil.

excellent comments too

free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously

Good list of CSS, JS, and general webdev resources

shows equivalencies

a cheatsheet for webdev cheatsheets

using a table-layout: fixed css definition for the table as a whole and then only specifying column width values for the columns that shouldn’t have their content overflow hidden and tucked away behind the rest of the content.

like greasemonkey for css

"Yet Another Multicolumn Layout" (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.

nice intro to CSS

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.

excellent intro to css and layouts

step by step tutorial links at the left of the page to learn how to create a PSD file into an HTML website (or an XHTML tableless website)

a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.

list of popular CSS online tools and generators: all these tools are selected due to the design and popularity.

important issues related to CSS Specificity as well as examples, rules, principles, common solutions and resources.

Each character (selector) is given its own Sith power (specificity value) depending on how powerful they are in the ways of the Dark Side. A storm trooper is less powerful than Vader who is in turn less powerful than the Emperor.