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

How To Stay Up To Date on Web Stuff

How To Stay Up To Date on Web Stuff

Chris Coyier

October 22, 2013
Tweet

More Decks by Chris Coyier

Other Decks in Programming

Transcript

  1. HOW TO STAY
    UP TO DATE
    on web stuff

    View full-size slide

  2. v
    CHRIS COYIER
    DIGBY &

    View full-size slide

  3. How do you stay
    up to date on the
    latest web
    technology?

    View full-size slide

  4. UMMMMMMM
    #SHUFFLEFEET
    #VAGUEANSWER
    #MAKEFORTHEDOOR

    View full-size slide

  5. I should think about that
    and come up with a
    decent answer.

    View full-size slide

  6. AlwaysReadTheManual.com
    Three beautiful, illustrated hardbound books a year,
    each holding six articles and six personal lessons that
    use the maturing of the discipline of web design as a
    starting point for deeper explorations of our work and
    who we are as designers.

    View full-size slide

  7. Tounge-Tied
    T R E N T W A L T O N

    View full-size slide

  8. “And what is it that you do?”
    “I’m a web designer.”
    “Oh. That’s nice.”

    View full-size slide

  9. DAMN IT.
    That didn’t go the way I
    wanted it to.
    Again.

    View full-size slide

  10. Once more, I’ve proven to
    be a poor representative
    of the industry I’m so
    proud to belong to.

    View full-size slide

  11. How do you stay
    up to date on the
    latest web
    technology?

    View full-size slide

  12. ONE QUESTION
    MANY
    SUBTEXTS

    View full-size slide

  13. “Gimme Something Easy”
    S U B T E X T N U M B E R O N E

    View full-size slide

  14. It’s not
    that easy.

    View full-size slide

  15. There are these
    newsletters...

    View full-size slide

  16. Web Design Weekly
    web-design-weekly.com

    View full-size slide

  17. CSS Weekly
    css-weekly.com

    View full-size slide

  18. Sidebar
    sidebar.io

    View full-size slide

  19. JavaScript Weekly
    javascriptweekly.com

    View full-size slide

  20. Web Tools Weekly
    webtoolsweekly.com

    View full-size slide

  21. RWD Weekly
    responsivedesignweekly.com

    View full-size slide

  22. Web Platform Daily
    webplatformdaily.com

    View full-size slide

  23. MAYBE IT
    IS THAT EASY.

    View full-size slide

  24. “I’m worried about
    making bad decisions”
    S U B T E X T N U M B E R T W O

    View full-size slide

  25. I’m about to start a new project.
    I want to make smart decisions
    on what tech to use.

    View full-size slide

  26. Workflow
    Preprocessors
    Libraries
    Languages
    Frameworks
    Tools / Software

    View full-size slide

  27. HAHA
    BUSINESS

    View full-size slide

  28. Is the tech right for
    the project?
    Is it just short-term cool
    or long-term right?
    What is the fail cost?

    View full-size slide

  29. Will the team be into it?
    Can I hire people that
    know it?
    How big is the
    community around it?

    View full-size slide

  30. Watch/talk to the “big” players
    Look at enormous GitHub repos
    Be aware of tech you hear about over and over
    Look at community sizes
    Research investment costs (mostly: time)
    Employ good decision making

    View full-size slide

  31. “I’m getting old.”
    S U B T E X T N U M B E R T H R E E

    View full-size slide

  32. It might not be that you’re getting old.
    It might be that you’re getting bored.

    View full-size slide

  33. Find a way to get
    excited again.
    Or get out.
    #noshame

    View full-size slide

  34. Decisions,
    decisions.

    View full-size slide

  35. HOW TO MAKE
    A DECISION
    And now for a subtalk...

    View full-size slide

  36. with
    CHRIS COYIER

    View full-size slide

  37. Get a good
    night’s sleep.
    1
    Or ten. The bigger the decision the
    most rested you should be.

    View full-size slide

  38. 2
    Gather and clearly lay out all
    the options.
    Often boolean: yes/no, use/don’t use, do/don’t do

    View full-size slide

  39. 3
    Consider outcome of
    each of those choices.
    As scientifically as you can, but use
    your intuition.

    View full-size slide

  40. 4
    Pick the best one
    and do it.
    Don’t be a wimp.

    View full-size slide

  41. 5
    See how it goes.
    drink(5); goto(1);

    View full-size slide

  42. THE MOST
    IMPORTANT DECISIONS
    TRANSCEND TECH

    View full-size slide

  43. Who do you choose to work with?
    What is my attitude?
    What culture am I trying to cultivate?

    View full-size slide

  44. Am I letting UX drive choices?
    Am I building something people love?
    Am I writing things people want to read?

    View full-size slide

  45. DECISION MAKING
    IN ACTION

    View full-size slide

  46. How should I go about
    hosting private video?

    View full-size slide

  47. uchgyk.
    go to bed, self.

    View full-size slide

  48. Get a good
    night’s sleep.
    1

    View full-size slide

  49. 2
    Gather and clearly lay out all
    the options.

    View full-size slide

  50. 3
    Consider outcome of
    each of those choices.

    View full-size slide

  51. 4
    Pick the best one
    and do it.

    View full-size slide

  52. 5
    See how it goes.

    View full-size slide

  53. Should I start using icon fonts?
    Is single-color OK?
    Is performance better or worse?
    Will it speed up or slow down development?
    Can we deal with all accessibility concerns?
    Can I find ones that work for me?
    I can build my own? Do I have time for that?
    Do they look better to my audience?

    View full-size slide

  54. Should I use HTML5 form features?
    What is the browser support?
    Quirks to watch out for?
    What features do I need?
    What control do I have?
    What kind of fallback is
    acceptable?

    View full-size slide

  55. Should we use Sass?
    What is the cost to switch?
    Can we get the whole team on board?
    What is the learning curve?
    What are other people saying/doing?
    What other benefits/effects does it have?

    View full-size slide

  56. What browsers should I support?
    Look at YOUR data.
    What are trending indicating?
    What is the cost of support?
    What do you gain from that support?
    Do the math.

    View full-size slide

  57. FILING AWAY
    NEW THINGS

    View full-size slide

  58. IcedCoffeeScript?
    WTF is IcedCoffeScript?

    View full-size slide

  59. IcedCoffeeScript is a superset of CoffeeScript... it will
    interpret almost all existing CoffeeScript programs.
    IcedCoffeeScript (ICS) adds two new
    keywords: await and defer.
    parallelSearch = (keywords, cb) ->
    out = []
    await
    for k,i in keywords
    search k, defer out[i]
    cb out

    View full-size slide

  60. How do you stay up
    to date on the latest
    web technology?

    View full-size slide

  61. What if you
    just stopped?
    Would it make that big of
    a difference?

    View full-size slide

  62. Stay as up to date
    as you need to.

    View full-size slide

  63. Not out of
    compulsion.

    View full-size slide

  64. I BET
    If you stopped reading any dev tech news
    for a year, you could catch up in a week.
    Binge on some blogs.
    Go to a conference or two.

    View full-size slide

  65. THE
    BOSS
    SLIDES

    View full-size slide

  66. A
    VERY SMALL
    SMATTERING OF
    VERY SMART
    AND INTERESTING BLOGS, PODCASTS, & PEOPLE
    YOU SHOULD FOLLOW.

    View full-size slide

  67. Smashing Magazine
    smashingmagazine.com
    Cognition
    cognition.happycog.com
    NetTuts+
    net.tutsplus.com
    24 Ways
    24ways.org
    Codrops
    tympanus.com/codrops
    HTML5 Doctor
    html5doctor.com
    HTML5 Rocks
    html5rocks.com
    A List Apart
    alistapart.com

    View full-size slide

  68. ShopTalk
    shoptalkshow.com
    The Web Ahead
    5by5.tv/webahead
    Non Breaking Space
    nonbreakingspace.tv
    The Big Web Show
    muleradio.net/thebigwebshow/
    Build Podcast
    build-podcast.com
    Rails Casts
    railscasts.com
    JavaScript Jabber
    javascriptjabber.com
    This Developer’s Life
    thisdeveloperslife.com
    The East Wing
    theeastwing.net
    BizCraft
    unmatchedstyle.com/bizcraft

    View full-size slide

  69. Paul Irish
    @paul_irish / paulirish.com
    Estelle Weyl
    @estellevw / estelle.github.com
    Martin Wolf
    @_martinwolf / theamazingweb.net
    Ryan Seddon
    @ryanseddon / thecssninja.com
    Zoe Gillenwater
    @zomigi / zomigi.com
    Jeremy Keith
    @adactio / adactio.com
    Nicole Sullivan
    @stubbornella / stubbornella.org
    Rebecca Murphey
    @rmurphey / rmurphey.com/
    Tab Atkins
    @tabatkins / xanthir.com
    Christian Heilman
    @codepo8 / christianheilmann.com
    Divya Manian
    @divya / nimbupani.com
    Val Head
    @vlh / valhead.com

    View full-size slide

  70. Elijah Manor
    @elijahmanor / elijahmanor.com
    Mike Taylor
    @miketaylr / miketaylr.com
    Ethan Marcotte
    @rwd / @beep / ethanmarcotte.com/
    Jeff Starr
    @perishable / perishablepress.com
    Lea Verou
    @leaverou / lea.verou.me
    Scott Jehl
    @scottjehl / scottjehl
    Hakim El Hattab
    @hakimel / hakim.se
    Rachel Nabors
    @rachelnabors / rachelnabors.com
    Rachel Andrew
    @rachelandrew / rachelandrew.co.uk
    Raquel Velez
    @rockbot / raquelvelez.com
    Jina Bolton
    @jina / jina.me
    Pamela Fox
    @pamelafox / pamelafox.org

    View full-size slide

  71. Peter-Paul Koch
    @ppk / quirksmode.org
    John Resig
    @jeresig / ejohn.org
    Jonathan Snook
    @snook / snook.ca
    Jake Archibald
    @jaffathecake / jakearchibald.com
    Ana Tudor
    @thebabydino / about.me/thebabydino
    Stephanie Rewis
    @stefsull / w3conversions.org
    Jennifer Robbins
    @jenville / jenville.com
    Sara Soueidan
    @sarasoueidan / sarasoueidan.com
    Laura Kalbag
    @laurakalbag / laurakalbag.com
    Veerle Pieters
    @vpieters / veerle.duoh.com
    Harry Roberts
    @csswizardry / csswizardry.com
    Dave Rupert
    @davatron5000 / daverupert.com

    View full-size slide

  72. James Padolsey
    @padolsey / james.padolsey.com
    Tim Holman
    @twholman / tholman.com
    Mathias Bynens
    @mathias / mathiasbynens.be
    Ben Alman
    @cowboy / benalman.com
    David Walsh
    @davidwalshblog / davidwalsh.name
    Mat Marquis
    @wilto / matmarquis.com
    Simon
    @simurai / simurai.com
    Nicolas Zakas
    @slicknet / nczonline.net
    Pam Selle
    @pamasaur / thewebivore.com
    Jenn Lukas
    @jennlukas / jennlukas.com
    Kimberly Blessing
    @obiwankimberly / kimberlyblessing.com
    Lara Swanson
    @laraswanson / laraswanson.com

    View full-size slide

  73. WHAT ABOUT THAT
    QUESTION

    View full-size slide

  74. How do you stay
    up to date on the
    latest web
    technology?

    View full-size slide

  75. “And what is it that you do?”
    “I work at a small web design
    shop and we’re building a
    website that sells car parts
    for old cars. ”

    View full-size slide

  76. If you’re looking for a
    few quick wins, there are
    some great newsletters
    you can subscribe to.

    View full-size slide

  77. But why do you ask?

    View full-size slide

  78. THANK YOU
    @chriscoyier
    chriscoyier.net

    View full-size slide