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: …
Tag Archives: css
Angles in CSS3 gradients subject to change
Although it’s easy to forget, a vendor prefix basically means: this stuff is not finished, and might change in the future – use at you own peril … A fine example: Angles in gradients subject to change →
Hardboiled CSS3 Media Queries
A nice overview summing it all up.
CSS Object Model, Variables, Mixins, Nesting, and Modules
Some of the experimental features Tab Atkins — a guy who’s on the Chrome team and part of the CSSWG — is working on (aka how we will most likely write CSS in the near future)
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”
TinyMCE CSS Classes and IDs Plugin : bramus_cssextras 0.5.0 hits the net!
Huzzah! bramus_cssextras 0.5.0 has been released! No new features have been added, yet this version differs a lot from the previously released versions of bramus_cssextras: Under the hood bramus_cssextras has been totally rewritten to make it TinyMCE 3.0 compatible.
My Javascript (non-AJAX) Progress Bar Class : jsProgressBarHandler
Don’t you just hate it when people wrongly label something as AJAX? A fine example of this is the – so called – AJAX Progress Bar. Above that the javascript could … well … let’s say “a rewrite needs to be done” popped up in my head, resulting in jsProgressBarHandler, a Prototype.js class to dynamically …
Continue reading “My Javascript (non-AJAX) Progress Bar Class : jsProgressBarHandler”