vazquez

https://www.dropbox.com/s/5t5ncorkfy8cz5q/11-Comp-Wireframe.sketch?dl=0

https://www.dropbox.com/s/jfawc1zqrtu4r40/11-Style-Guide.sketch?dl=0

vazquez

Class 2 - Design Principles

• http://patterns.ideo.com/images/uploads/pdf/PATTERNS_creating_vol2.pdf
• https://www.dropbox.com/sh/om61pzwwk6wbave/AABU2bAxsf4cuJm91-XeT7eKa?dl=0

vazquez

Getting Started with Sketch

• Class 1 Files: https://www.dropbox.com/sh/r41vdew0eopumtn/AAD3zUICz3DTY6TtMmrXzglga?dl=0

Links

• Install Sketch - https://www.sketchapp.com/
• Sketch Toolbox - http://sketchtoolbox.com/
• Install Lato Font - https://www.google.com/fonts#UsePlace:use/Collection:Lato
• Download Ionicons - http://ionicons.com/

vazquez

var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync');
var imagemin = require('gulp-imagemin');
var runSequence = require('run-sequence');
var del = require('del');
var cache = require('gulp-cache');

// The most basic gulp task
gulp.task('hello', function(){

vazquez

git push user test handshake:master

To tag in login-angular:

sudo npm install -g mversion
mversion patch -m
git push origin master
git push upstream master —tags

THEN, head on to webmaker.org

vazquez

<section class="hero-unit">
  <article>My name is Ricardo Vazquez.</article>
  <article>I'm a Product Designer in Toronto.</article>
  <article>My latest project is: <a href="#">Dear Jen.</a></article>
  <article>My latest thoughts are: <a href="http://vazquez.svbtle.com/my-2013">My 2013</a>.</article>
</section>



html

vazquez

<!-- Goggles -->

<div class="tool-desc">
  <div class="icon">
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <svg width="276px" height="210px" viewBox="0 0 276 210" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
      <title>Goggles</title>
      <desc>XRay Goggles.</desc>
      <defs></defs>
      <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">

vazquez

### Questions

1. Building a design team involves curating deliverables, the aesthetic, as well as documenting a design methodology. How challenging has it been for you to manage both? When building a team, do you give preference to one over the other? (Mike Contanzo)

2. When a design team is young, a designer must often execute different roles. One of them is project management. In your experience, how have you balanced design time vs. product management time?

3. Building a balanced design team is crucial for its success. When building a design team, what traits do you look out for in candidates?

4. You've hired a couple of outstanding designers to join your team. What type of mentorship do you provide to your team? How do you keep them engaged?

vazquez

“Rename *.docx to *.zip and unzip it to get all images from the doc in a folder!”

vazquez

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,