Google Developers Live (GDL) Presents Make Web Magic

November 26th, 2012 by Adrian

Google Developers Live

Recently I’ve really been enjoying this video series by Google Developers Live. It’s called Make Web Magic, and it is a series of interviews with talented HTML5 developers who have released great work (usually on the Chrome Experiments site). To date there are three interviews on there. The host is Paul Irish (someone who knows what they are talking about) and it is a great way to pick up tips and tricks used by the experts. Check out the videos …

Make Web Magic | Part I – Michael Deal

Michael Deal

Michael’s website:

Make Web Magic | Part II – Mark Danks

Mark Danks

Mark’s website:

Make Web Magic | Part III – Hakim El Hattab

Hakim El Hattab

Hakim’s website:

Posted in CSS3, Google, HTML5, Javascript, Presentation, Video, WebGL | No Comments »

Microsoft Build Conference – Videos Online

November 9th, 2012 by Adrian

Microsoft held their build conference a few days ago (October 30 – November 2) in Redmond. They have put some of the videos of those sessions online. Don’t be put off by the fact it is from Microsoft, there are some interesting things in there like HTML5 & CSS3, high-performance JavaScript and an introduction to TypeScript.

Day 1

Day 2

Day 3

Day 4

Posted in Conferences and Events, CSS3, HTML5, Javascript, Presentation, Video | No Comments »

microjs – A search tool for JavaScript micro-frameworks

October 31st, 2012 by Adrian

microjs is an online tool by Thomas Fuchs for finding JavaScript micro-frameworks. Search by selecting what it is you are trying to do (eg. CSS animation or feature/browser detection) and the list of micro-frameworks will be filtered for you. All the frameworks are 5kB or less (the only exception to this is Backbone which comes in at 5.5kB). It is not a complete list by any means, but it has a lot of the popular ones and it is a great way to discover some new ones you may not be aware of. Worth a bookmark.

Posted in CSS3, HTML5, Javascript | No Comments »


October 30th, 2012 by Adrian

Following on from my previous post regarding CSS vendor prefixes, I thought I would also highlight Lea Verou‘s project -prefix-free. This is a small JavaScript file that dynamically updates your CSS to include the vendor prefixes for you (ie. you don’t need to write any vendor prefixes in your CSS code.

CodePen has the option to use -prefix-free by clicking on the cog icon in the top-right of the CSS panel. You’ll then see a checkbox called ‘Prefix free’.

Posted in CSS, CSS3, HTML, HTML5, Javascript | No Comments »


October 30th, 2012 by Adrian

Today I came across Prefixr by Jeffrey Way from NetTuts. This is a pretty nifty online utility that goes through your CSS code and generates all the vendor prefixes for you. Pretty handy.

There are also a whole bunch of plugins available for your code editor of choice. For example, Sublime Text 2, Notepad++, TextMate, Espresso, Coda.

A similar tool to this is CSS3 Maximizer, but this doesn’t seem to do animation keyframes like Prefixr does.

Posted in CSS, CSS3, HTML, HTML5 | No Comments »