Christian Heilmann's online portfolio

Well, hello there! My name is Christian Heilmann and my job is being the principal technical evangelist at Mozilla. If you don't know what an evangelist is, here's a handbook on developer evangelism. This is my portfolio of work this year and last. Please return frequently for updates.

If you wish to contact me, make sure to check my blog, follow and ping me on Twitter (codepo8), contact me on Facebook, Google+, LinkedIn, Foursquare or find me on IRC (mozilla.org, freenet) as codepo8. My photos are on Flickr and a lot of presentations on slideshare. I also post videos on YouTube and code on GitHub.

Things delivered
Date Title Type Formats
13/02/12

Old tricks for new browsers – a talk at jQuery UK 2012

Explanation of some of the code examples I showed at jQuery UK

Blog post (Mozilla)
11/02/12

jQuery UK conference in Oxford, England – slides, audio, impressions and notes

Vendor prefixes are a big discussion topic right now, I am proposing to fix some of them at the source on GitHub. Adding other browser prefixes and a non-prefixed fallback helps everybody.

Blog post
10/02/12

Embracing and celebrating redundancy

A presentation at news:rewired about HTML5 video, interactivity and using popcorn.js to make real web videos. Also available: notes and slides.

Audio
09/02/12

Now vendor prefixes have become a problem, want to help fix it?

Vendor prefixes are a big discussion topic right now, I am proposing to fix some of them at the source on GitHub. Adding other browser prefixes and a non-prefixed fallback helps everybody.

Blog post
03/02/12

Superbowl, celebrities, our arrogance and the moneymaking web

A rant about us as web developers forgetting what on the web really gets the big clicks. I get the feeling we are a bit disconnected

Blog post
02/02/12

Web enabled Video at news:rewired

SLides, notes and audio of my presentation about "Web enabled video" at news:rewired in London, England.

Blog post
02/02/12

Web enabled video

A presentation at news:rewired about HTML5 video, interactivity and using popcorn.js to make real web videos.

Presentation
02/02/12

Web enabled video

A presentation at news:rewired about HTML5 video, interactivity and using popcorn.js to make real web videos. Also available: notes and slides.

Audio
01/02/12

Canvasthumber.js

A drag and drop interface to create thumbnails in the browser using HTML5 canvas

Demo
01/02/12

Helper functions: Resize images to a variable thumbnail size

A reusable function to resize images so that they fit into thumbnails of a certain size

Blog Post
01/02/12

Creating thumbnails with drag and drop and HTML5 canvas

Just a quick demo showing two rotating Firefox logos

Blog Post (Mozilla)
01/30/12

Hidden Gems of HTML5: classList

Explaining the classList HTML5 feature to easily add and remove classes from elements

Blog Post (Mozilla)
27/01/12

CSS 3D demo for Firefox technology page

Just a quick demo showing two rotating Firefox logos

Demo
26/01/12

One reason HTML5 gaming is limping along

An answer to the new web version of Angry birds and a rallying call to build real HTML games and not convert them from another language.

Blog Post
24/01/12

Mozilla Vision day two: web makers of tomorrow

Report about the second day of Mozilla vision Japan. A hack day with kids.

Blog Post (Mozilla)
21/01/12

Mozilla Vision day one

Report about the conference day of Mozilla Vision Japan.

Blog Post (Mozilla)
20/01/12

Undoing the "two sun" fake in "A news hope"

A quick HTML5 demo allowing you to drag the red sun of Tattoine out of the video

Demo
19/01/12

Domo-Kun in CSS

A demo how to create the Domo-Kun character in CSS using generated content and CSS slants

Demo
19/01/12

Some real world browser stats

Analysis of the statistics of a UK healthcare site.

Blog Post
02/01/12

My 2012 wishlist – don’t make the unicorn cry!

My wishes for the year.

Blog Post
Conference archive 2012
All in all: 5 conferences, 4 talks, 4 audio recordings
Date Conference Location Title Slides Audio Video
10/02/12 jQuery UK Oxford, England Embracing and celebrating redundancy slides
07/02/12 Blackberry Devcon Europe Amsterdam, Netherlands Browser wars panel
02/02/12 News:rewired London, England Web enabled video slides
20/01/12 Mozilla Vision 2012 Tokyo, Japan The Future of HTML5 and Web Technologies slides MP3 OGG
14/01/12 Super VanJS Vancouver, Canada Reclaim HTML5 slides MP3 OGG
Conference archive 2011
All in all: 29 talks, 16 videos, 23 audio recordings, 37 conferences
Date Conference Location Title Slides Audio Video
01/28 Heart and Sole Portsmouth, England Time to build a better web slides Vid.ly
02/04 FOSSDEM Brussels, Belgium Moving to the client - HTML5 is here slides MP3 OGG
02/08 London Ajax meetup London, England Using HTML5 sensibly and multimedia on the web slides MP3 OGG Skillsmatter
02/10 MF Boat event London, England
02/17 London Web London, England Finding harmony in web development slides MP3 OGG Vimeo
03/09 ConFoo Montreal, Canada Moving from hacks to solutions slides MP3 OGG YouTube, YouTube #2
03/18 Login Vilnius, Lithuania Building a better web with open, new technologies slides YouTube
04/14 Funkas Tillgänglighetsdagar Stockholm, Sweden Accessibility and web innovation (slides, audio and notes) slides MP3 OGG
04/16 W3café accessibilité Paris, France
04/20 JAX Mainz, Germany HTML5 Das Web und der Browser als Platform slides MP3 OGG Vimeo
04/20 JAX Mainz, Germany Wie JavaScript die Welt eroberte slides MP3 OGG
05/10 Google IO San Francisco, CA, USA
05/30 Webinale Berlin, Germany HTML5, CSS3 und JavaScript fuer alle slides MP3 OGG YouTube
06/07 Inspire Conference London, England Mentoring
06/17 Web2Day Nantes, France HTML5 and the web of tomorrow slides video - interview
06/25 Converge SE Columbia, SC, USA With the power of HTML5 slides MP3 OGG
07/08 Highland Fling Edinburgh, Scotland Moderator
07/16 Open Web Camp Palo Alto, CA, USA HTML5 battles still to be won (slides, audio) slides MP3 OGG
08/19 Kings of Code Amsterdam. Netherlands HTML5 - time for some slicker apps slides MP3 OGG
08/20 Encampment London, England
09/30 Evento Linux Lisbon, Portugal HTML5 and the new challenge of open slides MP3 OGG
10/01 JSConf EU Berlin, Germany Community JS reloaded - how to rock as a movement slides MP3 OGG
10/03 Future of Web Apps London, England Get excited and build things and browser panel slides MP3 OGG
10/05 Fronteers Amsterdam, The Netherlands The prestige of being a web developer slides MP3 OGG Vimeo
10/12 Paypal X Innovate San Francisco, CA, USA The web and browsers as the platform – exciting opportunities in new web technology slides MP3 OGG YouTube
10/19 HTML5 live London, England Rocking the boat and causing a ripple slides MP3 OGG
10/20 Frontrow Krakow, Poland Fail, Meh or Win? How do you want the web to be? slides
10/25 Company brownbag at Sabre Krakow, Poland HTML5 101 What it is, what it isn't and where it might go slides MP3 OGG
10/25 Company brownbag at SAP Munich, Germany (skype) HTML5 101 What it is, what it isn't and where it might go slides MP3 OGG
10/27 Velocity Europe Berlin, Germany Accelerating the overall web experience slides MP3 OGG
11/01 HTML5 live NYC New York, NY, USA repeat slides
11/03 Mozilla Ignite online A fast web for people slides
11/04 Mozilla Festival London, England BrowserID mentoring
11/11 Full Frontal Brighton, England my notes
11/12 MozCamp Europe Berlin, Germany How to be a kick-ass speaker slides MP3 OGG
11/20 Beyond Tellerand Cologne, Germany Moving browsers and the web forward slides MP3 OGG Vimeo
12/12 London Ajax London, England Rethinking user registration with BrowserID slides MP3 OGG Skillsmatter
12/21 Smashing Magazine Meetup #3 Stuttgart, Germany Style and Distance - Moving ahead in web development as a community slides MP3 OGG vimeo
12/21 Smashing Magazine Meetup #3 Stuttgart, Germany Working Draft Revision 53: At the Smashing Magazine meetup! youtube