Five Informative CSS Blogs All Designers Should Follow

Published February 25, 2015 by saurav.roy.

The days are over when we would depend on designers and developers to help create and update our websites. Now, with CSS available on the market, working on our own websites have become simple and hassle free. CSS is flexible and it is extremely easy to create code. If you have your own website, or are working on creating your own, here are some blogs you can follow to get regular updates of CSS.


1.  CSSWizardry

With this blog, Harry Roberts consults designers on various aspects of websites. This blog will guide you through how to write high quality responsive UIs, how to scale large codebase, or how to rationalize design process.  CSSWizardry also keeps workshops regularly and offers training sessions on company requirements.


2. CSSTricks

On CSSTricks, designer Chris Coyier educates readers on CSS or any modern web technology. You can create your log-in on the website to gain access to videos that will help you create a website from scratch. There are various blogs, videos and snippets to handle all your queries.


3. Life at bleeding edge (Web Standard)

This blog is by a professional front end developer/web designer /computer scientist, Lea Verou. There are various blogs on this website regarding the development of sites and various web standards. Verou can also guide you through experimenting with CSS3.


4. Codrops

Codrops is filled with lists of tricks, tips and tutorials explaining a number of techniques. It is not just CSS based, and is suitable for any web developer.


5. Stubbornella

Stubornella is neat blog covering all aspects of CSS. It will help designers sail through the concepts of website development and answer a lot of basic questions.


Bouncing Balls in the HTML5 Canvas

Published February 3, 2014 by saurav.roy.

Here’s a fun demo I put together using the HTML5 canvas, aided by the excellent sketch.js framework. I’m creating hundreds of semi-transparent balls and bouncing them around on the screen. The demo definitely requires a modern browser (Chrome/Firefox/IE9+).

See the Pen Bouncing Balls in sketch.js by Rob Glazebrook (@rglazebrook) on CodePen.

Sketch.js simplifies getting started building demos like this by providing a bunch of things that would normally have to be built by hand: an animation loop, drawing context, and so on. It also provides a few nice math-y functions, like random(), which you’ll see I’m using all over the place.

I’ll walk through the code briefly to give you an idea of how it works, and how you can edit this one or make your own. You can follow along in the JS tab above. Read On…