Christian Heilmann

github-page-pwa. A template to offer GitHub pages as a PWA with offline functionality

canvas-masking. Masking images with canvas - Demo http://codepo8.github.io/canvas-masking/

CSS3-Rainbow-Dividers. No longer must your rainbow dividers be images slowing down your computer! Make them hardware accelerated!

YQL-Geo-Library. A JavaScript library delivering various geo tasks like geolocation, reverse geocoding and content analysis

trimMiddle. JavaScript

logo-o-matic. Create C-64 style logos with Canvas

3drollovers.css. A CSS file to give you some cool 3D rollover effects

presenter-terms. A no-nonsense explainer for conference organisers about my presenting terms and topics

simple-carousel. An example of a carousel - keeping it simple

gridnav. More accessible keyboard navigation for grids by allowing for left/right/up/down

redact.js. A simple library to create incredibly high-performing jank free app solutions

image-data-cleaner. A tool to show and remove EXIF data from images

dearconsole. A collection of snippets to use in the browser console

mediaqueryload.js. Load resources on demand with mediaqueries

interaction-cam. A webcam example using WebRTC - in action here: http://codepo8.github.com/interaction-cam/

JavaScript-Geo-Fill. JavaScript wrapper to automatically fill form fields with geo information either by IP or Postcode

tinderesque. A tinder-like list sorter

canvasthumber. Create thumbnails via drag and drop into the browser

rotatezoomHTML5video. A player to rotate and zoom videos in HTML5

crossdomain-ajax-with-jquery-and-yql. A demo of how to use YQL and the jQuery load() method to get to third party content in Ajax

detecting-adblock. A simple way to detect adblock

canvas-images-and-pixels. A few examples how to use canvas with pixel images based on the work necessary for logo-o-matic

Developer-Evangelism-Handbook. The source of the online book

prefix-the-web. A call out to add prefixes for all browsers to webkit only code on Github

simplethumbnails. See it at http://makethumbnails.com

css-fork-on-github-ribbon. A responsive and imageless "Fork on GitHub" ribbon

hackday-toolbox. A collection of scripts and demos to get developers started on hackdays

pixels-and-colours. A quick demo on how to build a simple painting game with HTML5 canvas - screencast at https://www.youtube.com/watch?v=9rsDNifGods

slidesharehtml. HTML embed for Slideshare presentations by scraping the mobile version

CSScharts. Bar charts created purely in CSS

geotoys. Some scripts dealing with geo problems

videograbber. Demo of grabbing screenshots from a video in HTML5

new-developer-evangelism-handbook. (Under construction)

canvascropper. An image cropper in HTML5 canvas

slide-show. A full screen slide show for images and videos

letterpaint. A small game to paint out letters. Demo for FirefoxOS

talk-checklist. A checklist for presenters at conferences covering what is necessary and protecting you against possible issues

simple-to-do. A quick demo of a bare vanilla JS todo app

web-cheatcodes. Demo sites to explain non-developer how they can use browser devtools to make the web less annoying.

irregular-shape-rollover. Creating irregular shape rollovers with Canvas

worldinfo. Get information about any country in the world with this simple interface for the Event Apart 10KB competition

youtube-embed. An example how to embed YouTube videos in your GitHub Pages

songsearch. Proof of Concept of a song search engine for a karaoke DJ

GooHooBi. A quick YQL mashup showing how to search three engines in one HTTP request

css-colour-names. A game to guess CSS colours!

prompter. CSS

geoplanet-explorer. Interface to the Yahoo GeoPlanet data

zoom-and-pick. An image colour picker/CSS generator using HTML5 Canvas and Drag+Drop

GeoMaker. Easy interface to turn web content into maps and geo microformats

typography-cheatsheet. An interactive version of Martin Silvertant's excellent Typography cheatsheet. Click the different highlighted sections to get their names

firehose-research. A search interface for the Yahoo! Social Firehose

Quick-edit-bookmarklet. A bookmarklet to make quick edits to any web site

full-card-click. Back to Basics: Creating a clickable card interface in plain HTML, CSS and JavaScript

linkshare. CSS

tweet-this. A bookmarklet to tweet the current document, highlight text as the tweet.

buildingforrealstandards. Building for real standards - slides and demo code

fractaltree. Fractal trees with Canvas

icons-generator. Generates a set of icons in different formats from a dropped image

browserfountain. HTML5 particle system using browser logos