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

Bridging the Gap between Design and Development

Roger Dudler
September 07, 2012

Bridging the Gap between Design and Development

Talk about the Collaboration between Designers and Developers at the Frontend Conference Zurich. Including Clarify.

Roger Dudler

September 07, 2012
Tweet

More Decks by Roger Dudler

Other Decks in Technology

Transcript

  1. Bridging the Gap between Design and Development Frontend Conference, 7.

    September 2012 Roger Dudler Senior Software Engineer Namics AG
  2. Family Style / Weight (for Web Fonts) Size (in px/em)

    Color Decoration (Underline, etc.) Line-Height (Factor/%) Heading 1, Lexia, Regular, 50px, 1.5 #FFFFFF Typography
  3. A style guide is a set of standards for the

    writing and design of documents, either for general use or for a specific publication, organization or field. Wikipedia
  4. Types Classic Style Guide Colors Typography Dimensions Principles Web Style

    Guide Controls States Form Elements Icons Viewports Frontend Style Guide Markup CSS JavaScript