SMACSS (pronounced “smacks”) is an attempt to document a consistent approach to site development when using CSS. Great work by Jonathan Snook. Especially love the chapter “Depth of Applicability” SMACSS: Scalable and Modular Architecture for CSS →
Tag Archives: css
TransformJS
Transforming elements via Javascript in all browsers at once can be a real pain in the ass (think vendor prefixes). Enter TranformJS: 2D and 3D transforms as regular CSS properties you can set using .css() and animate using .animate() In code that basically means you can now use this: $(‘#test’).animate({ translateY:’+=150′, scale:’+=2′, rotateY: ‘+=’+(2*Math.PI), rotateX: …
Angles in CSS3 gradients subject to change
Hardboiled CSS3 Media Queries
CSS Object Model, Variables, Mixins, Nesting, and Modules
Positioning Firefox’ Tab Close Buttons on the left
“I can’t stand how the close button for tabs is on the right. On the Mac, close goes on the left.”— John Gruber (#) Last night I whipped up a tad of CSS to position the tab close buttons in Firefox 4 (currently in Beta) on the left hand side of the tab. The CSS …
Continue reading “Positioning Firefox’ Tab Close Buttons on the left”
RE: Rounded corners on images, CSS-only
Rounded corners are hot. They have been for a long time and still are. Recently things got a whole lot easier due to the fact that lots of browsers started supporting (their vendor specific prefixed version of) border-radius. One of the problems with it is that border-radius cannot be used on images. Tim Van Damme …
How to style your lists properly
Working with nested lists is not an uncommon practice, yet I’ve noticed that some (and I before) had troubles when working with nested lists of different types (viz. an ol inside an ul or vice versa). However, it shouldn’t be a burden at all, here’s a hat tip, saving you some headaches.
Native CSS selector system to look up DOM nodes hits Webkit/Safari
Many javascript libraries have implemented functions to use the powerful CSS selector system to look up DOM nodes. Continuing the trend of standardizing and speeding up commonly used functionality from these libraries, WebKit now has support for the new W3C Selectors API, which consists of the querySelector and querySelectorAll methods. Sweet! 🙂 Native CSS selector …
Continue reading “Native CSS selector system to look up DOM nodes hits Webkit/Safari”