Demos & Downloads

  • Blog

    Try Treehouse!

    Treehouse has been a mainstay of web learning for a few years now and I'm amazed at how they've grown.  You'd expect them to teach basic stuff like web design and JavaScript, but they've moved on to broader but important topics like jQuery, DNS, and entrepreneurship.  Treehouse doesn't just get you started in web development, they try to encompass the entire web development and admin sphere.  The only thing missing are the fire drills you experience those first few years on the job!  I thought I'd put together a list of reasons to try Treehouse, even for the biggest skeptics in you!

    Read Post View Demo
  • CSS

    CSS Vertical Text

    Almost every HTML element we create is thought of in the frame of horizontal.  We pay much more attention to widths than we do heights, especially when it comes to text within them. Sometimes we do, however, want to display element text in a vertical fashion.  In the old days of crippled Internet Explorers, this was mostly a losing battle.  These days, however, vertical text is a breeze.  Here's how to do it!

    Read Post View Demo
  • CSS CSS Animations JavaScript

    Detecting CSS Animation Completion with JavaScript

    One fact of web development life in 2014 that's been difficult for me to admit is that the traditional JavaScript toolkit is mostly dead.  For years we relied on them for almost everything but now that JavaScript and CSS has caught up with what we need, we can often avoid using JavaScript toolkits if we take the time to research new native capabilities.  One argument for sticking with toolkits that I often hear is that CSS animations don't provide callback abilities.

    Read Post View Demo
  • CSS CSS Animations Demos Features Markup

    Create a CSS Flipping Animation

    You've all asked for it and now I've added it: Internet Explorer support! Annoyingly enough, the change involves rotate the front and back elements instead of just the container. Skip to this section if you'd like the latered Internet Explorer code. IE10+ is supported; IE9 does not support CSS animations.

    Read Post View Demo
  • CSS Demos Guest Blogger HTML5 JavaScript

    HTML5 Input Types Alternative

    As you may know, HTML5 has introduced several new input types: number, date, color, range, etc. The question is: should you start using these controls or not? As much as I want to say "Yes", I think they are not yet ready for any real life project. The main reason is inconsistent implementation by different browsers.

    Read Post View Demo
  • CSS Demos

    Table Cell and Position Absolute

    If you follow me on Twitter, you saw me rage about trying to make position: absolute work within a TD element or display: table-cell element.  Chrome?  Check.  Internet Explorer?  Check.  Firefox?  Ugh, FML.  I tinkered in the console...and cussed.  I did some researched...and I cussed more.  I found the 13 YEAR OLD ticket in Bugzilla...and threw Molotov cocktails into the street.  Luckily my whining on Twitter solicited an excellent solution from Andrew McGivery (@andrewmcgivery).  Check out the wonky solution that make this work!

    Read Post View Demo
  • CSS Demos JavaScript Markup Mobile

    Truly Responsive Images with responsive-images.js

    Responsive web design is something you hear a lot about these days. The moment I really started to get into responsive design was a few months ago when I started to realise that 'responsive' is not just about scaling your websites to the size of your visitors screen but much more than that.

    Read Post View Demo
  • Demos HTML5 JavaScript Mozilla

    Using TogetherJS

    Last week I highlighted five awesome Mozilla technologies that most people have never heard of.  Before the Mozilla Summit in Santa Clara, even I (a Mozilla employee)  had not heard of a few of them.  One of the projects I was most impressed by was TogetherJS, a project created to allow for simple collaborative development between any number of users.  My favorite attribute of TogetherJS is that it's so incredibly easy to implement.  Let me show you how!

    Read Post View Demo