More stories from css tricks »
Photo Swivel -
The following is a guest post by Alex Young. Alex has created a simple technique to "rotate" the subject of a photo simply by hiding and showing multiple stacked photographs taken at different angles.
Media Query Change Detection in JavaScript Through CSS Animations -
The following is a guest post by Alessandro Vendruscolo. Media queries are relevant to both CSS and JS.
Naming Media Queries -
It would be pretty cool if we could do this someday in CSS. The best idea for it that I've come across is to define it in a <meta> tag in the <head>.
Line Clampin’ -
You want X lines of text. Anything after that, gracefully cut off. That's "line clamping" and it is a perfectly legit desire.
CSS Zen Garden -
It's back.
Direct Link to Article — Permalink…
CSS Zen Garden is a post from CSS-Tricks
How to mark up subtitles -
Now that <hgroup> is gone, use a <span> inside the main header, or group them with <header> and use a <p> for the subtitle.
Making accessible icon buttons -
Comprehensive research by Nicholas C. Zakas on the correct markup to make a graphic-only button accessible.
3D Inset Parallax Effect -
The following is a guest post by Joshua Bader. Joshua noticed that certain 3D effects on the web could benefit from adjusting perspective as the web page is scrolled.
Make Client Side Data Available Server Side -
That would be pretty useful, right? Right now it's very common to User Agent "sniff" when you want to make a server-side decision about what to give the client.
WebP with Fallback -
WebP images are save a quarter to a third of the file size over PNG or JPG. Not all browsers are going to support it, but Bruce Lawson shares a way we can use it in such a progressive enhancement kind of way.
