Posts tagged html5
I’m excited to announce that I have launched a redesign of my business/portfolio site Black Ant Media. I started in on a redesign about a year ago and never finished it. They say if you’re too busy to update your own site, that’s a good thing. But when you’re in the business of selling your supposed expert services, not having any work to view is an embarrassment.

I had been wanting to play with MooTools for a while now, so I took the opportunity to use it on this redesign. I came away from the experience feeling like PHP is to jQuery (everyone structures their code differently) as Rails is to MooTools (established OO patterns that pretty much everyone follows). The MooTools Fx classes offer some of the smoothest animations I’ve come across. There is still much I want to learn about this framework, but I’m really impressed so far.

I’m using the lightweight (no database) Stacey CMS for the portfolio. Since this is a single-page site, I decided to load all of the project information dynamically from Stacey using AJAX calls and fetching JSON data.

I had a fun time working on the contact form as well. For WebKit browsers, the form flips around when you submit it turning your message into an envelope that gets dropped into a slot. On the server side, I use Akismet to check for spam submissions. Please send me a message if you’d like to try it out.

I few other buzzwords I incorporated: HTML5, Sass, TypeKit, Modernizr, hCard microformat, and parallax background scrolling.

I still have a bunch of cleanup/refactoring to do and I need to make a mobile version, but I’m really pleased with how it has turned out so far.

Oh, and all of the code lives in public Github repo if you want to check it out. Hit me up on Twitter with any questions or feedback.

I’m excited to announce that I have launched a redesign of my business/portfolio site Black Ant Media. I started in on a redesign about a year ago and never finished it. They say if you’re too busy to update your own site, that’s a good thing. But when you’re in the business of selling your supposed expert services, not having any work to view is an embarrassment.

I had been wanting to play with MooTools for a while now, so I took the opportunity to use it on this redesign. I came away from the experience feeling like PHP is to jQuery (everyone structures their code differently) as Rails is to MooTools (established OO patterns that pretty much everyone follows). The MooTools Fx classes offer some of the smoothest animations I’ve come across. There is still much I want to learn about this framework, but I’m really impressed so far.

I’m using the lightweight (no database) Stacey CMS for the portfolio. Since this is a single-page site, I decided to load all of the project information dynamically from Stacey using AJAX calls and fetching JSON data.

I had a fun time working on the contact form as well. For WebKit browsers, the form flips around when you submit it turning your message into an envelope that gets dropped into a slot. On the server side, I use Akismet to check for spam submissions. Please send me a message if you’d like to try it out.

I few other buzzwords I incorporated: HTML5, Sass, TypeKit, Modernizr, hCard microformat, and parallax background scrolling.

I still have a bunch of cleanup/refactoring to do and I need to make a mobile version, but I’m really pleased with how it has turned out so far.

Oh, and all of the code lives in public Github repo if you want to check it out. Hit me up on Twitter with any questions or feedback.

Posted on January 21, 2011 · 17 notes
Canvas Snow - very classy snowfall effect using canvas and some particle emitter Javascript code.

Canvas Snow - very classy snowfall effect using canvas and some particle emitter Javascript code.

Posted on December 8, 2010 · 13 notes
Ai→Canvas - A free plugin from Microsoft’s Mike Swanson that lets you export your Illustrator artwork as HTML5 Canvas elements. Really impressive stuff.

Ai→Canvas - A free plugin from Microsoft’s Mike Swanson that lets you export your Illustrator artwork as HTML5 Canvas elements. Really impressive stuff.

Posted on November 10, 2010 · 6 notes

An 8 screen WebGL aquarium built with HTML5, Javascript, WebSockets, node.js, and socket.io. Flash who?

Posted on November 3, 2010 · 7 notes
Ricardo Cabello (aka. Mr. Doob) has a great writeup discussing the making of The Wilderness Downtown, the Arcade Fire HTML 5 experiment. It’s an absolute web polymath’s treasure chest with jewels including Javascript sequencers, 3D rendering, geocoding, issues with WebGL and CoreGraphics, boid simulations (for the bird flocks), tweening, and color correction (for which the code above was a part of).

Ricardo Cabello (aka. Mr. Doob) has a great writeup discussing the making of The Wilderness Downtown, the Arcade Fire HTML 5 experiment. It’s an absolute web polymath’s treasure chest with jewels including Javascript sequencers, 3D rendering, geocoding, issues with WebGL and CoreGraphics, boid simulations (for the bird flocks), tweening, and color correction (for which the code above was a part of).

Posted on September 17, 2010 · 11 notes
Muro - an amazingly well-executed HTML5 drawing app from the deviantART crew.

Muro - an amazingly well-executed HTML5 drawing app from the deviantART crew.

Posted on August 10, 2010 · 11 notes
Jeremy Keith’s book (with a beautiful cover design by Jason Santa Maria) is available for preordering.

Jeremy Keith’s book (with a beautiful cover design by Jason Santa Maria) is available for preordering.

Posted on May 4, 2010 · 14 notes

jQuery Offline Plugin

A brand-spankin’ new plugin by Yehuda Katz that looks like a great fit for building those mobile web apps that need to offer some basic functionality when offline. The readme shows a suggested usage pattern and sample HTML manifest file. (hat tip to Chad Humphries)

Posted on May 3, 2010 · 5 notes
Chrome Canopy - a beautiful HTML5 animation experiment that renders generative branches and leaves as fractals. The pre-obfuscated Javascript can be browsed here.

Chrome Canopy - a beautiful HTML5 animation experiment that renders generative branches and leaves as fractals. The pre-obfuscated Javascript can be browsed here.

Posted on April 29, 2010 · 31 notes
Wow, this is a blast from the past for me.  I spent countless hours at the Computer Science lab back in college playing XPilot.  Now there’s an open source project for WPilot, a port implemented in… you guessed it, HTML5. It utilizes Canvas, WebSocket, and WebGL technologies on the browser-side and node.js on the server.

Check out the source code on Github or try a demo.  (via thechangelog)

Wow, this is a blast from the past for me. I spent countless hours at the Computer Science lab back in college playing XPilot. Now there’s an open source project for WPilot, a port implemented in… you guessed it, HTML5. It utilizes Canvas, WebSocket, and WebGL technologies on the browser-side and node.js on the server.

Check out the source code on Github or try a demo. (via thechangelog)

Posted on April 8, 2010 · 1 note
Gmail on iPad looks great!

You can tweak your User-Agent string in Safari if you want to try it out.

Gmail on iPad looks great!

You can tweak your User-Agent string in Safari if you want to try it out.

Posted on April 2, 2010 · 4 notes
The HTML5 feats get more astounding by the day.  Check out this demo of an animated Menger Sponge raymarching with a total HTML and Javascript weight of 512 bytes (view source on the demo to check).

The HTML5 feats get more astounding by the day. Check out this demo of an animated Menger Sponge raymarching with a total HTML and Javascript weight of 512 bytes (view source on the demo to check).

Posted on March 30, 2010 · 0 notes
David Desandro has one of the best portfolio sites I’ve ever seen.  It showcases his work while being a showcase in itself.  Several little rollover markers give additional insight into his design decisions and the entire thing is just downright fun to explore.

Oh, and any time you can combine Mario Kart with bezier curves created on HTML5 canvases, it’s an automatic win.

David Desandro has one of the best portfolio sites I’ve ever seen. It showcases his work while being a showcase in itself. Several little rollover markers give additional insight into his design decisions and the entire thing is just downright fun to explore.

Oh, and any time you can combine Mario Kart with bezier curves created on HTML5 canvases, it’s an automatic win.

Posted on March 25, 2010 · 3 notes

There are some people who have argued that the whole App Store phase is a fad. Granted, a very popular and lucrative and probably long-lived fad, but that it’s still a fad. The argument is that 10 years from now we’re going to look back at rebuilding apps for every mobile device and go “What the hell were we thinking?”

Eric Meyer on the future of the HTML5/CSS/JS stack.
Posted on March 15, 2010 · 1 note