ITP Camp 2017

Near-Perfect Web Design Transfers Using Grids and Sass

Session Leaders: Roy Vanegas


Tags: #css 3 #grids #the modular grid #sass #comp #design


Created By: Roy Vanegas

In the design-comp-to-website translation, in which a designer’s comprehensive design is converted into a working website, the final result is oftentimes far from the original design. Using Sass with grids heightens the chances that the designer’s intention is translated faithfully into a website.

We’ll discuss how to use The Modular Grid, an extension in beta for Chrome, to achieve near-pixel perfect translations of design comps to web pages.

The slides and demo for today’s session are available on GitHub.


Comments

You must be signed in to comment.

Roy Vanegas June 5, 2017, 11:19 am

The slides and demo for today’s session are available on [GitHub](https://github.com/code-warrior/the-modular-grid-presentation).

Roy Vanegas June 5, 2017, 11:20 am

@Roy Vanegas Oops, no Markdown support in comments:

https://github.com/code-warrior/the-modular-grid-presentation