Angular is a framework that extends html and allows you to create your own reusable web components (called directives). Recently I have been learning Angular, it's taken a little bit of time to understand as the documentation is not very good, but at last I think I have it.
I have created this one page application using Angular, HTML5, CSS3 3D transforms and GSAP-js.
Expect to see lots of cool, exciting experiments and tutorials soon. In the the mean time, check out some initial experiments and the funky controls below :)
In this series of tutorials I shall show how to build and control a custom youtube player and video site using the developer API from Youtube.
I shall find the time to follow all the tutorials in this site regardless of the level as they provide a complete understanding of subjects I thought I already understood.
For example after reading the 'This' and Apply, Call and Bind tutorials, I realise my original understanding of these concepts and methods was quite patchy. Fortunately it is not anymore :)
With the demise of Flash as the preferred method of creating rich interactive websites, animations or web application, you would be forgiven for thinking Adobe might of lost their edge.
However, when I attended the 'Create the Web' conference in London, I discovered that far from falling behind, Adobe have been steaming ahead building a suite of FREE web development tools for us to use.
With the wealth of information out there and the constantly evolving world of web development it's often hard to know where to begin. It's even harder to know if the information you are reading is current and comes from an informed sources. Fortunately I have recently stumbled upon a fantastic resource called the html5 bolierplate which was put together by a team of excellent developers including Paul Irish, and Divya Manian.
As Paul Irish describes it, "It's essentially a good starting template of html and css and a folder structure that works[...] but baked into it is years of best practices from front-end development professionals."
Years of best practices from front-end development professionals, nicely packaged up and explained in depth for the likes of me to eat up. Thanks guys :)
Multi column layouts with CSS3
With CSS3 is now possible to create multi column layouts like you have in newspapers, without adding extra markup to your HTML.
Inspired by Nicolas Gallagher, I have redesigned this website to use pure css and no images to create the shadow effect under each article. In addition I've added CSS3 box shadows and rounded corners for supporting browsers
Skill set: css, html
Google labs: Page Speed
Google have created a new page speed analysis tool to help developers optimise websites for desktop and mobile. This very web page, currently scores 96% for desktop, a score which includes points being deducted from external scripts I have no control over such as Google's own for google-analytics script. The mobile score is 86% for mobile. Not as good but as desktop but still good. :)