Guest Blogger Tutorials

  • By
    Making Sprite-based Games with Canvas

    The canvas element was introduced with HTML5 and provides an API for rendering on the web. The API is simple, but if you've never done graphics work before it might take some getting used to. It has great cross-browser support at this point, and...

  • By
    Introduction to dcl

    dcl is a minimalistic yet complete JavaScript package for node.js and modern browsers. It implements OOP with mixins + AOP at both "class" and object level, and works in strict and non-strict modes. The simplest way to learn something is to dive right in. Let's implement a...

  • By
    Generating Dojo GFX Drawings from SVG Files ||

    This article builds on the earlier article Generate Dojo GFX Drawings from SVG Files. If you've not yet read that article, go and do it now. I'm not going to repeat what's already in it, and this article won't make a lick of sense...

  • By
    The World Beyond MVC

    There's no shortage of JavaScript MVC (Model-View-Controller) architectures out there. The best-known is Backbone, but there are others: Spine, Agility, Knockback, etc. And in addition to the range of MVC frameworks, there are MV-whatever variants. This stuff, anecdotally...

  • By
    Defer ALL The Things

    JavaScript was one of the first languages I ever learned, but as I drifted more toward Python development, I got increasingly out-of-touch with the best ways of doing things. Then a friend asked me to help on a project. The server was in Node.js and...

  • By
    Chris Coyier:  Perspective of a Preprocessor, About a Year In

    I've been using CSS preprocessors for about a year now. I gave all of them a try. LESS first, then Stylus, then Sass. All on real projects, not just poking around and tinkering with syntax. They are all pretty good. The truth is, developer to developer...

  • By
    How Cobalt Calibur Uses Canvas to Display Sprite-Based Graphics

    Hi, I'm Thomas Hunter, creator of Cobalt Calibur, an HTML5 multiplayer game. I'm here to tell you about how I used the new HTML5 canvas API to provide visuals using sprite-based graphics. This is similar to how old game consoles such as the NES...

  • By
    Setup to Build Responsive Websites

    Not long ago, the biggest challenge for a web engineer was making sites that worked well in several different browsers. While that is still the case, our challenge is shifting to supporting the growing number of devices. I have come across a few tools and paradigms...

  • By
    Don’t Forget About Favicons on Retina Screens

    Thomas Fuchs needs no introduction. I've looked up to Thomas' animation artistry since his Prototype/script.aculo.us days. He's more recently created Zepto.js, a micro multipurpose library for desktop and mobile devices. His latest creation, however, is an awesome eBook called

  • By
    Script Junkie:  MooTools Class Creation and Organization

    My new blog post has debuted on Script Junkie: MooTools Class Creation and Organization!! As web applications aim to become more dynamic, responsive, and feature-filled, they will inevitably need to include more JavaScript. As the amount of code increases, there is also an increase in the...