Back to Top
The nuts and bolts for
Creative web development

Animating Without jQuery

There’s a false belief in the web development community that CSS animation is the only performant way to animate on the web. This myth has coerced many developers to abandon JavaScript-based animation altogether, thereby (1) forcing themselves to manage complex UI interaction within style sheets, (2) locking themselves out of supporting Internet Explorer 8 and 9, and (3) forgoing the beautiful motion design physics that are possible only with JavaScript.

September 9, 2014 Author: Lubov Cholakova Rating: Not enough votes

Setting Up JSHint

Regardless of the language you're programming in, we always want to try to produce clean, concise, and correct code. This is a sign of a good programmer and it lets you know your apps are running properly. Linting helps with this by analyzing your code and highlighting common issues regarding syntax and coding conventions based on best practices.

February 26, 2014 Author: Lubov Cholakova Rating: Not enough votes

Using CreateJs: PreloadJS, SoundJS, and TweenJS

In the first part of this series about using CreateJs, we had a look at EaselJs. In this second and last part, we will look at PreloadJs, SoundJs, and TweenJs. PreloadJS is a library that lets you manage and co-ordinate the loading of assets. PreloadJS makes it easy to preload your assets, like images, sounds, JS, data, and others. It uses XHR2 to provide real progress information when available or fall back to tag-loading and eased progress when it is not. It allows multiple queues, multiple connections, pausing queues, and a lot more.

February 24, 2014 Author: Lubov Cholakova Rating: Not enough votes

Using CreateJS - EaselJS

In this tutorial we will be exploring the CreateJS suite of libraries. CreateJS is suite of JavaScript libraries and tools for building rich, interactive experiences with HTML5. The CreateJS suite is divided into four libraries - EaselJS - Makes working with HTML5 canvas easy; TweenJS - For tweening HTML5 and JavaScript properties; SoundJS - Lets you easily work with HTML5 audio; and PreloadJS - Lets you manage and coordinate loading of assets.

February 13, 2014 Author: Lubov Cholakova Rating: Not enough votes

Creating Brackets Extensions

A little while ago Raymond Camden wrote about the recent updates to the Brackets editor. Brackets is an open source project focused on web standards and built with web technologies. It has a narrow focus and therefore may not have a particular feature you’ve come to depend upon. Luckily, Brackets ships with a powerful extension API that lets you add any number of new features. In this article, he's going to discuss this API and demonstrate how you can build your own extensions.

February 5, 2014 Author: Lubov Cholakova Rating: Not enough votes

JavaScript Tools of the Trade: JSBin

We’ve all been there. There are times when you simply want to throw some JavaScript code up and see how it works. Sure, you could go through the hassle of: setting up a dedicated directory, create a file with markup,Finding the latest version of your favorite libraries, downloading them and including them in your code, creating your stylesheet and configuring your webserver. That seems like an awful lot of work just do some simple code testing. Thankfully there are tools that make this type of work trivial. In this tutorial, Rey Bango would like to go over one of his favorite tools for interactive JavaScript testing, JSBin.

February 5, 2014 Author: Lubov Cholakova Rating: Not enough votes

Writing A Better JavaScript Library For The DOM

At present, jQuery is the de facto library for working with the document object model (DOM). It can be used with popular client-side MV frameworks (such as Backbone), and it has a ton of plugins and a very large community. As developers’ interest in JavaScript increases by the minute, a lot of people are becoming curious about how native APIs really work and about when we can just use them instead of including an extra library.

January 13, 2014 Author: Lubov Cholakova Rating: Not enough votes

Testing in Node.js

A test driven development cycle simplifies the thought process of writing code, makes it easier, and quicker in the long run. But just writing tests is not enough by itself, knowing the kinds of tests to write and how to structure code to conform to this pattern is what it's all about. In this article we will take a look at building a small app in Node.js following a TDD pattern.

January 6, 2014 Author: Lubov Cholakova Rating: Not enough votes

WebGL With Three.js: Textures & Particles

Since its introduction, 3D graphics in the browser has been a popular topic. But if you were to create your apps using plain old WebGL it would take a very long. But now we have some pretty useful libraries that we can take advantage of, like Three.js. So in this series Maciej Sopylo will show you how to create stunning 3D experiences for the browser.

December 3, 2013 Author: Lubov Cholakova Rating: Not enough votes

Getting Into Ember.js: Part 5

In part 3 of Rey Bango's Ember series, he showed you how you can interact with data using Ember's Ember.Object main base class to create objects that define the methods and properties that act as a wrapper for your data.

November 26, 2013 Author: Lubov Cholakova Rating: Not enough votes