BrowserID: Logging in with BrowserID, Passport and NodeJS

BrowserID is a hot new way of signing in to your favorite web applications without the need of typing in your password for each website. It lets users sign in once through BrowserID and then use different websites that use BrowserID without typing in their details again and again (a quick guide is located here). This NodeJS service, soon to be renamed Mozilla Persona, is super easy to implement with a lightweight authentication module called Passport. For this tutorial, we’ll go through a whirlwind tour of BrowserID and Passport and hopefully, this will show you just how easy it is to use BrowserID in your application. This tutorial is uploaded as a Github Gist and is located here if you want to have a look at the code as a whole.

Continue reading

Posted in Tutorial | 10 Comments

Websockets: Chat App with Socket.io and NodeJS

Amazing World of Chat – Illustration by kdonovan_gaddy

Websockets is amazing technology in the new HTML5 specifications that allows for a new way of communicating between browsers and servers. Through this technology, applications can easily and quickly provide bi-directional communication in realtime. This allows developers to create all sorts of realtime applications (e.g. statistics, chat applications) without the need of relying on huge AJAX calls that continuously poll the server and take up large amounts of resources. With Socket.io, working with Websockets is astoundingly easy and works perfectly with the non-blocking and quick realtime server, NodeJS. Plus, with Socket.io, browser compatibility for Websockets is no longer an issue as it solves the problem by choosing whatever communication protocol available for the browser at hand. So, let’s have a peek at parts of an application that uses Socket.io, a program I am developing called LightChat. Continue reading

Posted in Tutorial | 12 Comments

OAuth: Logging In with EveryAuth and NodeJS

Lock and Key – Photo by Bohman (Flickr) [CC-BY 2.0]

Connecting to social networks is nearly a must have for every new fangled website in the works. And increasingly, many websites are using OAuth authentication of other social networks to log in to their websites, thereby alleviating users of the need to remember a separate username and password for your website. Using Node, it is surprisingly easy to hookup to your favourite social network with the node module, Everyauth.  So, without further ado, let’s demonstrate how to log into a website using Twitter. Continue reading

Posted in Tutorial | 6 Comments

Simple Blog with CoffeeScript, Node.js and CouchDB

The combination of CoffeeScript, Node.js and CouchDB as a language, a server-side environment and database isn’t just amazingly cool and hip. It’s cool and hip for a reason. And that reason is because it is outrageously simple and blazingly fast to write a very cool web application. But as fast and simple as it is, tutorials and documentation are somehow lacking or non-existent and following them just leave beginners frustrated. So here is a comprehensive tutorial on building a simple blog made with CoffeeScript, NodeJS and CouchDB. It’s not really for professionals but great for the curious and hobbyists who want to move from more traditional server-side technologies to Node.
Continue reading

Posted in Tutorial | 24 Comments

Why I’m Writing in CoffeeScript Next

Enjoying the Coffee Experience – Photo by Josh Liba

I have to admit. My foray into Ruby and Python left me a little jealous. Here was two, very beautiful, elegant, succinct and whitespaced languages that shone in comparison with my language of choice, JavaScript. Of course, I could not be converted to Ruby or Python, simply because I enjoy client-side development and JavaScript, with its applications in CommonJS, NodeJS and others, is currently showing great promise as a all-round language, capable of many, many things. But there were so many things that you could like about Ruby and Python that just wasn’t in JavaScript. And then, I stumbled upon CoffeeScript. Continue reading

Posted in Inspiration, Review | Leave a comment

Google Throwing a Dart into the Ring

The Dart Logo - Dartlang.org

Dart, a new structured programming language for the web, has just been announced today by Google. Despite the fact that Google has pretty much failed to introduce a widely-used programming language before, this new foray into web programming languages seems promising. Interestingly, the authors of Dart have been vague about its use and there are possible hints that Dart may be used for cloud-based applications in a standardised mobile platform. Most of the features, like types and the object-orientated structure hasn’t excited me as such, as they aren’t really innovations to programming languages. However, even in this early stage, some really awesome features have floated up and caught my eye. Continue reading

Posted in Inspiration, Review | Leave a comment

Portamento Makes Floating Panels Easy

Floating like a lotus flower

There’s a growing trend towards using what are called floating or sliding panels. What are floating panels? To put most simply, they are panels (most likely <div> tags) that stay in their position while the user is scrolling down. It is particularly useful for bringing into light important things such as information about the site, or bringing the attention of the user towards call to action buttons, like “Download Now” or “Sign Up” kind of buttons. How to? Well, Portamento is a neat jQuery plugin that lets you do just that – and do it simply. Continue reading

Posted in Uncategorized | Leave a comment

Inspiration – CSS Inspiration Galleries


I love good design and one of my past-times is trawling through websites dedicated to being galleries of nicely designed websites. Not only can you absorb the delicious eye-candy, but also a lot to learn from looking at other people’s designs, especially those chosen by the design community as particularly beautiful, innovative or just nicely designed. Keep reading for some of my favourite website or inspiration galleries! Continue reading

Posted in Uncategorized | 2 Comments

5 HTML5 Lifesaving Fallbacks

Mmmmm… HTML5 – Photo by slavic_V

HTML5 and its lovely brother CSS3 are both very fun and easy to use and produces wonderful results. That is, until your client views your beautifully designed and coded site in the dreaded Internet Explorer. Audio and video elements don’t work, things go all over the place and don’t even mention the word semantics because I’m sorry, IE does not understand! Fortunately, there are many lifesaving ways to allow our sites to fallback on previous methods, or to “degrade” gracefully – so you wouldn’t notice there’s a difference. Keep reading to find out 5 ways of falling forward! Continue reading

Posted in Tutorial | Leave a comment

Friday Freebies – 5 Grass Wallpapers

Grass Wallpaper – Wallpaper by Uberfoto

The one thing I like as much as creating wallpapers is finding wallpapers. As a guy who changes wallpapers nearly every week, I find a lot of great looking wallpapers on a day to day basis. There’s no wallpaper more peaceful and more beautiful than a nice grass wallpaper. These are not mine, but a couple from the great community called the internet. Keep reading for download links! Continue reading

Posted in Freebies | Leave a comment