Your Web News in One Place

Articles by CSS Tricks from March 2011

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
< Return to CSS Tricks details.
01:34 am GMT - Wed, March 30, 2011
CSS Tricks Slide In Image Captions
Reader Jason Lucchesi send me in a neat demo of image captions sliding in overtop an image on rollover. The effect used a bunch of nested divs to get it done, so I thought I'd do my own version of it ...
05:54 am GMT - Tue, March 29, 2011
CSS Tricks New text-align Value
You can align text to the left, right, or centaur.Direct Link to Article — Permalink...
08:47 pm GMT - Sun, March 27, 2011
CSS Tricks CSS Pivot
CSS Pivot allows you to apply your own CSS to a site and then share the results (you get a unique URL which opens up that site in a top-bar/iframe dealy). Pretty clever stuff. If you saw a tweak of so...
05:39 pm GMT - Wed, March 23, 2011
CSS Tricks Hover on "Everything But" 
Hover states are easy, but what if you want to apply a hover state to every element besides the one you are hovering over? We can do it with a little trickery....
09:10 pm GMT - Tue, March 22, 2011
CSS Tricks Converge SE 2011
June 24-25, 2011 in Columbia, South Carolina. It was awesome last year and this year should be ever better as it's at a nicer venue and I'll be speaking at it! $150 bucks for both days = super afforda...
08:57 pm GMT - Tue, March 22, 2011
CSS Tricks How to Avoid Common CSS3 Mistakes
Article I wrote for the new online version of .net magazine.Direct Link to Article — Permalink...
04:36 pm GMT - Tue, March 22, 2011
CSS Tricks Comma Separated WebKit Animation Keyframes
Another little thing I learned from Estelle at the SXSW 2011 CSS3: Beyond The Basics panel was that you can comma separate the keyframe values in a WebKit animation declaration. Let's say you wanted t...
04:52 am GMT - Tue, March 22, 2011
CSS Tricks ZEN Audio Player
Really cool audio player by simurai using HTML5 <audio>, jPlayer (jQuery plugin), and CSS3 for the fancy animations. This made the rounds a few months back but I decided to wait until it was on Gi...
02:14 am GMT - Tue, March 22, 2011
CSS Tricks Get Your CSS Easing Code Here
A code generation and visualization tool by Matthew Lein for CSS3 transition timing functions. Biggest triumph? Making cubic bezier understandable.Direct Link to Article — Permalink...
02:08 am GMT - Tue, March 22, 2011
CSS Tricks The Current State of HTML5 Forms
By me!If you see any mistakes or missing info, please report it. We want to make this as accurate and comprehensive as possible.Direct Link to Article — Permalink...
03:42 pm GMT - Mon, March 21, 2011
CSS Tricks IEMobile Conditional Comment
Heads up: there is a conditional comment for targeting Internet Explorer on Windows Phone 7 mobile devices. Plus, other random thoughts....
11:21 pm GMT - Sat, March 19, 2011
CSS Tricks Crivestivus
This has almost nothing to do with web design, but I want to help promote an event going on in Northern Wisconsin put on by some friends of mine: Crivestivus.They used to hold it just for friends and ...
03:18 pm GMT - Fri, March 18, 2011
CSS Tricks New Poll: Conditional Tags for AllBrowsers
There is a very low chance this would ever happen, and as far as I know nobody is talking about it seriously. I think it might make for an interesting discussion and poll though:Do you wish there was ...
03:18 pm GMT - Fri, March 18, 2011
CSS Tricks New Poll: Conditional Tags for All Browsers
There is a very low chance this would ever happen, and as far as I know nobody is talking about it seriously. I think it might make for an interesting discussion and poll though:Do you wish there was ...
04:38 pm GMT - Thu, March 17, 2011
CSS Tricks currentColor
CSS variables are always a hot topic when "the future of CSS" is discussed. They are actually coming natively, but using them in production (without a CSS preprocessor framework) is a long way off. Ho...
10:41 pm GMT - Tue, March 15, 2011
CSS Tricks Google Map as aBackground
Cool idea and execution by Wade Hammess.Direct Link to Article — Permalink...
10:41 pm GMT - Tue, March 15, 2011
CSS Tricks Google Map as a Background
Cool idea and execution by Wade Hammess.Direct Link to Article — Permalink...
10:50 pm GMT - Sun, March 13, 2011
CSS Tricks Progressively Enhancing HTML5Forms
This is what I'm thinking is the best current way to progressively enhance forms. That is, use HTML5 features when they are available and fall back to JavaScript alternatives when they are not.Load up...
10:50 pm GMT - Sun, March 13, 2011
CSS Tricks Progressively Enhancing HTML5 Forms
This is what I'm thinking is the best current way to progressively enhance forms. That is, use HTML5 features when they are available and fall back to JavaScript alternatives when they are not. Load u...
06:51 am GMT - Sat, March 12, 2011
CSS Tricks SXSW + HTML5Forms
If you are at SXSW, Kevin Hale and I are talking about HTML5 forms and using them to improve lead generation (and generally how to make your forms better). It's a 2.5 hour workshop which we intend to ...
06:51 am GMT - Sat, March 12, 2011
CSS Tricks SXSW + HTML5 Forms
If you are at SXSW, Kevin Hale and I are talking about HTML5 forms and using them to improve lead generation (and generally how to make your forms better). It's a 2.5 hour workshop which we intend to ...
01:53 am GMT - Fri, March 11, 2011
CSS Tricks Wolf in Sheep'sClothing
Roger Johansson has a neat quick-tip style article on centering page content both vertically and horizontally by making the html element display: table; and the body element display: table-cell; with ...
01:53 am GMT - Fri, March 11, 2011
CSS Tricks Wolf in Sheep's Clothing
Roger Johansson has a neat quick-tip style article on centering page content both vertically and horizontally by making the html element display: table; and the body element display: table-cell; with ...
07:57 am GMT - Wed, March 9, 2011
CSS Tricks Styling Texty InputsOnly
A CSS3 technique for selecting only texty inputs, without the burdon of listing every single attribute selector for every single new HTML5 input type. Plus alternates....
07:57 am GMT - Wed, March 9, 2011
CSS Tricks Styling Texty Inputs Only
A CSS3 technique for selecting only texty inputs, without the burdon of listing every single attribute selector for every single new HTML5 input type. Plus alternates....
09:18 pm GMT - Tue, March 8, 2011
CSS Tricks What We Learned Publishing Digging IntoWordPress
Long writeup about the experience Jeff Starr and I had self publishing our book.Direct Link to Article — Permalink...
09:18 pm GMT - Tue, March 8, 2011
CSS Tricks What We Learned Publishing Digging Into WordPress
Long writeup about the experience Jeff Starr and I had self publishing our book.Direct Link to Article — Permalink...
06:17 am GMT - Tue, March 8, 2011
CSS Tricks Method &Craft
New must-subscribe-to site. Under the hood: curiously not HTML5. Almost feels rare these days.Direct Link to Article — Permalink...
06:17 am GMT - Tue, March 8, 2011
CSS Tricks Method & Craft
New must-subscribe-to site. Under the hood: curiously not HTML5. Almost feels rare these days.Direct Link to Article — Permalink...
07:47 pm GMT - Mon, March 7, 2011
CSS Tricks Open SourceAmpersands
Little download packages by Mark Pilgrim that contain @font-face files that are super tiny because they contain just a single character: the ampersand. They come with an HTML demo so using them is an ...
01:42 am GMT - Sat, March 5, 2011
CSS Tricks It's The FinalCountdown
Microsoft themselves is tracking and promoting the demise of IE 6. China? 34.5%? Seriously?And I can't help but hum a little Europe:We're leaving together But still it's farewell And maybe...
06:36 am GMT - Fri, March 4, 2011
CSS Tricks More Generated ContentTricks
Trevor Davis from Viget Labs with some clever and real-world implementations of pseudo elements.There is so much to talk about with these pseudo elements it's crazy. I'm speaking at a few conferences ...
06:52 pm GMT - Thu, March 3, 2011
CSS Tricks Quick Thoughts on SharingButtons
Randomly this week, I've had more-than-normal number of comments from folks who ask me something like:Went to go tweet/share a blog post of yours, and noticed you don't have any of those on your site....
06:27 pm GMT - Wed, March 2, 2011
CSS Tricks Show and Edit StyleElement
Kind of a classic little trick for ya'll today. You know the <style> blocks you can put in the <head> of your HTML to do styling? You don't actually have to put those in your head,...
07:24 pm GMT - Mon, February 28, 2011
CSS Tricks Sans-Serif
Declaring just 'sans-serif' as the font-family means you'll get Helvetica on Mac, Arial on PC, and still have the good generic keyword fallback....