Roll over a link, watch the image above change. That’s what we build in this screencast, only we don’t use any JavaScript to do it. The trick is some simple z-index switching on hover and a bit of absolute positioning. View Screencast ... More
WebKit browsers paved the way with CSS based gradients. Now Firefox 3.6 is out and is supporting them as well, which makes using them for progressive enhancement all the more appealing. More good news, CSS3 gradients fall into the camp where you can ... More
We sold out of our first batch of Digging Into WordPress books in a matter of weeks. We could have just ordered more as soon as supplies were low, but it just so happened that right about that time WordPress 2.9 was out, which has many new features. ... More
I’ve added two new buttons to all of the code snippets in the Snippets section of the site. Now a button to add directly to Snippets.app and a button to directly copy to the clipboard join the Coda and Textmate buttons.Read on for some more det ... More
I’ll be speaking at the CMS Expo this May 3rd – 5th (I speak the 4th and 5th). It’s in Evanston, IL, basically, Chicago.I’ll be doing two sessions, one Tuesday, on Wednesday. One of them will be on advanced theme building. We& ... More
This is a little specific… but I figured what the heck maybe it will be useful for someone. I recently had occasion to make multiple different login forms on a single page. With CSS we know we can apply styling to active inputs with :active. Th ... More
Less Framework is an HTML5 powered CSS framework for building flexible multi column website layouts for varying screen widths. It contains an eight-column grid optimized for a line-height of 24px, as well as a set of typography presets based on the g ... More
RegExr is a free tool for learning, editing, testing, and sharing regular expressions. It is available online at RegExr.com, and has a desktop version (Adobe Air application) for Mac OSX, Windows or Linux. RegExr is built with Flex 3 and uses ActionS ... More
This update covers really useful tutorials, tips and techniques that you should have read in February 2010. Featured publications include: Nettuts+, Queness, Codrops, The Phuse, Ravelrumba, Web Designer Wall, AddyOsmani, AEXT, Smashing Magazine, Spoo ... More
Majority of online services allow you to access some of their data through public API methods. Unfortunately most of the data formats served by these APIs can only be accessed using server side code. This is mainly due to JavaScript’s same origin p ... More
JAI or “JavaScript Audio Interface” is an open source script that provides juke-box functionality to HTML5 <audio> tags. It uses no images for it’s player interface, all the graphics are rendered to a <canvas> element ... More
YoxView is an easy to use, feature rich jQuery plugin that you can use to create light box and/or slide shows. You can set the configuration options to enable caching of full size images, even before user opens image gallery. This is a cross browser ... More
Can you spot the difference between these two selectors?#header.callout { } #header .callout { }They look nearly identical, but the top one has no space between “#header” and “.callout” while the bottom one does. This small ... More
This is an update to original Chat Room we published here on CSS-Tricks. In some ways, the technology is the same. We are going to employ PHP to talk to the server, jQuery to keep the chat rolling, and the chats themselves will be stored in .txt file ... More
EZ-CSS is a lightweight, browser-friendly and easy to use CSS framework for creating CSS layouts for your website. When using EZ-CSS framework you are not bound to a grid; and it lets you create multiple columns of any width, with or without gutters ... More
Quicksand is a jQuery plugin that enables you to reorder and filter items with a nice shuffling animation effect. Quicksand does this by replacing one collection of items with another. It has been tested with all modern browsers and works in IE 7+, O ... More
For Buttons You can make beautiful buttons with CSS3, but they won’t work in the most popular browser (Internet Explorer). Lucky for us there are non css3 frameworks that will make the buttons for us. Sexy Buttons CSS Buttons YUI From Yahoo! ... More
Increment Inputs with the Mousewheel
In the past we’ve covered adding +/- buttons to number-based inputs to help user interface (it’s easier than typing in some circumstances). Reader Hitesh N Chavda emailed me with the idea of doing it with the scroll of the mouse wheel ins ... More