‘art direction’ Videos

  • Mel Choyce: Art direction with Gutenberg

    WordCamp Europe 2020Speaker: Mel Choyce

    June 19, 2020 — The New York Times release of Snowfall in 2012 took the web industry by storm. Media-rich and captivating, its design evoked wonder, fear, and desperation in the face of an avalanche. Snowfall was one of the first great art-directed digital experiences in this era of the modern web.
    Art direction isn’t a new concept, though. Look at any magazine or print publication—designers have long been creating evocative media experiences. Recent web technologies have made the dream of unconstrained art-directed experiences on the web possible. In this talk, Mel will explore how we can use the new WordPress editor, Gutenberg, to create gorgeous art-directed websites.

  • Marko Dugonjić: Art Directed Web Typography

    WordCamp Europe 2016Speaker: Marko Dugonjic

    June 30, 2016 — Having the ability to set legible body copy is an absolute must, and we’ve come a long way with web typography since the dawn of web design. However, it sometimes feels like we have allowed the lack of variety prior to the rise of web fonts to dampen our creativity now that thousands of web fonts are at our disposal. Have usability conventions and the web’s universality steered us away from proper art direction? Have we forgotten about art direction altogether? Let’s look at ways we can push typographic design on the web further, beyond the status quo of today.

    Presentation Slides »

  • Piero Bellomo: Responsive Images – Beyond max-width: 100%

    WordCamp Torino 2016Speaker: Piero Bellomo

    April 5, 2016 — Through a series of increasingly complex requests from an imaginary, albeit very demanding client, we will review the most effective methods of rendering truly responsive images, and learn how to embed them — right from the start — in your WordPress workflow. You will walk away safe in the knowledge you own all the right tools to achieve bulletproof responsive art-directed seo-friendly lazy-loading images. (phew!)

    Presentation Slides »