Responsive design combines three techniques:
* a fluid grid
* flexible images
* media queries At first, responsive design was applied to existing desktop-centric websites to allow the layout to adapt to smaller screen sizes. But more recently it has been combined with another innovative approach called mobile first.
Ember.js is a new JavaScript framework that was formerly SproutCore 2.0. When I tried out SproutCore for the first time a few years ago, I was impressed with its data binding and templates, but I found it included a lot of things I didnt need or want, like a large UI framework and its own recommended toolchain and workflow. I wished I could just use the few core parts of SproutCore easily and leave out the rest. Ember.js is that wish coming true. Its main focuses are: data binding, computed properties, and auto-updating templates.
Ember.js had the code name Amber while in development. It was announced under the name Amber.js, but renamed to Ember.js after there was some confusion with another project
SMACSS is becoming one of the most useful contributions to front-end discussions in years
Ive been analyzing my process (and the process of those around me) and figuring out how best to structure code for projects on a larger scale. What I’ve found is a process that works equally well for sites small and large.
Learn how to structure your CSS to allow for flexibility and maintainability as your project and your team grows.
HTML5 is great because its versatileits not specific to a single use case. More important, HTML5 is ubiquitous. Its on your PC, your phone, your slate devicefor all I know, it could even be on your kitchen appliances.
Take these two properties of HTML5versatility and ubiquityand it should become pretty clear why so many developers are inspired by it. And, as the proverb goes, When developers are inspired, they usually write games. (Okay, maybe I just made that up.)
Technology conferences increasingly release videos of their presentations online. Simon Willison, the co-founder and CEO of Lanyrd, presents 15 of the best of 2011 We started Lanyrd in 2010 to help people keep track of all of the great conferences and events happening around the world, and to encourage people to help build a permanent archive of the slides, video and audio produced by the events. Our community added nearly 3,000 videos to the site in 2011 I’ve used our data to pick out 15 talks that best illustrate this year’s hottest topics in web design and development. The presentations here span topics from mobile first development to web operations, social graph analysis, web typography, entrepreneurship and more.
As a developer, anything that can save you just a little bit of time is well worth its weight in gold. If you agree with that statement, you will love this. What we have for you is our selection of the best, the most useful and the most innovative tools and resources from 2011. That includes frameworks, boilerplates, apps, Javascript resources, CSS3 animations tools and on and on. So, no matter what, you are guaranteed to discover something completely new and really, really useful.