Search Results for ‘Responsive

  • Kevin Hoffman: Optimizing Responsive Images in WordPress

    Kevin Hoffman: Optimizing Responsive Images in WordPress

    WordCamp Boston 2018Speaker: Kevin Hoffman

    January 10, 2019 — While the benefits of image optimization are well known, in practice, it is one of the most misunderstood topics in all of WordPress. With the addition of responsive images and an influx of new solutions in the marketplace, the topic of image optimization deserves an updated take on best practices for the modern responsive landscape.

    This talk begins with a step-by-step analysis of how WordPress processes images by default. With this baseline understanding established, we will review common misconceptions about image optimization techniques that sometimes do more harm than good. One such example is the practice of optimizing images *before* upload, which actually has no effect on the generated image sizes.

    By exploring a combination of best practices and common snafus, the audience will take away the key concepts necessary to optimize responsive images in a manner that works with WordPress, not against it.

  • Chris Gladney: Improving Site Performance through Responsive Images

    Chris Gladney: Improving Site Performance through Responsive Images

    WordCamp Boston 2018Speaker: Chris Gladney

    January 10, 2019 — Images typically account for the greatest number of bytes downloaded when viewing a web page. Because of this, images are an area in which there’s huge opportunity to lower the size of a page, decrease load time, and increase performance. In this session, we’ll touch briefly on the basics of how to use the appropriate file types for images on a site. From there, we’ll dig a bit deeper and discuss methods to implement responsive images, browser-specific image formats like WebP, and how to optimizing responsive images further via lazy loading. Finally, we’ll go over building out a workflow for automating image optimization via WordPress’ built-in add_image_size function and task-automation tools like Gulp and Grunt.

  • Sarah Bonner: Why does My Website Look Weird on My Phone? Current Trends in Responsive Website Design

    Sarah Bonner: Why does My Website Look Weird on My Phone? Current Trends in Responsive Website Design

    WordCamp Asheville 2018Speaker: Sarah Bonner

    January 9, 2019 — A discussion on the best practices for creating a well designed responsive theme on WordPress.

    Takeaways:

    Key elements that make a beautiful responsive design.
    How to choose the best responsive theme for you.
    Best practices for managing logos, photos, colors, patterns and font styles on WordPress. “

  • Mike Auteri: The Easy (and Sane) Way to Create Responsive HTML Emails

    Mike Auteri: The Easy (and Sane) Way to Create Responsive HTML Emails

    WordCamp For Publishers: Chicago 2018Speaker: Mike Auteri

    August 22, 2018 — At PMC we built our updated WWD.com Digital Daily email publication with Foundation for Emails 2. I will show some of the approaches I used leveraging Foundation for Emails partials to keep me from repeating code. I’ll also show how I organized this project to allow for other publications (and brands in our company) to expand what I started and use elements that have already been built.

  • Ana Cirujano: Tipografía responsive: mejora el diseño de tu web

    Ana Cirujano: Tipografía responsive: mejora el diseño de tu web

    WordCamp Gran Canaria 2018Speaker: Ana Cirujano

    April 23, 2018 — Veremos algunas recomendaciones de composición de textos que nos ayudarán a construir mejores sitios web responsive para todos los usuarios. Tipo de letra, tamaño, interlineado, ancho de línea… aprenderemos a tomar decisiones de diseño para conseguir: comunicar eficazmente, que nuestros usuarios disfruten más del sitio web, que aumente el tiempo de permanencia en la página y que consigamos más visitas.

  • Miguel Gil Rosas: Responsive design - mobile first y desktop first

    Miguel Gil Rosas: Responsive design – mobile first y desktop first

    WordCamp Gran Canaria 2018Speaker: Miguel Gil Rosas

    April 22, 2018 — Descripción de Responsive Design, Breakpoints y Media Queries con diagramas y código. Ejemplos de soluciones de implementación con varios tipos de maquetación, con especial atención a los menús de navegación.

  • Ana Cirujano: Tipografía responsive: diseño para programadores y blogueros

    Ana Cirujano: Tipografía responsive: diseño para programadores y blogueros

    WordCamp Zaragoza 2018Speaker: Ana Cirujano

    March 30, 2018 — Diseñar es resolver problemas de comunicación.

    Cada vez que creamos un documento para comunicar algo, ya sea una presentación de Power Point o una página web con WordPress, necesitamos tomar decisiones de diseño: el tamaño de la letra, el interlineado, la partición de líneas…

    Veremos algunas recomendaciones de tipografía que nos ayudarán a construir mejores sitios web responsive para todos los usuarios.

    Presentation Slides »

  • Tipografía responsive: mejora el diseño de tu web. Ana Cirujano

    Tipografía responsive: mejora el diseño de tu web. Ana Cirujano

    WordPress Meetup MadridSpeaker: Ana Cirujano

    March 7, 2018 — Ana Cirujano nos dará algunas recomendaciones de composición de textos optimizados para todos los dispositivos, que nos ayudarán a construir mejores sitios web responsive para todos los usuarios. Tipo de letra, tamaño, interlineado, ancho de línea… aprenderemos a tomar decisiones de diseño para conseguir comunicar eficazmente, que nuestros usuarios disfruten más del sitio web y que aumente el tiempo de permanencia en la página y obtengamos más visitas.

    Presentation Slides »

  • Michael Burridge: Beyond Responsiveness: Creating Truly Fluid Themes

    Michael Burridge: Beyond Responsiveness: Creating Truly Fluid Themes

    WordCamp Brighton 2017Speaker: Michael Burridge

    January 29, 2018 — In this talk, we’ll look at some of the problems and issues with responsive design and then we’ll look at how to get around these by developing a theme which is not just responsive but genuinely and entirely fluid.

    The aim will be a theme where the layout remains consistent, proportional, reliable, and exactly as the designer intentioned, whatever the width of the viewport.

  • Pēteris Jurčenko: Responsive Charts In WordPress

    Pēteris Jurčenko: Responsive Charts In WordPress

    WordCamp Riga 2017Speaker: Pēteris Jurčenko

    December 20, 2017 — At WordCamp Riga Peteris speaks about data visualisation and responsive charts.