Latest Posts
The outline of what we do in this site
Wednesday, March 19, 2014
Tuesday, March 18, 2014
By:
Unknown
- 9:47 PM
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
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
Monday, March 17, 2014
By:
Unknown
- 7:55 PM
Super Cool Cosmic Photos from Outer Space
Links
More info about NASA: http://www.nasa.govFollow them on Flickr: http://www.flickr.com/photos/gsfc
Via Flickr
Subscribe to:
Posts (Atom)