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 | Leave a comment

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, Node.js 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 | 3 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 | Leave a comment

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

Trends – Tablets

The HTC Flyer – Photo by HTC

Every hardware company seems to be designing their own tablets these days. With Google’s Android Operating System, the dream of the “post-PC” world is getting ever closer with the widely available tablet operating system. Designers are now clamouring to design and manufacture their own android tablets. In many ways, it is a testament to Apple’s wildly successful iPad tablet which still remains the world’s most popular tablet device and the template for the design of many tablets. However, have the competitors been able to distinguish themselves with their own tablet designs? Continue reading

Posted in Inspiration | Leave a comment

The Light Lightbox

Some call them lightboxes and some call them thickboxes but the consensus is that lightboxes are hot property right now in website design. And with so many uses of these lightboxes, why wouldn’t they be? There are hundreds and hundreds of scripts on the web that will help you create snazzy lightboxes but why can’t we have a simple, no-bloat lightbox? Keep reading for a quick how-to! Continue reading

Posted in Process, Tutorial | Leave a comment