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

Make Your Code Delicious - From the Front, Ital...

Stuart Robson
September 18, 2014

Make Your Code Delicious - From the Front, Italy 2014

With so many frameworks, boilerplates and starting points to choose from in front-end development we are selling ourselves short with instant 'cookie cutter’, ‘one size fits all’ development. I’ll go through my idea of rolling your own starting point but taking the code you like from others adapting as you go and documenting for your future self and team ultimately caring about your code and making it #codelicious.

Stuart Robson

September 18, 2014
Tweet

More Decks by Stuart Robson

Other Decks in Design

Transcript

  1. twitter.com/sturobson #codelicious ๏ Helps you care about your work. ๏

    Makes you aware of what you’re doing. ๏ Gives understanding as to what you’re doing. ๏ Helps others comprehend what you’ve done. flickr.com/photos/ginnerobot/2523448766 twitter.com/sturobson #codelicious
  2. twitter.com/sturobson #codelicious A funny thing that happens… HTML CSS JavaScript

    twitter.com/sturobson #codelicious flickr.com/photos/evablue/5665974688
  3. twitter.com/sturobson #codelicious ! The Lessons of CSS Frameworks Eric Meyer

    An Event Apart, San Fransisco, 2008 flickr.com/photos/foltzwerk/2778957157/ twitter.com/sturobson #codelicious
  4. twitter.com/sturobson #codelicious • A CSS reset. • A layout system

    or predefined grid. • Font sizes, weights, styles, families, colours. • Print styles. • Naming conventions. • An HTML page of various complexity. • jQuery & blank JS files flickr.com/photos/gviciano/3124302755 twitter.com/sturobson #codelicious
  5. twitter.com/sturobson #codelicious “…which one is right for you?” Jeremy Keith

    adactio.com/journal/1498/ flickr.com/photos/hellogeri/6154034099 “…none of the above.” twitter.com/sturobson #codelicious
  6. twitter.com/sturobson #codelicious • Speedy set up time. • The work’s

    already been done. • Maintained by someone else. • Good support on issues.
  7. twitter.com/sturobson #codelicious • Maintained by someone else. • Subjective decisions

    have been made. • It might just shrivel up and die. • Bloat.
  8. twitter.com/sturobson #codelicious “Sometimes you need to … make your own

    framework, not because nothing else out there is good … but because it’s good to learn” Stephen Hay flickr.com/photos/robertnyman/6596212095/ responsivedesign.is/articles/rwd-podcast-episode-17-stephen-hay twitter.com/sturobson #codelicious
  9. twitter.com/sturobson #codelicious flickr.com/photos/rubyran2626/432078863 twitter.com/sturobson #codelicious • A CSS reset &

    some helpers. • A layout system or predefined grid. • Font sizes, weights, styles, families, colours. • Generic print styles. • Naming conventions. • An HTML blank template page. • jQuery & blank JS files
  10. twitter.com/sturobson #codelicious I always say, keep a diary and someday

    it'll keep you. – Mae West flickr.com/photos/nesster/2818819626 twitter.com/sturobson #codelicious
  11. twitter.com/sturobson #codelicious ๏ Helps you care about your work. ๏

    Makes you aware of what you’re doing. ๏ Gives understanding as to what you’re doing. ๏ Helps others comprehend what you’ve done. flickr.com/photos/ginnerobot/2523448766 twitter.com/sturobson #codelicious
  12. twitter.com/sturobson #codelicious ALL OF THIS HAS HAPPENED BEFORE. AND ALL

    OF THIS WILL HAPPEN AGAIN. twitter.com/sturobson #codelicious