Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Rapid Prototyping with Sass & Middleman

Rapid Prototyping with Sass & Middleman

Discover the benefits of rapid prototyping with Sass & Compass along with the static site generator, Middleman. Rapid prototyping is an easy way to streamline your development process and bridge the gap between UX & visual designers while meeting in the middle with the view layer. The session will cover:

• how to bend the view layer to your will
• creating a modular front-end framework
• working with pre-processors

Bermon Painter

March 20, 2015
Tweet

More Decks by Bermon Painter

Other Decks in Design

Transcript

  1. 1. A TYPICAL PROCESS 2. KILLING IT WITH FIRE 3.

    FROM THE ASHES 4. RAPID PROTOTYPES 5. EXAMPLE
  2. TYPICAL PROCESS DISCOVER DESIGN DEVELOP DEPLOY • STAKEHOLDER INTERVIEWS •

    BUSINESS GOALS • RISK ANALYSIS • COMPETITIVE ANALYSIS • PROJECT BRIEF • CONTENT • STATEMENT OF WORK • FUNCTIONAL SPECS
  3. TYPICAL PROCESS • CLIENTS • STAKEHOLDERS • WIREFRAMES • PHOTOSHOP

    COMPS • HTML • CSS • JAVASCRIPT • BACKEND DISCOVER DESIGN DEVELOP DEPLOY • STAKEHOLDER INTERVIEWS • BUSINESS GOALS • RISK ANALYSIS • COMPETITIVE ANALYSIS • PROJECT BRIEF • CONTENT • STATEMENT OF WORK • FUNCTIONAL SPECS OR NOT BECAUSE LEGAL DIDN’T DO THEIR DO DILIGENCE AND THE PRODUCT YOU WERE BUILDING WAS PATENTED BY ANOTHER COMPANY SO YOU JUST WASTED MILLIONS OF DOLLARS AND A YEAR AND A HALF OF MANPOWER ON A PRODUCT THAT CAN’T BE LAUNCHED AND YOU CAN’T SHOW ANY OF YOUR WORK BECAUSE THE LAWYERS WON’T LET YOU.