This is the beginning of a new article series. The first series ever. And it's all about random shit I'm involved in.
February 25, 2013
The rise of Browserhacks
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!
March 01, 2013
Browserhack has 3323 visitors today.
March 02, 2013
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?
March 10, 2013
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.
- Change each non-hex character to a 0.
- Add 0's to the string until its length is a multiple of 3.
- Divide string into 3 equal parts.
- While the length of the sub-strings is greater than 2, and all three of the sub-strings begin with a 0, remove the leading 0s from each string.
- If the length of the sub-strings is still greater than 2, then truncate each substring to 2 characters.
You don't have to understand it, because I transformed these 5-steps into this:
Fork me on GitHub.
March 13, 2013
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!
March 18, 2013
Combine animation + box-shadow + filter + transform and you get a loading animation :D
March 24, 2013
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.
March 26, 2013
33,254 unique people visited Browserhacks from March 1st until now.
March 27, 2013
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