Your Web News in One Place

Articles by CSS Tricks from January 2013

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
< Return to CSS Tricks details.
04:20 am GMT - Wed, January 30, 2013
CSS Tricks Credit Card Info in One Field
Credit card numbers, expiration dates, and CVV's are all numbers, so why not collect them all in one field and leave the number keypad open the whole time? Good idea, Zachary Forrest. via Luke.Related...
03:11 am GMT - Wed, January 30, 2013
CSS Tricks Navigation in Lists: To Be or Not To Be
If you Google around on whether or not you should use lists as the markup for navigation on websites, you'll find no debate. Every article suggest that yes you should. The vast majority of tutorials y...
07:12 am GMT - Fri, January 25, 2013
CSS Tricks 2013 CSS Wishlist
In which we look at some things that I think would be pretty nice to have in CSS. And also some things that are actually likely to happen. And why that's probably better.2013 CSS Wishlist is a post fr...
10:55 pm GMT - Tue, January 22, 2013
CSS Tricks Smashing Mag CSS Q&A: Final Edition
Maybe not the last one ever ever, but the last one for now in this series of five or so we did in this round. Includes questions about CSS performance, choosing class names, getting the right line num...
09:57 pm GMT - Tue, January 22, 2013
CSS Tricks Dont Stop The Music: Links on Pages Playing Audio
Over at ShopTalk, we've gotten a number of requests from folks that wished links in our show notes would open in a new tab. They've gotten burned by clicking a link on the page while listening to a po...
10:08 pm GMT - Mon, January 21, 2013
CSS Tricks Lingering Misconceptions on CSS Preprocessors
I recently received this email from a reader who is just getting started as as front end developer and wanted to get into CSS preprocessing. It has a few common misconceptions in it that I hear quite ...
12:37 am GMT - Mon, January 21, 2013
CSS Tricks CSS for Babies: A Critical Analysis
The following is a super duper serious critical review of the book CSS for Babies. Super. Duper. Serious. …I'm afraid even the title of the book is an invalid CSS style declaration.Are we capita...
09:39 pm GMT - Fri, January 18, 2013
CSS Tricks CSS-Tricks Chronicle X
Recent forthcomings are forthcame upon the page in deepest regard to the events of the fortnight and even beyond.CSS-Tricks Chronicle X is a post from CSS-Tricks...
08:48 pm GMT - Fri, January 18, 2013
CSS Tricks Understand the Favicon
Jonathan T. Neal digs in. The low down: most browsers can deal with PNG, but if you specify an ICO, it will use that anyway. IE (even 10) don't support PNG, so you need ICO. So, use ICO. Apparently th...
04:16 am GMT - Fri, January 18, 2013
CSS Tricks Media Fragments URI Spatial Dimension
Fabrice Weinberg shows us a future web technology in which you can use just a part of a bit of media. In this case, a part of an image. The ability to do this will open up some new possibilities for d...
09:13 am GMT - Thu, January 17, 2013
CSS Tricks Internet Users Demand Less Interactivity
Every time I type a web address into my browser, I dont need to be taken to a fully immersive, cross-platform, interactive viewing experience, said San Diego office manager Keith Boscone. I dont want ...
03:19 am GMT - Thu, January 17, 2013
CSS Tricks An Advanced Guide to HTML & CSS
Shay Howe has started a new learning series on HTML & CSS, this time moving beyond the basics into the real nitty-gritty stuff you need to know as a front end developer. 3/10 are done, with a new...
10:12 pm GMT - Wed, January 16, 2013
CSS Tricks Zooming Squishes
Responsive designs can squish content inward when zooming, breaking a decent layout after just a few zooms. One reader writes in who really dislikes this on CSS-Tricks. But it's (mostly) fixable! Just...
09:49 pm GMT - Tue, January 15, 2013
CSS Tricks The Accessibility Project
Dave Rupert heads up a new project:For many web developers, accessibility is complex and somewhat difficult. [The Accessibility Project] understands that and we want to help to make web accessibility ...
09:47 pm GMT - Tue, January 15, 2013
CSS Tricks Wireframe.cc
I'm not hugely into wireframing, but I can see the value in some workflows. This tool for it is deliciously simple. I like the UI touch where if you resize the "browser" window small enough it turns i...
12:24 am GMT - Tue, January 15, 2013
CSS Tricks HTML5 Drag and Drop Avatar Changer with Resizing and Cropping
In any app that has user avatars, users should be able to change those avatars. Anything to make that easier is desirable. Many apps start with a user's Twitter avatar, Facebook avatar, or Gravatar. T...
08:34 pm GMT - Thu, January 10, 2013
CSS Tricks How Do You Structure JavaScript? The Module Pattern Edition
JavaScript is interesting in that it enforces no particular structure upon you. "Bring Your Own Organization", if you will. As I write more and more JavaScript in web app sites, this becomes more and ...
02:29 am GMT - Wed, January 9, 2013
CSS Tricks Interview with Ian Hickson
Bruce Lawson interviews the editor of the HTML spec. A candid look into how the web evolves and its future by someone who has a lot more power in shaping it than we do. You know it's going to be good ...
10:35 pm GMT - Tue, January 8, 2013
CSS Tricks Rethinking Dynamic Page Replacing Content
Jesse Shawl takes an old(ish) CSS-Tricks demo and updates it for today's world. Using the HTML5 history API he changes the URL and content of a page when navigation items are clicked, without refreshi...
10:32 pm GMT - Mon, January 7, 2013
CSS Tricks Workshop Notes from InControl Hawaii
In which I go over many of the important parts of a workshop I did for a small room of folks in Honolulu, Hawaii. Includes the Photoshop file we worked from (kinda) and a GitHub repo of where we ended...
08:18 pm GMT - Sat, January 5, 2013
CSS Tricks Never Having to Leave DevTools
Speaking of workflow stuff, check out this short video by Remy Sharp showing us how you can use Chrome DevTools as a code editor. Literally edit JavaScript and save it back to disk without ever leavin...
08:10 pm GMT - Sat, January 5, 2013
CSS Tricks How to Create Retina-Caliber Favicons
John Gruber shows us tools and steps for creating retina ready favicons. When I looked into this a few months ago only Safari was even supporting them, but it appears as if Chrome is now too, so I'd s...
08:01 pm GMT - Sat, January 5, 2013
CSS Tricks ShopTalk Episode 49
This week Dave and I were joined by David Walsh, a long time fellow blogger and now Mozilla employee. We talk about em-everywhere, analytics discrepancies, tendonitis, and more! Thanks to In Control a...
10:57 pm GMT - Fri, January 4, 2013
CSS Tricks PPK on Gradients
The problem with gradients is that they are a syntactic nightmare. The gradient spec writers and browser makers changed their mind not once but twice. Thus we have three sets of syntax, and all three ...
10:53 pm GMT - Fri, January 4, 2013
CSS Tricks Style Injection is for Winners
By "style injection", I mean being able to see styling changes immediately after authoring them without having to manually refresh your browser window. This isn't a brand new concept, I just mention i...
04:05 am GMT - Fri, January 4, 2013
CSS Tricks In Search of the Perfect Radius
A bunch of research from Rakesh on the correct values for nested border radii. The conventional wisdom is Inner Radius = Outer Radius Border Width. This holds true here, but what if that yield a nega...
03:36 am GMT - Fri, January 4, 2013
CSS Tricks Al You Need to Know About CSS Transitions
Alex Maccaw with a bunchload of up to date information on CSS transitions. Includes some clever stuff like a trick to avoid transitioning width (not very performant) by instead moving the element and ...
03:36 am GMT - Fri, January 4, 2013
CSS Tricks All You Need to Know About CSS Transitions
Alex Maccaw with a bunchload of up to date information on CSS transitions. Includes some clever stuff like a trick to avoid transitioning width (not very performant) by instead moving the element and ...
09:04 pm GMT - Thu, January 3, 2013
CSS Tricks Pseudo Element AnimationsTransitions Bug Fixed in WebKit
It has been a long-standing bug in WebKit that psuedo elements (like ::before and ::after) cannot be animated or transitioned. As of yesterday that bug was fixed thanks to Elliott Sprehn. You can pop ...
11:42 pm GMT - Wed, January 2, 2013
CSS Tricks Progressive JPGs: A New Best Practice
There are two kinds of JPGs in this world: baseline and progressive. Progressive is just better. Ann Robson shows us why.Experimenting locally with a throttled bandwidth, an 80K progressive jpeg beats...
09:49 pm GMT - Wed, January 2, 2013
CSS Tricks Sass and Scattered Media Queries: It Doesnt Matter
Many of us using Sass are writing our media queries "inline" one way or another. There is a fairly common concern that doing this "scatters" media queries throughout our compiled CSS rather than in a ...
09:19 pm GMT - Wed, January 2, 2013
CSS Tricks The Bookshelf Updated
These are all books that I own, read, liked, were helpful, and that I recommend.Direct Link to Article — Permalink…The Bookshelf Updated is a post from CSS-Tricks...
09:39 pm GMT - Tue, January 1, 2013
CSS Tricks The Design Lesson
I like these thoughts by Andy Rutledge:In graphic design, nothing is what it actually is. Everything other than content is representative of something else.A line isn't a line, it's a boundary. Don't ...
12:04 am GMT - Tue, January 1, 2013
CSS Tricks Thank You (2012 Edition)
The annual report: statistics, milestones, old goals and new, and a hearty thanks from me as we head into 2013.Thank You (2012 Edition) is a post from CSS-Tricks...
02:12 am GMT - Mon, December 31, 2012
CSS Tricks The Making of the Interactive Treehouse Ad
We go through the planning and creation of the interactive Treehouse ad on this site.The Making of the Interactive Treehouse Ad is a post from CSS-Tricks...