CSS3 Image Styles holds a set of CSS3 style rules to set some nice effects on images: Circle, Card, Embossed, Cutout, Morphing, Glowing, etc. The tad of Javascript used to dynamically enhance all the images automagically looks awfully a lot like a piece I knocked up a while ago 😉 CSS3 Image Styles →
Tag Archives: css
SMACSS
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”