What We Have

Latest Posts

The outline of what we do in this site

Wednesday, March 19, 2014

25 Zackenstil Examples of Logo Design: Letter “Z” Logo

Here’s a collection of letter “Z” logo design featuring various examples of single letter logo ideas that create something wonderful out of letter Z.



































Tuesday, March 18, 2014

Google Nexus Menu Style Tutorial

A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.


Today I want to show you how to reconstruct the sidebar menu of the Google Nexus 7 page. It slides out with a really nice effect where some subitems get expanded as well. When hovering over a special menu icon, the sidebar icons will be revealed. When clicking on the icon, the whole sidebar menu will be shown. The first sidebar menu item is a search input which is styled the same way like the other menu items.

We will reconstruct this menu using unordered, nested lists and some CSS transitions. We’ll use JavaScript to apply classes for the opening effects and handling the hover and click events. With the help of a media query, we’ll adjust the size to make sense for smaller devices.

Read More