Archive for June, 2016


Posted on: June 26th, 2016 by Peter Balazs No Comments

If you are into coding, I’m pretty sure you’ve been on GitHub, or even Cloud9. If you sign up and your profile is not yet filled, instead of getting a blank, generic profile picture, you’ll get one that’s randomly generated. I think it’s really cool.

I thought it would be fun to have a crack at it and try to create such avatars.
Here is the demo:

The way this works is first a random color is generated. After that 25 divs with either white or the random color background is created (also randomly). The divs are then placed next to each other. And that’s about it.

Keep in mind that the whole thing is random, so the pattern you get is not always that cool. No doubt there is room for improvement, (for example doing the whole thing in html canvas – which I might do at a later date) this is just a quick and fun experiment 🙂


Posted on: June 18th, 2016 by Peter Balazs No Comments

Hello dear Reader, welcome to the Lab…

You may wondering what this is about. The Lab is a blog about web design and coding (mainly HTML, CSS and JavaScript). I have a bunch of ideas that I can’t use in my work at the moment, but find interesting and would like to experiment with them. I thought I might as well write about these ideas in this blog, someone else might also benefit from the information – be it good or bad.

The Lab will feature small to medium size web experiments: the ideas and working prototypes.

I hope you’ll find the posts interesting, and check back regularly.


lamb of designs