#css (1,123 links)
- 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.
- Highly Maintainable, Efficient, and Optimized CSS slideshare.net
Nothing particularly surprising, a few contentious parts: pretty decent round-up of ideas that are in reasonably common usage.
Via daneastwell.
- Regex Patterns for Single Line <span class="caps">CSS</span> « Dan Rubin's SuperfluousBanter superfluousbanter.org
TextMate macro to convert multi-line CSS to single-line (or vice versa).
- Combining media queries and JavaScript - QuirksBlog quirksmode.org
A riposte from PPK. Sounds like it's feasible but bloody hard work.
- HTML5 Boilerplate - A rock-solid default for HTML5 awesome. html5boilerplate.com
Spiffing!" After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on."
Via monospaced.
Via paul.irish.
I created a CSS test page, which started out as a crude way to figure out if there was a noticeable performance difference between SASS’s @extend and OOCSS’s method of CSS.
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.
Via momorgan.
- Data URIs make CSS sprites obsolete | NCZOnline nczonline.net
The jury is still out on this'un.
- Molecular Voices » The best front-end development RSS feeds molecularvoices.molecular.com · Archived on
Via paul.irish.
The media object is an image to the left, with descriptive content to the right
- Multiple Backgrounds and Borders with CSS 2.1 – Nicolas Gallagher — Blog & Ephemera nicolasgallagher.com
Essentially, you create pseudo-elements using CSS (:before and :after) and treat them similarly to how you would treat HTML elements nested within your target element. But they have distinct benefits — beyond semantics — over the use of nested HTML elements.
- 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.
Via smitchio.
- Time Zones everytimezone.com
Never warp your brain with time zone math again.
Via gilest.
- Less Css for .NET dotlesscss.com
A .NET port of the ruby LESS libary
- Technical Note TN2262: Preparing Your Web Content for iPad developer.apple.com
Platform-specific considerations for web content in Safari on iPhone OS devices, with specific information for iPad.
- Progressive enhancement: pure CSS speech bubbles – Nicolas Gallagher — Blog & Ephemera nicolasgallagher.com · Archived on
Various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.
It’s time for a CSS3 @font-face browser support table. One that documents specifically how browsers act when either the whole font family is specified (regular, italic, bold, bold-italic & small-caps) or only the regular version of the font is specified.
Via paul.irish.
- About this Blog | Free PeepCode Blog blog.peepcode.com
Before there were blogs we had websites. Beautiful, random websites that felt more like a zine — one page looking nothing like the one before or after it.
- You Can Use CSS3 Right Now | Design Informer designinformer.com
- CSS3 Examples and Best Practices webdesignerwall.com
Via paul.irish.
Via paul.irish.
- In the Woods – Vertical Centering With CSS blog.themeforest.net
Very nice.
- CSS3 + Progressive Enhancement = Smart Design • Perishable Press perishablepress.com
A fine looking round-up.
Via paul.irish.
"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."
Via paul.irish.
- 24 ways: Going Nuts with CSS Transitions 24ways.org
- 24 ways: Working With RGBA Colour 24ways.org
- 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.
Via alastc.
- 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."
"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
- 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.