Monthly Archives: November 2013

obey_report_header

Obey and Report - A JavaScript Event Emitter Pattern

Obey and Report - A JavaScript Event Emitter Pattern

By Nicolas Bevacqua The event emitter pattern was popularized by Node and is made available in the browser by libraries such as EventEmitter2. In practice, I haven’t seen a lot of use of event emitters in client-side applications, but lately I’ve been applying it more and more in my code. Here, I’ll introduce a modular approach to […]

express_fundamentals_header

Express.js Fundamentals

By Azat Mardanov Express.js is an amazing framework for Node.js projects and used in a majority of Node-based web apps. Unfortunately, there’s a lack of tutorials and examples on how to write good production-ready code. To help mitigate this need, I released a book called Express.js Guide: The Most Popular Node.js Framework Manual. However, all things […]

Best of JavaScript, HTML & CSS - Week of October 28, 2013

A lot of great tutorials and a ton of new libraries this week. Check out how to use pixi.js to create an infinite scroller game, Bootstrap 3 as a workflow tool, ExpressWorks to learn Node and Express, and npm-onupdate to keep your libraries up to date. There are a couple of great “opinion” type pieces […]

pixi-js_header

Building a Parallax Scrolling Game with Pixi.js

By Christopher Caleb Have you ever played endless runner games like Canabalt and Monster Dash and wondered how they build their scrolling game maps? In this tutorial we’ll take our first steps towards building a similar parallax scroller using JavaScript and the Pixi.js 2D rendering engine. What you will learn… The fundamentals of Pixi.js How to work with textures […]

animated-canvas-header

Creating an Animated Hero Image with Canvas

By Dave DeHaan When we were looking at laying out spark.lamplighter.io, we decided we wanted to add the feel of our graphs to the top of the page. The suggestion came up that it would be cool if our graph actually “cut off” our hero image, so that any part of our hero image under the […]

Top