An online web IDE, running on Node and fast becoming ‘Google Docs for code’. Not only can you cut code here, it will integrate to Github and also run up test sites without needing seperate hosting.
PHPStorm / WebStorm
If you prefer your IDE on the desktop this is one of the best we’ve found for web work. Great source control integration, and a cross-compatible project environment for Windows, Mac and Linux users.
Github / Unfuddle
Once you start using source control then tools to share it with your team or the wider world are essential. Github is the gold standard for git, but Unfuddle also offers SVN and more private repos on lower plans.
JSBin / JSFiddle
There are also some excellent sites out there offering tutorials and inspiration on a regular basis.
Now a staple of Christmas web reading, 24 Ways condenses a year of internet into 24 concise article on the most interesting stuff out there.
12 Devs of Xmas
The new post-Xmas equivalent to 24 Ways. Focusing more on development topics and a great way to get some ideas for the new year.
Tutorials, news and community for web design and development. They even print it on paper if that takes your fancy!
A nice combination of design and development tutorials, along with interesting discoveries and industry commentary
We’re not going to tell you what to learn, after all we don’t know what your particular interests are. But for those who want to get an idea for what up-and-coming technologies are out there we can offer some suggestions…
Without a doubt the biggest thing in web development at the moment, even if the term has been used (and abused) to cover a wider range of new technology. The language itself is a great thing to get to grips with, and the barriers to adopting it are shrinking all the time.
The visual counterpart to HTML5′s nuts and bolts. Browser support is variable but there’s a core of solid stuff you can use today, as well as techniques to bring them to older browsers and more advanced stuff like animation and transitions.
jQuery / YUI / DOJO / Mootools
Responsive Design and Media Queries
One of the hottest topics of 2011 and bound to grow in importance this year. Responsive Design isn’t just the new CSS capabilities that make it possible, its also the principle of designing for any size of screen to give users a great experience whatever they’re viewing your site on.
Only one of the new HTML5 elements, but a real change to how content can be presented on the web. There’s enough exploration here to keep you busy for months!
LESS / SASS
Once you’ve got the measure of CSS, bringing in a pre-processor to sharpen up your code can be a great help. They’re not for everyone but certainly worth a look.
QUnit / Jasmine
Of course there’s a near inexhaustible list of other web technologies you could try out. Some more favourites of ours recently have been: Rails, PHP, Sinatra, Code Igniter, ASP.net MVC, Knockout, Ender, MongoDb, Underscore, Jade, Mustache.
Why not let us know what you’re most interested in?