‘Responsive Design’ Videos

  • 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 »

  • Robert Nucci: Visual Composer – la gestione del responsive, dei template, e dei custom post type

    Robert Nucci: Visual Composer – la gestione del responsive, dei template, e dei custom post type

    WordPress Meetup RomagnaSpeaker: Robert Nucci

    June 27, 2016 — Lo speech è di fatto un hands-on con il quale viene spiegata la modalità di gestione del layout responsive con Visual Composer. Inoltre viene spiegata la funzionalità di Grid Builder, con il quale è possibile visualizzare a frontend i contenuti di un custom post type. Viene infine spiegato come copiare e riutilizzare template utilizzati frequentemente.

  • 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 »

  • 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 »