"+
"
10 Cool Coding Links from Smashing Magazine
"+
"
"+
"- 1) PrefixFree: Break Free From CSS Prefix Hell "+
"
"+
"A script that detects the prefix of the current browser and adds it where needed. "+
" Go →"+
"
"+
" "+
"- 2) Essential jQuery Plugin Patterns "+
"
Some developers may wish to use the jQuery UI widget factory; it’s great for complex, flexible UI components. Some may not. Some might like to structure their plugins more like modules (similar to the module pattern) or use a more formal module format such as AMD. "+
" Go →"+
"
"+
" "+
"- 3) Sidenote: LiveReload For Better Workflow "+
"
The first entry in a new series on Smashing Magazine’s Coding section called Sidenotes. "+
" Go →"+
"
"+
" "+
"- 4) Poll: Which Framework Would You Recommend To A New Developer? "+
"
Today, we can choose from a huge array of frameworks, which provide us with different approaches to creating websites. Which would you pick? "+
" Go →"+
"
"+
" "+
"- 5) The Guide To CSS Animation: Principles and Examples "+
"
Taking first steps with CSS animation and considering the main guidelines for creating animation with CSS "+
" Go →"+
"
"+
" "+
"- 6) A Quick Look Into The Math Of Animations With JavaScript "+
"
There is a lot of math in the visual things we do, even if we don’t realize it. If you want to make something look natural and move naturally, you need to add a bit of physics and rounding to it. "+
" Go →"+
"
"+
" "+
"- 7) Searchable Dynamic Content With AJAX Crawling "+
"
AJAX has revolutionized the Web, but it has also hidden its content. If you have a Twitter account, try viewing the source of your profile page. There are no tweets there — just code! Almost everything on a Twitter page is built dynamically through JavaScript, and the crawlers can’t see any of it. That’s why Google developed AJAX crawling. "+
" Go →"+
"
"+
" "+
"- 8) Create An Animated Bar Graph With HTML, CSS And jQuery "+
"
There are actually quite a few ways to display graphs on the Web. We could simply create an image and nail it to a Web page"+
" Go →"+
"
"+
" "+
"- 9) CSS3 Flexible Box Layout Explained "+
"
The flexible box layout module — or “flexbox,” to use its popular nickname — is an interesting part of the W3C Working Draft. The flexbox specification is still a draft and subject to change, so keep your eyes on the W3C, but it is part of a new arsenal of properties that will revolutionize how we lay out pages. At least it will be when cross-browser support catches up. "+
" Go →"+
"
"+
" "+
"- 10) Useful Node.js Tools, Tutorials And Resources "+
"
Node.js is a relatively new technology which has gained a lot of popularity among Web developers recently. However, not everyone knows what it really is. Node.js is essentially a server-side JavaScript environment that uses an asynchronous event-driven model. What this means is simple: it’s an environment which is intended for writing scalable, high performance network applications. It's like Ruby's Event Machine or Python's Twisted, but it takes the event model a bit further—it presents the event loop as a language construct instead of as a library. "+
" Go →"+
"
"+
" "+
"