#css3 (83 links)
- The 30 CSS Selectors you Must Memorize net.tutsplus.com
- Ordering CSS3 Properties | CSS-Tricks css-tricks.com
Reasoning for "real" property last.
- CSS3 PIE: CSS3 decorations for IE css3pie.com
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.
- CSS3 Social Sign-in Buttons nicolasgallagher.com
- 320 and up stuffandnonsense.co.uk
The ‘tiny screen first’ boilerplate extension.
- Tabs with Round Out Borders | CSS-Tricks css-tricks.com
- Adactio: Journal—Re-tabulate adactio.com
- Adactio: Journal—Re-flex adactio.com
- CSS3 Transitions Without Using :hover impressivewebs.com
With :active, :focus, :checked, :disabled and media queries.
- scottjehl/Respond - GitHub github.com
The light one. "A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)".
- The Book of CSS3 (Book review) | 456 Berea Street 456bereastreet.com
- The Wheels Of Steel: An Ode To Turntables (in HTML) schillmania.com
Pretty flipping amazing.
Come on, my attribute selector.
- gradient-scanner gradient-scanner.com
- CSS3 vs. CSS: A Speed Benchmark - Smashing Magazine smashingmagazine.com
- Table of CSS3 border-radius Compliance « Muddled Ramblings and Half-Baked Ideas muddledramblings.com
- Using Media Queries in the Real World » Broken Links broken-links.com
- Web Designer Notebook » The Little Known font-size-adjust CSS3 Property webdesignernotebook.com
Firefox only at present. "Ever wanted to use fallback fonts on your CSS with different aspect ratios without them looking huge (or tiny)? The sparkling new CSS3 font-size-adjust property could do just that, maybe."
- CSS3 A practical introduction leaverou.me
Very practical.
- CSS progressive enhancement css-progressive-enhancement.heroku.com
- ProCSSor - Advanced CSS Prettifier procssor.com
- mezzoblue's PaintbrushJS at master - GitHub github.com
A lightweight, browser-based image processing library that can apply various visual filters to images within a web page.
- Ultimate CSS Gradient Generator - ColorZilla.com colorzilla.com
A powerful Photoshop-like CSS gradient editor from ColorZilla.
- Hardboiled CSS3 Media Queries | For A Beautiful Web forabeautifulweb.com
These hardboiled CSS3 Media Queries are empty placeholders for targeting the devices and attributes I’m interesting in making responsive designs for right now.
- yepnope.js | A Conditional Loader For Your Polyfills! yepnopejs.com
A small wrapper around LABjs to help use feature detection to load exactly the scripts that your user needs, not just all the scripts that you think they might need.
So here we're collecting all the shims, fallbacks, and polyfills in order to supplant html5 functionality in browsers that don't natively support them. The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly.
- Combining meta viewport and media queries - QuirksBlog quirksmode.org
"If you want to make your websites ready for mobile, it’s best to combine <meta name="viewport" content="width=device-width"> with width media queries. That will give your site the optimal width (as determined by the device vendor, who really ought to know), and your site will look the better for it."
- Adactio: Journal—A responsive mind adactio.com
The choice is not between using media queries and creating a dedicated mobile site; the choice is between using media queries and doing nothing at all.
- Combining media queries and JavaScript - QuirksBlog quirksmode.org
A riposte from PPK. Sounds like it's feasible but bloody hard work.
At An Event Apart in Minneapolis, MN Dan Cederholm illustrated the potential of CSS3 to enhance the user experience in modern Web browsers by walking through The CSS3 Experience. Dan used a showcase site he created to illustrate CSS3 in action at: Things We Left on the Moon.
"HTML is a language with roots in library science. It doesn’t know or care what content looks like. (Even HTML5 doesn’t care what content looks like.) Neither a tool like Photoshop, which is all about pixels, nor a tool like Illustrator, which is all about vectors, can generate semantic HTML, because the visual and the semantic are two different things." Big fat yes to this.
- Data URIs make CSS sprites obsolete | NCZOnline nczonline.net
The jury is still out on this'un.
- Google Font API - Google Code code.google.com
- Web Font Specimen webfontspecimen.com
Because web type renders differently with only subtle CSS adjustments, seeing it exercised in a variety of ways can help web designers typeset—and also help them decide which typefaces to purchase for their projects.
- Time Zones everytimezone.com
Never warp your brain with time zone math again.