This is the beginning of a new article series. The first series ever. And it's all about random shit I'm involved in.
The rise of Browserhacks
But you should read Hugo's comprehensive article for a proper introduction.
It's all open source and you can fork it on GitHub.
We are very proud of this project and it's awesome that so many people like it.
There are even people following @Browserhacks on twitter.
And here it is: Hack what ever you want!
Browserhack has 3323 visitors today.
1/2 clock animation
It was a boring day and I had nothing to do. So I searched for unanswered questions on Stackoverflow. Yeah, even more boring. But I found this one:
A simple clockwise animation? This should be possible in CSS.
I tried and tried and tried... I hated everything and tried again. My solution? A 1/2 clock animation D: Can someone please help me?
Convert a random string to css color
Some time ago I found this interesting question on Stackoverflow:
Why do weird things in font color attribute produce real colors?
What does this mean?
Put a random string into a CSS color and the browser generates a color out of that.
So how does this work?
The author of the question provided a 5-step algorithm to convert a string into a hex color.
You don't have to understand it, because I transformed these 5-steps into this:
Fork me on GitHub.
Inspiration is everywhere
Oh, what's this? A tweet by Francesco Trillini:
@TimPietrusky Just found it http://www.nimbletank.com 'n I want to share it with you. Try it on Chrome mobile. What else to say?!?!!!
That inspired me to create a creepy eye, which is build with a big box-shadow and a mousemove/touchmove event.
Pro tip: Move the eye around!
Combine animation + box-shadow + filter + transform and you get a loading animation :D
Diary. I hate it.
I love Grumpy Cat, the grumpiest cat on the interwebs. That's why I have created a meme generator. Oh yes, that's true.
You can edit the meme (choose title, picture or font), save it and copy the URL of your browser bar to share the link with everyone.
Like every project this one is open source and you can fork it on GitHub.
33,254 unique people visited Browserhacks from March 1st until now.
Last & least
A friend gave me a screenshot and wrote: Can you please create the HTML/CSS for this? And yes, you can create your own style :D
Awesome! I had a lot of fun building this intranet administration interface for him.
It's full responsive and stuff :D