CSS background image hacks
# Linked to 17 January 2011, 14:30 in Articles by Sam Brown
Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers.
Controlling text size in Safari for iOS without disabling user zoom
# Linked to 21 December 2010, 12:50 in Articles by Sam Brown
CSS: CamelCase Seriously Sucks!
# Linked to 7 December 2010, 11:42 in Articles by Sam Brown
Now, I know this is going to instantly ruffle some feathers, but I’m not normally one to tell you how to write your code. Sure, I dislike single-line CSS, but as long as your code is clean, sensible, understandable and consistent then there’s not too much to complain about. The most important of these—in my eyes—is consistency. There is however one method that, straight off the bat, is instantly and inherently inconsistent… camel case.
CSS Counters: counter-increment and Friends
# Linked to 25 August 2010, 09:17 in Articles by Sam Brown
A comprehensive discussion of how to use CSS counters, including an infographic and details on browser support, benefits and potential drawbacks.
Prefix or Posthack by Eric Meyer
# Linked to 7 July 2010, 10:20 in Articles by Sam Brown
Vendor prefixes: Threat or menace? As browser support (including in IE9) encourages more of us to dive into CSS3, vendor prefixes such as -moz-border-radius and -webkit-animation may challenge our consciences, along with our patience. But while nobody particularly enjoys writing the same thing four or five times in a row, prefixes may actually accelerate the advancement and refinement of CSS. King of CSS Eric Meyer explains why.
CSS3 3D bookshelf
# Linked to 21 June 2010, 06:51 in Articles by Sam Brown
I was thinking about a fun way to display my book section. I eventually found a way to pull the books out off the shelf by pure CSS magic.
CSS3 Bookshelf
# Linked to 2 June 2010, 09:36 in Articles by Sam Brown
Using CSS3 and a little JavaScript, I’ve created a bookshelf for your blog. For a demo, go to the CSS3 bookshelf, for some more information on how it was made, read on.
CSS Three — Connecting The Dots
# Linked to 27 May 2010, 03:59 in Articles by Sam Brown
Right now, there are tons of property combinations and uses out there waiting to be discovered. All we have to do is connect the dots. It’s time to get your hands dirty and innovate!
Responsive Web Design by Ethan Marcotte
# Linked to 26 May 2010, 02:18 in Articles by Sam Brown
“Use fluid grids, flexible images, and CSS media queries to create elegant user experiences that fit any browser or device’s viewport.” via Zeldman
Efficiently Rendering CSS
# Linked to 24 May 2010, 10:07 in Articles by Sam Brown
How efficient is the CSS that we write, in terms of how quickly the browser can render it? … Let’s cover some of the big ideas they present, and then discuss the practicalities of it all.