#css (940 links)
"Some of the tricks are brand new, some are very, very old, IE5.5. old. They all have in common the "fewer or no images" mantra."
- 24 ways: Going Nuts with CSS Transitions 24ways.org
- 24 ways: Working With RGBA Colour 24ways.org
- Premailer: pre-flight for HTML email premailer.dialect.ca
- The League of Moveable Type theleagueofmoveabletype.com
only the most well-made, free & open-source, @font-face ready fonts.
- What Beautiful HTML Code Looks Like | CSS-Tricks css-tricks.com
Not entirely sure I agree with everything in this but worth a gander.
- High Performance Web Sites :: @font-face and performance stevesouders.com
Ouch. "My first piece of advice is to avoid using @font-face unless it’s critical to the page. The primary reason for this advice is that font files block rendering of the entire page in IE until they’re done downloading. Stylesheets also have this problem. But stylesheets provide styling for all aspects of the entire page, whereas font files only add one thing - a custom font."
- cssUnit « Simon Kenyon Shepard :: justLikeThat. trisis.co.uk
"A unit testing framework/tool for cascading stylesheets that allows you to write tests for you webpages to pass." Early days.
- QuirksBlog: There is no WebKit on Mobile quirksmode.org
"All 10 mobile WebKits I’ve identified so far are subtly or wildly different." Bugger.
- @font-face in Depth useragentman.com
- mezzoblue § Starting with @font-face mezzoblue.com
- High Performance Web Sites :: Aptimize: realtime spriting and more stevesouders.com
As well as realtime spriting, Aptimize are using data: URIs in their Website Accelerator tool and doing so for >IE7 using an MHTML workaround. Clever.
- The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax Experience 2009 slideshare.net
More on OOCSS. "The cascade is a poker game, but we've been playing our cards all wrong. Here Nicole suggests we stop trying to play to win to prevent code bloat, and simplify the cascade, using the order of the rulesets to allow overrides."
- Why The data: URI Scheme Could Help Save Your Slow Site sitepoint.com
Lots of caveats but useful under certain circumstances.
- qa-style-sheet - Project Hosting on Google Code code.google.com
The QA style sheet highlights specific HTML problems like use of deprecated elements, inaccessible images, layout tables, empty elements, or styling-related maintenance issues. Theoretically, it is “unobtrusive” in a sense that when everything’s fine it won’t cause any visible changes.
- CSS Prism by Ryan Berg cssprism.com
Enter the URL of any CSS file to view and modify its color spectrum
- New CSS Sticky Footer - 2009 cssstickyfooter.com
Working in all major browsers, including Google Chrome!. It works with floated 2-column layouts and we don't get overlap in resized browser windows unlike older solutions you find when you Google sticky footer. And you don't need an empty push div.
- Walls Come Tumbling Down presentation slides and transcript | For A Beautiful Web forabeautifulweb.com
Excellent overview of agile (small-a) process from Malarkey
- To Sprite Or Not To Sprite at Vladimir Vukićević blog.vlad1.com
"There are a number of misconceptions about CSS Sprites, the main one being that they have no downsides." Memory usage.
- Type | A record label typerecords.com
New Type Records site. Nice.
- CSS-Tricks css-tricks.com
- Paul Irish » Browser-specific CSS hacks paulirish.com
- The Sexy Curls jQuery Plugin by Elliott Kember elliottkember.com
Creates a page fold effect in the top right corner.
- django-compress - Google Code code.google.com
A Django application that automates CSS/JavaScript compression and helps in making delivery of static media more efficient
- Gadgets - Google Code code.google.com
You think of people who do know CSS as designers, not giving any credit to the engineering prowess required to tame the stylesheet of a multinational corporation because (self-taught as they are) most true front-end gurus don’t speak the same language as you do. Their skill appears to be a black-art, some kind of magic, or internalized instinct for browser flaws. This is your guess anyway, because you simply can’t communicate with them.
- Stubbornella » Blog Archive » Object Oriented CSS, Grids on Github stubbornella.org
Object Oriented CSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites.
- iui - Google Code code.google.com
User Interface (UI) Library for Safari development on iPhone
- CSS Tip #1: Resetting Your Styles with CSS Reset sixrevisions.com
Useful for justifying/explaining.
- Eric's Archived Thoughts: Unitless line-heights meyerweb.com
Missed this the first time round.
- Bulletproof Mobile Device Detection and Style Sheets without User Agent Detection or Server-Side Scripting - Bushido Designs Web Development Blog bushidodesigns.net
A List Apart published an article called “Return of the Mobile Style Sheet”. While the article provides some good information, it has several major flaws. After testing this method extensively, I decided to try and build a better mousetrap.
One key real-world benefit of this separation is that come redesign time, one only needs to change or replace the CSS stylesheet, and needn’t lay so much as a finger upon the hallowed grounds we call markup. I’m here to say that this mantra isn’t much more than a fairy tale.
- Can I use... a.deveria.com
<blockquote>Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies"</blockquote>
- Facing up to Fonts | Slides and notes webtypography.net
Excellent presentation on current state of web fonts/methods and typography. Grab the version with the notes.
- Recreating the button | stopdesign stopdesign.com
The buttons we’re using are imageless, and they’re created entirely using HTML and CSS, plus some JavaScript to manage the behavior. They’re also easily skinnable with a few lines of CSS
- FireScope - HTML Brains at your Fingertips tools.sitepoint.com
FireScope is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.