I’ve talked a bit about separating our semantic and non-semantic content within websites. We can take our rich non-semantic content and throw it onto a canvas. This provides a number of benefits, cleaning up our…
Tag: html 5
Tiny Javascript Libraries
I used to do a lot of flash banner ads. Banner ads have tight requirements around file size so as not to bloat the hosting page’s download. With banner ads migrating to HTML this is…
Custom Filters with Pixi.js using GLSL Shaders
NOTE: This applies to Pixi v3 Pixi.js is Mat Groves’ lightning fast 2D rendering engine for the web utilizing WebGL or 2D Canvas. When used with WebGL it supports filters, which are basically a simple…
Script Analog Game Design with SVG
I have a great passion for games of all kinds. Since I was a kid board games were always something I enjoyed and I even would sketch out and make up my own out of…
SVG Calendar
Happy New Year! I like to make a calendar for our family each year and doing the layout in illustrator can be rather tedious. So last year I decided to write some code to do…
Animate SVG with the Flash Timeline
Here’s an introduction video to Snap.SVG Animator, allowing you to publish animated SVG from the Flash Animation tool. Scalable Vector Graphics (SVG) is a powerful tool in the web developer’s arsenal. But web creators have…
Digital Reading Experiences
I was fortunate to have the opportunity to speak at W3Conf in San Francisco this year. My talk was about reading experiences on the web, ways we can improve them and where we see this…
CSS Blend Modes
Blend Modes is one of the new specifications coming to CSS, you can test this in certain recent builds of webkit with: -webkit-blend-mode Values include traditional blend modes like multiply, screen, overlay, and more. This…
three.js custom shader material
This post is going to assume you have used three.js to set up a basic scene with a camera and objects. The shaders can go in a script tag within the page and then can…
HTML5 interaction on the iPhone limitations
Although Apple claims to be a major proponent of HTML5 by dismissing flash, the truth is they are really just trying to keep the web from being as rich as native applications where they have…