JavaScript articles

How to build a realtime jQuery plugin

Back in January this year jQuery announced a new plugins registry, so now seemed like a great time to write a tutorial combining building a jQuery plugin with my passion - realtime web technologies. Realtime web technologies make it really...

235 Shares

no comments

/ Jun 19, 2013

A taste of CoffeeScript (part 2)

In the first part of this article about CoffeeScript, you saw its basic capabilities; but let's be honest, most of the time we use the jQuery library to help us write our JavaScript and what I showed you in the first part was just vanilla JavaScript....

171 Shares

8 comments

Tcorbettclark says:
Nice intro example Sara. Two possible ways to make it nicer are 1) use string interpolation (http://coffeescript.org/#strings), e.g. $(ul).prepend "Name:...

/ May 29, 2013

A taste of CoffeeScript (part 1)

Let's face it, JavaScript hasn't always had the best reputation among developers, and since the foundation of CoffeeScript back in 2009 this little language has taken the world of JavaScript developers by storm; mainly because it overcomes...

274 Shares

4 comments

Benjie says:
Yes, apologies for the inconvenience, Disqus seem to be having issues again. We're checking with their support team to get this resolved.

/ May 21, 2013

How to use local storage for JavaScript

Creating an to-do app is usually the first application you learn how to build in JavaScript but the problem with all those apps is that when you reload the page all those to-do’s are gone. There is a simple solution though, and that's to use local...

267 Shares

3 comments

Sara Vieira says:
Thank you so much , glad you liked the article

/ Apr 30, 2013

How to use HTML5 audio (part 1)

The introduction of the HTML5 spec introduced new tags for presenting media on a webpage; the <audio> and <video> tags, rendering the <object> tag no longer fit for video and audio streaming. These new tags have made it...

291 Shares

5 comments

Duncan says:
Hi Sam, Thanks for the tutorial. One point - I can't get the second song to play without adding: nowPlaying = audioArray[i]; after the increment of i. Duncan

/ Apr 23, 2013

jQuery 2.0 released

Hot on the heels of jQuery Mobile 1.3 comes jQuery 2.0, a brand new, full release version of the popular JavaScript library. The big news — that we've known for a while — is that jQuery 2.0 has dropped the library's support for Internet Explorer...

442 Shares

12 comments

Mhollis says:
Nope! This puts me on notice that I cannot use jQuery 2.0. Frankly, I would LOVE to end all support for ANY Microsoft browser—just dump it! But in the real world, I...

/ Apr 19, 2013

An introduction to AngularJS

When I came across AngularJS a couple weeks ago, I was intrigued at first. By the time I had worked through the set of tutorials available on the AngularJS website, I was thrilled to have found this framework. What is AngularJS? AngularJS is the...

200 Shares

11 comments

Mauricio Poppe says:
http://docs.angularjs.org/guide/directive

/ Apr 10, 2013

jQuery Mobile 1.3

jQuery Mobile 1.3 is now available as a stable release. This new version spearheads the jQuery team’s efforts to fully incorporate responsive web design principles into its robust library. Among the new features are several widgets optimized...

288 Shares

4 comments

Boon kiat han says:
i feel there is still a gap left between people leaving the "classic iPhone" UI and the incoming adaptive(not responsive) web UI think of jquerymobile maybe as...

/ Apr 8, 2013

How to create a color picker with HTML5 Canvas

Creating canvas apps is the new thing, we can even create games with it, it’s supported in all major browsers both desktop and mobile, and that makes it a more viable solution than using Flash. In this tutorial we are going to use the canvas element...

442 Shares

9 comments

Lucas says:
Very cool, Sara. Nice work. I would like to implement this on my site as well, however, I've run into a small problem. The getImageData function doesn't seem to work all...

/ Mar 21, 2013

How to use the Fullscreen API

Bundled with HTML5 came a large number of API goodness and one of the best was the Fullscreen API that provides a native way for the browser to do what was only possible in flash for a long time: display the webpage in fullscreen mode for the user....

399 Shares

14 comments

Frivgazo says:
i like your post

/ Mar 13, 2013

How to create a resizing menu bar

Lately some websites, like This is the Brigade and All You, have started featuring a dynamic and animated menu that resizes on scroll down. Minimizing the main navigation to allow more space for the content. In this tutorial, I’ll explain...

636 Shares

12 comments

Allan Stepps says:
Just be more efficient... No need the "large" class (just say it's the default one). And the effect in one line of jQuery: $(document).on("scroll",function(){ ...

/ Mar 12, 2013

Building the StartupGiraffe website

We launched our new StartupGiraffe website a few months ago, and we've been meaning to write a post about how we did a piece of the frontend for anyone interested. Our goal was to create a fun and responsive site that showed off our brand. Once our...

263 Shares

8 comments

Rodrigo says:
Not sure if I'm 100% correct, but javascript isn't calculated in real time on mobile. If you notice well it is working but only when not scrolling. The calc is done...

/ Mar 5, 2013

How to manage the back button with JavaScript

One major issue with JavaScript-based applications is that they break the Back button. If you update content on the page with JavaScript rather than loading a new page from the server, no entry made is in the browser history; so when the user...

212 Shares

5 comments

Vidit Kothari says:
Got it. Thanks :)

/ Mar 4, 2013

Optimize your JavaScript with RequireJS

RequireJS is an effective way to improve the speed and quality of your JavaScript code additionally making it a lot more readable and easier to maintain. In this article I'll introduce you to RequireJS and how you can begin using it. We will go...

414 Shares

3 comments

Daniel Dotsenko says:
`return` keyword is missing in both of the `define` statements' factory functions. As is, the internal functions will never be called.

/ Feb 11, 2013

Prev123Next

	Young, modern, I like them.
	Not sure, I hope they'll grow on me.
	Ugly, looks like a tie-dye T-shirt.