I recently published a tutorial on making a website from scratch, using JS, CSS, and HTML. A lot of critique of that post was based on the fact that the design wasn’t backward compatible, and nor was responsive. So today, I’m going to tell you how you can do all that.

This is the first of a new series, Javascript Challenges, where I try and complete set challenges in the shortest time possible.

JavaScript (commonly abbreviated to JS), the scripting language of the web. This post will be unlike others, this post has my story, my journey, of how I learnt (and am learning) the beautiful language.

If you design websites, you surely would be making textures for them in Photoshop. The most tiring thing is to change the background color each time you wish to use it somewhere else. The solution to this annoyance is simple – make transparent, seamless backgrounds.

Fonts, fonts, fonts. It seems you can never have plenty.

Slab fonts are usually thick, bold fonts, with emphasized serifs (those little flair thingys at the end of letters).

Transition allows gradual change from one state to another state. It is used with the :hover state, which gives beautiful links, buttons, and headings. This article will list a few, creative uses of transitions, which could be used to make buttons, body text, or headings look better.