Year round learning for product, design and engineering professionals

Satisfying Movements – video presentation by John Allsopp

Web based animation has arrived, and it’s time for you to start taking advantage of it to engage and delight your users. And in this session we’ll see how. We’ll cover CSS Transitions and Animations, and throw some 2D and 3D Transforms into the mix as well, to understand how today’s most common, and eye […]

Constraints and opportunity

All engineering is about constraints. Gravity, materials, CPU speed, amount of memory. Modern computing platforms have, in comparison with just a few years ago, let alone a couple of decades ago, almost unlimited capabilities. And yet we still whinge about their shortcomings. Meanwhile some of the most iconic of all computer programming, early gaming, including […]

Not Real Programming

As I recently reflected, a paper by Tim Berners-Lee about the World Wide Web for HyperText ’91, the then peak HyperText focussed conference in the world, was rejected. Who could be so short sighted? Well almost all of us really, but here’s what a prominent Hypertext researcher at the time said Links in hypertext must […]

Appcache, not so much a douchebag as a complete pain in the #$%^

A little while back, Jake Archibald wrote infamously (and anthropomorphically) that the HTML5 ApplicationCache is a “douchebag”[1]. Mindful that this is a word freighted with troubling significance, it is the term he used, so I’ll go with it. The Urban Dictionary says the word douchebag generally refers to a male with a certain combination of […]

WebRTC now in Chrome Beta for Android

Following Blackberry 10’s support for WebRTC, Chrome beta or Android now supports webRTC, as do Firefox, Opera and Chrome for desktop (and Firefox for Android though not as yet Firefox OS it would seem). A very significant milestone for what many consider a game changing technology. Want to get started with webRTC, you might be […]

In defense of the humble id attribute

Recently on my post about quoting HTML5 attributes, Paul Irish commented in passing IDs are totally out of fashion now due to their high specificity so who cares This idea has been floating around for a while. Dave Gregory wrote Don’t use ID selectors in CSS almost exactly 3 years ago, observing the following. The […]

More HTML5 syntax and parser quirks you may not have known

Last week we looked at one of HTML5’s syntax quirks, the fact that you don’t need to quote attribute values (unless the values contain a space or as is less well known one of a number of other characters). This time, some more about some of the subtle side effects of HTML5’s laxer syntax rules. […]

Five reasons why you should quote attribute values in HTML5

With HTML5, you don’t have to quote attribute values. Until you do. One of the benefits often touted for HTML5 over XHTML is what I once heard Paul Irish describe as its “loosey goosey” approach to syntax. No longer the strict taskmaster that XHTML was, we can now do all kinds of cool stuff like […]

The iOS 7 homescreen parallax effect in the browser

A couple of weeks ago we started a series on how you might implement some of the more notable design effects in iOS 7 using purely web technologies. In the meantime, it’s been noted elsewhere that this may be difficult and perhaps impossible to do. I’m here today to tell you otherwise! Well, at the […]

Under the Hood – Into the Arctic site

A few weeks back, GreenPeace’s Into the Arctic site caught our attention. It allowed you to follow an expedition to the North Pole, with the goal “to declare it protected on behalf of all life on earth”. Lofty and worthy aims, coupled with a very sophisticated use of animation and interaction, including what at first […]

Wii Games with HTML5

For most of the history of what might loosely be termed computer games, dedicated consoles (and handheld gaming devices) ruled the roost. And none loomed larger on the landscape than Nintendo, with combined sales of hundreds of millions of units. The dominance of this handful of device makers (essentially Nintendo, Sony and Microsoft) meant that […]

Towards an extensible web

Remember the X in XML, and XHTML? It of course stands for extensible, the idea that these languages allow for their users to build upon them, rather than waiting for some standards organisation to add new features. With HTML5, extensibility of the markup language pretty much went out the window, despite the criticisms of many […]

Build a motion activated security camera, with WebRTC, canvas and Device Orientation

As a web developer, you’ve probably seen emerging HTML5 technologies and APIs like DeviceOrientation and WebRTC (Web Real Time Communications), and thought “wow they look cool, but they are only for hard core gaming, video conferencing, and other such stuff, not for my every day development”. I’m firmly convinced that taking advantage of these capabilities […]

delivering year round learning for front end and full stack professionals

Learn more about us

Thanks for an amazing few days Web Directions. So many great themes of empathy, inclusion, collaboration, business impact through design, and keeping our future deeply human.

Laura van Doore Head of Product Design, Fathom