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

Trent Walton: Break Everything

New Adventures
January 26, 2012

Trent Walton: Break Everything

New Adventures, 19th January 2012

New Adventures

January 26, 2012
Tweet

More Decks by New Adventures

Other Decks in Design

Transcript

  1. <div class="itried">I tried to...</div> <div class="css">CSS Three</div> <span class="line-left"></span> <div

    class="itworked">&amp; it worked</div> <span class="line-right"></span> <div class="hoo">hooray!</div> For shame.
  2. Gets you this. <h1 id="txt_onward"> <span class="char1">O</span> <span class="char2">n</span> <span

    class="char3">w</span> <span class="char4">a</span> <span class="char5">r</span> <span class="char6">d</span> <span class="char7"></span> <span class="char8">&amp;</span> <span class="char9"></span> <span class="char10">U</span> <span class="char11">p</span> </h1>
  3. This isn’t ideal. <h1 id="txt_onward"> <span class="char1">O</span> <span class="char2">n</span> <span

    class="char3">w</span> <span class="char4">a</span> <span class="char5">r</span> <span class="char6">d</span> <span class="char7"></span> <span class="char8">&amp;</span> <span class="char9"></span> <span class="char10">U</span> <span class="char11">p</span> </h1>
  4. But imagine this h1::nth-letter(4); or h1::nth-char(4); targeting the 4th letter

    within an <h1> tag h1::nth-word(3); targeting the 3rd word within an <h1> tag
  5. Use flexible grids, fluid images, and media queries to build

    not a page, but a network of content that can be rearranged at any screen size to best convey a message.
  6. “It’s fun to talk about design and to work on

    my career, but that’s not going to last… the relationships in my life are where I really want to make the biggest impact.” Phil Coffman November 2011—The Great Discontent