‘Responsive Design’ Videos

  • Michelle Schulp : Pixel Imperfect: A Practical Approach To Responsive Design

    Michelle Schulp : Pixel Imperfect: A Practical Approach To Responsive Design

    WordCamp Seattle 2017Speaker: Michelle Schulp

    November 28, 2017 — With seemingly endless new ways to browse the web, we know that responsive design is here to stay. But how do we adapt the traditional design process to flexible screen sizes, device-based restrictions, and multiple use-cases without feeling like we’re giving up all control to the great unknown? We’ll learn how to use our Problem Solving Superpowers to move away from creating endless mockups, and into crafting Design Systems. You’ll learn actionable methods to transform how you design for the web, and workable ways to present these designs to your team or your client.

    Presentation Slides »

  • Ana Cirujano: Tipografía responsive: maqueta textos para todos los dispositivos

    Ana Cirujano: Tipografía responsive: maqueta textos para todos los dispositivos

    WordCamp Santander 2017Speaker: Ana Cirujano

    November 22, 2017 — Aprenderemos cómo componer los textos de una web para que sean más legibles y cómo maquetar para que se adapten a todos los tamaños de pantalla, de una manera muy gráfica: a través de ejemplos de malas prácticas y cómo podríamos mejorarlos.

    Presentation Slides »

  • Michelle Schulp: Pixel Imperfect: A Practical Approach To Responsive Design

    Michelle Schulp: Pixel Imperfect: A Practical Approach To Responsive Design

    WordCamp D.C. 2017Speaker: Michelle Schulp

    November 15, 2017 — With seemingly endless new ways to browse the web, we know that responsive design is here to stay. But how do we adapt the traditional design process to flexible screen sizes, device-based restrictions, and multiple use-cases without feeling like we’re giving up all control to the great unknown? We’ll learn how to use our Problem Solving Superpowers to move away from creating endless mockups, and into crafting Design Systems. You’ll learn actionable methods to transform how you design for the web, and workable ways to present these designs to your team or your client.

  • Michelle Schulp : Pixel Imperfect - A Practical Approach To Responsive Design

    Michelle Schulp : Pixel Imperfect – A Practical Approach To Responsive Design

    WordCamp Orange County 2017Speaker: Michelle Schulp

    June 16, 2017 — With seemingly endless new ways to browse the web, we know that responsive design is here to stay. But how do we adapt the traditional design process to flexible screen sizes, device-based restrictions, and multiple use-cases without feeling like we’re giving up all control to the great unknown? We’ll learn how to use our Problem Solving Superpowers to move away from creating endless mockups, and into crafting Design Systems. You’ll learn actionable methods to transform how you design for the web, and workable ways to present these designs to your team or your client.

    Presentation Slides »

  • JuanKa Díaz: La importancia del contenido en tu web

    JuanKa Díaz: La importancia del contenido en tu web

    WordCamp Barcelona 2016Speaker: JuanKa Díaz

    February 24, 2017 — En esta charla veremos como WordPress nos permite gestionar el diferente contenido de nuestra web, de forma nativa e incluso haciendo uso de recursos de terceros pero siempre con una regla básica, que nuestro contenido sea interoperable y abstracto. Se recalcará la importancia de hacer que el contenido de tu web sea lo más abstracto posible para ver cómo podemos dotar a este de funcionalidades añadidas haciendo buen uso de layouts y técnicas de Responsive Web Design.

  • Yoichiro Takehora: レスポンシブデザイン前提のWordPressの表示速度高速化の考え方

    Yoichiro Takehora: レスポンシブデザイン前提のWordPressの表示速度高速化の考え方

    WordCamp Tokyo 2016Speaker: Yoichiro Takehora

    October 27, 2016 — 今や、Webサイトのアクセスの半分以上がスマートフォン経由となり、その画面表示に対応すべくレスポンシブデザインが広く普及してきており、WordPressがそのCMSとして使われるようになっています。

    Webページの表示速度と可用性は、快適なユーザ体験を提供するために重要なWebサイトの品質です。欧米においては、表示開始時間0.5秒、表示完了時間が2秒以内と、過去に言われていた3秒ルールよりも速さが求められています。
    この数値を達成するためには、WordPressだけの高速化だけを考えるのではなく、ネットワークやWebブラウザでの処理、サードパーティコンテンツを含めた全体最適化が必要になります。このセッションでは、WordPressで高速化するための考え方について解説します。

    Presentation Slides »

  • RESS - The Next Step In Responsive Design

    RESS – The Next Step In Responsive Design

    WordCamp Pittsburgh 2016Speaker: Anthony Laurence

    September 20, 2016 — We’ve all heard about responsive design and how important it is. But most designers and developers only use techniques to build their sites to be responsive on the client-side without even knowing about a completely different approach to responsive design: Responsive Design with Server Side Components (RESS).

    RESS leverages the server to make websites and applications as lightning fast as possible. I will discuss the pros and cons of both client-side and server-side responsive design and show techniques that designers and developers can start using today.

    Presentation Slides »

  • Hans Paul: Small talk: Dicas para projetar um site Responsivo de qualidade com Hans Paul

    Hans Paul: Small talk: Dicas para projetar um site Responsivo de qualidade com Hans Paul

    WordCamp Rio de Janeiro 2015Speaker: Hans Paul

    June 24, 2016 — Small talk com tópicos importantes no Design Responsivo a estrutura e o uso condicional de imagens. Quanto a estrutura o foco foi o uso de uma grid para facilitar a divisão de regiões.

    Sobre as imagens, um pouco sobre a recursos do HTML 5 que permitem carregar imagens de acordo com o dispositivo do usuário e alguns bons exemplos de sites responsivos.

    Presentation Slides »

  • Bernhard Kau: Better Themes with Scalable Vector Graphics (SVG)

    Bernhard Kau: Better Themes with Scalable Vector Graphics (SVG)

    WordCamp Nuremberg 2016Speaker: Bernhard Kau

    April 21, 2016 — A responsive design has become a standard of modern WordPress theme. But not only the content of a website has to be optimized for the mobile screen. The theme should also provide high resolution images and icons. Using SVG images here is usually the best way to accomplish this goal. This session will give a brief overview on how you can utilize Scalable Vector Graphics.

    Presentation Slides »

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

    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 »