Articles by Chris Heilmann
-
Happy Pi Day!
As today is Pi Day have you ever realised that rotating 3.14 180 degrees almost spells “PI.E”? JSFiddle demo. And yes, Firefox 11 is now official, bring on the 3D transforms.
-
Getting you started for the CSS 3D transform Dev Derby (15 minute screencast)
This month’s Mozilla Dev Derby is about CSS 3D transformations and as a reminder and inspiration we thought it a good idea to give you a walk-through of a simple demo: a rotating cube with content on each side. That’s simple? Yes it is! Check the video to see the result: You can also see […]
-
There is no simple solution for local storage
TL;DR: we have to stop advocating localStorage as a great opportunity for storing data as it performs badly. Sadly enough the alternatives are not nearly as supported or simple to implement. When it comes to web development you will always encounter things that sound too good to be true. Sometimes they are good, and all […]
-
Presentation: HTML5 and friends at Mobile World Congress 2012
As part of the WIP Jam at the Mobile World Congress in Barcelona, Spain we were asked to give and introduction to HTML5 so we sent Chris Heilmann and Joe Stagner to set the record straight in terms of what HTML5 is and what you can do with it. The presentation was on the last […]
-
Friday fun: Trigger Rally in WebGL
As reported by Creative JS, Jasmine Kent ported her open source Linux racing game Trigger Rally to WebGL to run in HTML5 browsers. In the following video you can see it running pretty smoothly on my MacBook air that is already running 12% of CPU without it starting (as ScreenFlow is recording and VLC was […]
-
Mozilla and Facebook working together to make mobile browser support more predictable
As announced on the Facebook developer blog and explained in more detail on Brendan Eich’s blog we are one step closer to making the mobile browser market more predictable. Mozilla is happy to support Facebook in forming a Core Mobile Web Platform W3C Community Group in which to curate prioritized, tiered lists of emerging and […]
-
A simple image gallery using only CSS and the :target selector
Back in the old days of web development and when CSS2 got support I always cringed at “CSS only” demos as a lot of them were hacky to say the least. With CSS growing up and having real interaction features it seems to me though that it is time to reconsider as – when you […]
-
Old tricks for new browsers – a talk at jQuery UK 2012
Last Friday around 300 developers went to Oxford, England to attend jQuery UK and learn about all that is hot and new about their favourite JavaScript library. Imagine their surprise when I went on stage to tell them that a lot of what jQuery is used for these days doesn’t need it. If you want […]
-
Creating thumbnails with drag and drop and HTML5 canvas
HTML5 Canvas is a very cool feature. Seemingly just an opportunity to paint inside the browser with a very low-level API you can use it to heavily convert and change image and video content in the document. Today, let’s take a quick look at how you can use Canvas and the FileReader API to create […]
-
Hidden Gems of HTML5: classList
If you are a web developer, you surely must know how handy it is to dynamically change the class attribute on an element. The benefits this technique are quite a few: You leave any changes in the look and feel to the CSS You avoid having to loop lots of elements as you can allow […]