Your Web News in One Place

Articles by CSS Tricks from January 2012

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
< Return to CSS Tricks details.
02:39 am GMT - Mon, January 30, 2012
CSS Tricks Pictos Server
I've long been convinced icon fonts are awesome, but Drew Wilson's new service (and article I'm linking to). Think they use unsemnatic markup? Apply them via pseudo element. Worried some screen reader...
09:47 pm GMT - Sun, January 29, 2012
CSS Tricks Responsive Design Testing Bookmarklet
Bookmarklet by Benjamin Keen which automates an idea by Lennart Schoors where the current page is loaded into a bunch of differently sized iframes, so when working on a large monitor, you can see what...
09:27 am GMT - Fri, January 27, 2012
CSS Tricks ShopTalk Episode 3
Where Dave and I are joined by Chris Eppstein. Sponsored by LessAccounting and United Pixelworkers (who are offering a 10% discount on shirts with coupon code "shoptalk").Direct Link to Article —...
01:18 am GMT - Fri, January 27, 2012
CSS Tricks Animate to an Inline Style
You already know that inline styles are "bad practice." Inline styles aren't reusable like CSS in separate files is, and thus, inefficient bloat. Unless of course, when it isn't. There are some instan...
10:45 pm GMT - Wed, January 25, 2012
CSS Tricks Custom Fonts in Emails
A reader writes in:Would it be possible to draw an entire typeface in CSS to be sent in emails? Our company needs to send out emails to about 20k people to introduce a new brand that we are launching....
08:51 am GMT - Fri, January 20, 2012
CSS Tricks Burst Title
During the previews for a movie I saw recently, there was an advertisement for an Oprah-related something or another. I wasn't paying attention because I was trying to get out my phone so I could snap...
03:21 am GMT - Thu, January 19, 2012
CSS Tricks CSS1k
Back in the day, the CSS Zen Garden was a place to showcase the power of CSS. A single page was redesigned in vastly different ways with no change to the HTML. The CSS1k project (head up by Jacob Rask...
03:13 am GMT - Thu, January 19, 2012
CSS Tricks ShopTalk Episode 2
In which we talk shop with guest Paul Irish. Sponsored by LessAccounting. Direct Link to Article — Permalink…ShopTalk Episode 2 is a post from CSS-Tricks...
01:06 am GMT - Wed, January 18, 2012
CSS Tricks SpriteRight Giveaway
There is a new Mac app called SpriteRight for doing CSS sprites that is pretty darn nice. I'm a fan of both SpriteCow (beautiful interface, design your own sprite) and SpriteMe (automatic combining o...
12:19 am GMT - Sun, January 15, 2012
CSS Tricks YouTube Popup Buttons
There is a certain style of button on the latest YouTube design (most easily found in the footer) where the default state of the button has a very subtle bevel to it, but on :hover and :focus states t...
05:07 am GMT - Fri, January 13, 2012
CSS Tricks Shop Talk Episode 1
The inaugural episode of Shop Talk where Dave and I are joined by Jonathan Snook and we answer a bunch of listener questions. Sorry about the sniffles and other rough edges, we'll get better as we go....
03:55 am GMT - Fri, January 13, 2012
CSS Tricks Troubles with HTML5
Microsoft funds Pixel Lab to make an HTML5 version of Cut The Rope originally by ZeptoLab.Nerds call it out for using some Flash.Robby Ingebretsen writes really interesting article explaining why.Dire...
10:18 pm GMT - Wed, January 11, 2012
CSS Tricks Responsive Data Table Roundup
There has been a bunch of takes on responsive data tables since I first published about it.View DemoThe idea of the original was to abandon the grid layout of the table and make each cell it's own lin...
07:00 am GMT - Wed, January 11, 2012
CSS Tricks PROTECT IP SOPA Act Breaks the Internet
Here's a good video to watch explaining the huge problems that could come from PIPA (right on a page where you can do something about it). You've probably heard of SOPA. PIPA is the new SOPA.Direct Li...
11:07 pm GMT - Tue, January 10, 2012
CSS Tricks (Better) Tabs with Round Out Borders
A good-looking tab control usually has one feature that I've always found impossible to reproduce without images: borders that bend to the outside at the bottom of each tab. In this article I would li...
11:05 pm GMT - Mon, January 9, 2012
CSS Tricks ShopTalk
New thing! Dave Rupert and I are going to be doing a podcast called ShopTalk (@ShopTalkShow).It's going to be a weekly show on (mostly) Thursdays at 10am Pacific / 1pm Eastern. Variations to that will...
07:28 am GMT - Thu, January 5, 2012
CSS Tricks Upcoming Speaking
My first half of 2012 is sprinkled with some web conferences I'm very much looking forward to.February 20-21, Orlando, Florida - InControlMarch 9-13, Austin, Texas - SXSW InteractiveApril 26-27, Warsa...
04:46 am GMT - Thu, January 5, 2012
CSS Tricks CSS Profiling and Optimization
Just as I got done saying how I hope we can soon stop talking about CSS selector performance, Juriy Zaytsev publishes some great research on selector performance using Opera and WebKit's new "style pr...
08:52 am GMT - Wed, January 4, 2012
CSS Tricks Looking to Hire Someone for Web Work?
The very first thing you should do is start writing. Just open a text file and define exactly who your ideal hire is. What they are like, what they hopefully know, what you'll need from them, and what...
07:03 am GMT - Wed, January 4, 2012
CSS Tricks HTML5 Progress Bars
Comprehensive research by Zoltan Hawryluk on the <progress> element. Screenshots of default styling across different browsers, overriding that default styling, shadow dom, polyfills, states, a...
10:13 pm GMT - Sat, December 31, 2011
CSS Tricks WebKit Selector Performance Changes
Nicole Sullivan covers some of Antti Koivisto's work on making CSS selectors faster in WebKit. Clever stuff, which Nicole helps make understandable for all of us. Mostly stuff that helps the browser "...
07:39 am GMT - Sat, December 31, 2011
CSS Tricks Responsive Multi Column Data Tables
Maggie Costello Wachs from Filament Group shares the best approach to responsive data tables I've seen yet. Remember the problem: exploring a large data table on small screen devices means a bunch of ...