Twitter logo in CSS

As you might know the new Twitter logo is just made out of circles which overlap each other. @upperdog_se demonstrates this with simple CSS. Hover over the bird to reveal the circles. Nice work.

Photo

Berlin, May 2012, Fuji X100

Nobody will ask “How to add a recommendation?” again

Marcel Wichmann:

Eventually, we came up with a better solution. Paste the URL of the story you’d like to recommend into the “Add recommendation” form above your timeline, wait a second, select the passage you want to quote, pick a topic, add a comment, done. Easy as pie.

Don’t like bookmarklets? Don’t use Chrome? Then we have something new for your QUOTE.fm use. From now on you are able to add recommendations right from your timeline. Have fun with it!

First teaser trailer of Tarantino’s Django Unchained

I’m really looking forward to Christmas now.

WordPress 3.4 Release Candidate 2

Andrew Nacin:

The second release candidate for WordPress 3.4 is now available. Since RC1, we’ve made a few dozen final changes.

The release of WordPress 3.4 is planned to be early next week. For all the developers Andrew put together some infos on the new things so you can make sure that your plugins and themes work correctly.

Twitter’s new logo

Dustin Curtis:

This is definitely a huge improvement. The new bird feels like it’s flying.

Twitter dumped their lettering logo and replaced it with a redesigned bird. Dustin Curtis has a side by side comparison of the old and the new one. Sure, the latter looks more like it’s flying, but I think the old one looks nicer.
In my opinion the new one looks more heroic whereas the old one looks cuter. However, here is a short description of the new twitter logo by Doug Bowman, Creative Director at Twitter.

How CSS handles errors

Tab Atkins Jr:

We knew that CSS was going to be expanded over time, with new properties, new values, and other new things added to it. „New“ things look exactly like „invalid“ things to an old browser, so if you want the language to gracefully handle new stuff, you have to give it smart error-handling.

You should know that.

Cross-Browser Debugging CSS

Nicole Sullivan:

Even with IE, you want to try to figure out why it is interpreting something differently rather than just hack around it. Adding * and _ hacks to your code willy-nilly is like finding out a function is returning the wrong value (say four less than it should be) and just adding the difference to it rather than figuring out where the math went wrong in the first place.
return result+4;

This is a must-read article for every Front-End Web Developer. So much great advice in it.

Tweetbot’s Icon in Pure CSS

Andrea Ferrato:

This is the icon of the popular Twitter client for iOS: Tweetbot made only with CSS.

I made extensive use of the property broder-radius and box-shadow. For the background of the elements I used a lot of gradients and opacity with rgba

Wow, amazing CSS work. You can also get a full screen view for better experience here.

Windows 8 Release Preview

I have to admit that I would like to test it. Especially on a tablet.