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

CSS Dev Conf 2016 Closing Keynote

Trent Walton
October 18, 2016

CSS Dev Conf 2016 Closing Keynote

Trent Walton

October 18, 2016
Tweet

More Decks by Trent Walton

Other Decks in Design

Transcript

  1. •Learn about new web tech •Build something •See web tech

    evolve •Realize your thing is obsolete •Repeat
  2. Innovative SVG Animations Simple. Accessible. Fast. Responsive Web Apps with

    Container Queries Modern Workflow & Tooling Impressive Art with CSS KonMari CSS Perceived Performance Communicating Animation Reactive Animations with CSS Variables Creating Beautiful, Accessible, and User- Friendly Forms The Talks Motion Paths Beyond SVG Automated UI Testing and You Data Visualization with 
 Responsive d3.js Stop Thinking in Pixels Level Up Your GIF Game Advanced Fluid Typography Pattern Libraries Can Change Your Life HTTP/2 FTW How to Fight and Prevent Burnout Sunsetting our Grid Systems and Embracing CSS Grid Module
  3. The Talks Innovative SVG Animations Simple. Accessible. Fast. Responsive Web

    Apps with Container Queries Modern Workflow & Tooling Impressive Art with CSS KonMari CSS Perceived Performance Communicating Animation Reactive Animations with CSS Variables Creating Beautiful, Accessible, and User- Friendly Forms Motion Paths Beyond SVG Automated UI Testing and You Data Visualization with 
 Responsive d3.js Stop Thinking in Pixels Level Up Your GIF Game Advanced Fluid Typography Pattern Libraries Can Change Your Life HTTP/2 FTW How to Fight and Prevent Burnout Sunsetting our Grid Systems and Embracing CSS Grid Module
  4. The Talks Innovative SVG Animations Simple. Accessible. Fast. Responsive Web

    Apps with Container Queries Modern Workflow & Tooling Impressive Art with CSS KonMari CSS Perceived Performance Communicating Animation Reactive Animations with CSS Variables Creating Beautiful, Accessible, and User- Friendly Forms Motion Paths Beyond SVG Automated UI Testing and You Data Visualization with 
 Responsive d3.js Stop Thinking in Pixels Level Up Your GIF Game Advanced Fluid Typography Pattern Libraries Can Change Your Life HTTP/2 FTW How to Fight and Prevent Burnout Sunsetting our Grid Systems and Embracing CSS Grid Module
  5. The Talks Simple. Accessible. Fast. Perceived Performance Advanced Fluid Typography

    Stop Thinking in Pixels Innovative SVG Animations Responsive Web Apps with Container Queries Impressive Art with CSS Data Visualization with 
 Responsive d3.js KonMari CSS Reactive Animations with CSS Variables Sunsetting our Grid Systems and Embracing CSS Grid Module Communicating Animation Motion Paths Beyond SVG Level Up Your GIF Game HTTP/2 FTW Automated UI Testing and You Pattern Libraries Can Change Your Life Modern Workflow & Tooling Creating Beautiful, Accessible, and User- Friendly Forms How to Fight and Prevent Burnout
  6. Philosophical Simple. Accessible. Fast. Perceived Performance Advanced Fluid Typography Stop

    Thinking in Pixels Constructive Automated UI Testing and You Pattern Libraries Can Change Your Life Modern Workflow & Tooling Creating Beautiful, Accessible, and User- Friendly Forms Restorative How to Fight and Prevent Burnout Adventurous Innovative SVG Animations Responsive Web Apps with Container Queries Impressive Art with CSS Data Visualization with 
 Responsive d3.js KonMari CSS Reactive Animations with CSS Variables Sunsetting our Grid Systems and Embracing CSS Grid Module Communicating Animation Motion Paths Beyond SVG Level Up Your GIF Game HTTP/2 FTW
  7. The sites we build should not be cul-de-sacs for the

    inquisitive visitors who have found their way to our work by whatever unique trails they have followed. We should recognize that when we design and publish information on the humblest homepage or the grandest web app, we are creating connections within a much larger machine of knowledge Jeremy Keith As We May Link, The Manual, Issue 3
  8. The web’s greatest strength, I believe, is often seen as

    a limitation, as a defect. It is the nature of the web to be flexible, and it should be our role as designers and developers to embrace this flexibility, and produce pages which, by being flexible, are accessible to all. John Allsopp A Dao of Web Design, A List Apart 2000
  9. It is your mission to get your content out, on

    whichever platform, in whichever format your audience wants to consume it. Your users get to decide how, when, and where they want to read your content. It is your challenge and your responsibility to deliver a good experience to them. Karen McGrane Your Content, Now Mobile, A List Apart 2012
  10. How old is this remote? […] my Time Warner DVR

    has the exact same horrible user interface it had in 2004. The way technology works is that by default, it stands still, and it moves forward only when something pushes it forward. Tim Urban How Tesla Will Change The World, waitbutwhy.com
  11. Write when inspired; rest when tired. If you want to

    be great, or at least to be better, start by breathing, taking breaks, and working intensely when the mood is on. Jeffrey Zeldman Write When Inspired, zeldman.com 2009
  12. 1

  13. 2

  14. 3

  15. Web design is about embracing the grain of the web

    and designing for maximum reach and access.
  16. 4

  17. The quality of my work is limited by my ability

    to effectively communicate with others about it.
  18. • Easy to Monetize • Plenty of Ad Spots •

    Good SEO • Increased Traffic
  19. “Here’s an amazing new thing you can do! Check the

    demo!” “It’s easy—stop being lazy and use all these new things!”
  20. “Cool prototype, but it’s not ready for prime time” “Fail!

    I don’t think you’re contributing any value here.”
  21. “I used to feel guilty taking time off. Now I

    realize it makes me a better collaborator.”