A directory of resources inthe field of technical communication.

Design>Web Design>Interaction Design>Graphic Design


About this Site | Advanced Search | Localization | Site Maps

 

1.
#38958

Blueprint: Google Grid Gallery

This Blueprint is a responsive grid gallery based on the gallery by Google for the Chromebook Getting Started guide. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items. For smaller screens we have some example media queries that adjust the grid layout and also the gallery view. In the gallery view, the arrow keys can be used to navigate and the view can be closed using the “Esc” key.

Lou, Mary. Codrops (2014). Design>Web Design>Interaction Design>Graphic Design