‘Responsive Design’ Videos

  • Anthony Laurence: The Next Step in Responsive Design – RESS

    Anthony Laurence: The Next Step in Responsive Design – RESS

    WordCamp Scranton 2015Speaker: Anthony Laurence

    August 5, 2015 — We all know about Responsive Design. But most mainstream techniques rely on the browser to call the shots and determine what and how the content gets displayed, typically using media queries. This reliance can be taxing to poor, overworked devices. Doesn’t it make more sense to let the server, with it’s beefier processors, compile the page and send the content to the device so that the page is lighting fast regardless of the device? This is where RESS(Server Side Responsive) steps in. Learn how this is different from what you thought of as responsive design as well as techniques that you can use right away to significantly reduce your render time.

    Presentation Slides »

  • Tammie Lister: Mighty Morphing Design

    Tammie Lister: Mighty Morphing Design

    WordCamp Europe 2015Speaker: Tammie Lister

    July 10, 2015 — Beyond the land of responsive design lies the world of adaptive experiences. Where not only does your site work well on different screen sizes, it adapts to them. Mighty morphing design works on any device, in any place. Yet it goes beyond that, these are designs that optimise, reduce and change depending on the device you are using. It’s beyond just popping a sidebar below the content and calling it responsive. Mighty morphing design is the way we should and need to be designing. In this talk I’ll show you what it is and show you how you can become a mighty morphing designer.

  • Morten Rand-Hendriksen: Designing for Informational User Experiences – A Responsive Web Design Workflow

    Morten Rand-Hendriksen: Designing for Informational User Experiences – A Responsive Web Design Workflow

    WordCamp Miami 2015Speaker: Morten Rand-Hendriksen

    June 25, 2015 — This talk introduces the audience to the Informational User Experience design process. Through examples from the web, practical demonstrations, and tips and tricks gleaned from 15 years in the industry, Morten gives the audience a foundation of knowledge that will help them see beyond frameworks, grids, and media queries to what really matters: Communicating ideas through the web.

    Presentation Slides »

  • Bruce Lawson:  (Picture) and Friends – HTML Responsive Images

    Bruce Lawson: (Picture) and Friends – HTML Responsive Images

    WordCamp London 2015Speaker: Bruce Lawson

    May 30, 2015 — Amaze your friends, confound your enemies! Oh, and save bandwidth and speed up your site by sending the correctly-sized images for the device with HTML’s new responsive images capabilities.

    Presentation Slides »

  • Jenny Munn: SEO for 2015 - What’s In, What’s Out and How to Be In It to Win It (For Good)

    Jenny Munn: SEO for 2015 – What’s In, What’s Out and How to Be In It to Win It (For Good)

    WordCamp Atlanta 2015Speaker: Jenny Munn

    April 17, 2015 — Sure you can piecemeal SEO tactics together, but do you really know what it takes to win the SEO game in 2015 and beyond? In this workshop we’ll discuss the latest and greatest with organic search engine optimization, as well as how to roll up your sleeves and understand the strategy that goes beyond just “have a fast website,” “be mobile responsive” and “work your keywords into the copy.”

    Presentation Slides »

  • Kori Ashton: SEO 2015 – What’s In and What’s Out

    Kori Ashton: SEO 2015 – What’s In and What’s Out

    WordCamp San Antonio 2015Speaker: Kori Ashton

    April 17, 2015 — Start off the New Year with the best game plan for your search engine optimization. Learn what is new for 2015 and what old habits you need to kick to the curb. Walk through some great tips with Kori Ashton.

  • Alexandre Sadowski : Intégrer la problématique du responsive image dans WordPress

    Alexandre Sadowski : Intégrer la problématique du responsive image dans WordPress

    WordCamp Paris 2015Speaker: Alexandre Sadowski

    April 15, 2015 — Avec l’arrivée du rétina et des multiples résolutions d’écrans, la mise en place du responsive image dans WordPress n’est pas si simple. Aujourd’hui le W3C n’a pas encore acte sur une structure à appliquer sur nos intégrations HTML, cependant il existe des solutions fonctionnant sur l’ensemble des navigateurs du marché au travers de scripts JS. L’objectif de cet atelier est de vous présenter un plugin WordPress qui implémente les attributs srcset dans les balises images couplé à librairie JavaScript Picturefill. Ce plugin est destiné aux intégrateurs et aux développeurs pour simplifier la mise en place du responsive image dans les thèmes WordPress.

    Presentation Slides »

  • Andre Jay Meissner: The Future Of Digital Layout - Cutting-Edge CSS Features

    Andre Jay Meissner: The Future Of Digital Layout – Cutting-Edge CSS Features

    WordCamp Berlin 2013Speaker: Andre Jay Meissner

    February 25, 2015 — Gestaltung der Bahn kann sehr mühsam sein. Dinge sind in der Regel aus dem Ruder laufen, wenn visuellen Techniken gemeinsam klassischen Medien angewendet werden sollen. Jetzt neue CSS-Funktionen ermöglichen es uns, das Web als erstklassiger Entwurfsoberfläche zu behandeln: wickeln und Clip Text um eigene Formen, vermischen sich Hintergrundbilder und gewinnen viel bessere Kontrolle über das Layout für Ihre Responsive Design in verschiedenen Ansichtsfenstern. Während dieser Sitzung werden Sie lernen, wie ich anfangen soll mit Hilfe von CSS Shapes, CSS Regionen sowie Hintergrund Mischmodi.

    Presentation Slides »

  • Chris Coyier: SVG is for Everybody

    Chris Coyier: SVG is for Everybody

    WordCamp Milwaukee 2014Speaker: Chris Coyier

    February 3, 2015 — In this presentation learn how SVG helps make otherwise awkward shapes easy to make, and how to use it to make icons that are more accessible than with any other web-based icon creation technique. You’ll learn how SVG can make customized complex graphics on the fly, create compelling animations and other interactions, and empower some pretty great designerly effects. And end discovering a cornucopia of SVG source materials that are easy to find and even easier to work with.

  • Joe Casabona: Responsive Design with WordPress

    Joe Casabona: Responsive Design with WordPress

    WordCamp Charleston 2014Speaker: Joe Casabona

    December 13, 2014 — This presentation goes over some of the core content from my book, Responsive Design with WordPress, which teaches you how to leverage WordPress to get the most out of responsive design, implement best practices, automate important processes, and make your life easier overall.

    Presentation Slides »


Get every new post delivered to your Inbox.

Join 19,225 other followers