Search Results for ‘css

  • Sami Keijonen: Maintainable CSS Architecture in the Gutenberg era

    Sami Keijonen: Maintainable CSS Architecture in the Gutenberg era

    WordCamp Europe 2019Speaker: Sami Keijonen

    September 5, 2019 — Writing maintainable and scalable CSS is one of the biggest aspects of front-end work. Sami will show how CSS methodologies such as ITCSS and BEM can help achieve that and, at the same time, maximise the WYSIWYG experience in Gutenberg editor without rewriting the CSS that much.

    Presentation Slides »

  • Paulo Carvajal: SASS/CSS, qué es y cómo usar algunas funciones avanzadas

    Paulo Carvajal: SASS/CSS, qué es y cómo usar algunas funciones avanzadas

    Amurrio WordPress MeetupSpeaker: Paulo Carvajal

    July 9, 2019 — Conoceremos los principales beneficios y algunas funciones avanzadas de este preprocesador para CSS que acelerarán nuestro trabajo de front-end y nos permitirán escribir CSS más fácilmente y mejor estructurado.

    Presentation Slides »

  • Oliver Davies: Taking Flight with Tailwind CSS

    Oliver Davies: Taking Flight with Tailwind CSS

    WordCamp Bristol 2019Speaker: Oliver Davies

    June 11, 2019 — An introduction to utility class and component based styling, and how to soar with Tailwind CSS.

    Things we’ll cover:

    * What is utility/atomic/functional CSS.
    * What are the advantages and disadvantages to utility based styling and Tailwind.
    * What does it mean by “utility first”.
    * How to customise Tailwind for your project.
    * How to promote repeating classes into re-usable components.
    * How to integrate Tailwind into your WordPress theme, including looking at the Tailwind CSS starter kit.

    Presentation Slides »

  • Sonia Ruiz Cayuela: Lo nuevo de CSS: qué está por venir y qué ha llegado

    Sonia Ruiz Cayuela: Lo nuevo de CSS: qué está por venir y qué ha llegado

    WordCamp Irun 2019Speaker: Sonia Ruiz Cayuela

    June 2, 2019 — ¿Cuánto crees que sabes de CSS? ¿Sabías que existe una propiedad con la que puedes hacer un slider sin necesidad de JS? ¿Que puedes usar variables y funciones?

    Descubre estas y otras muchas novedades de CSS que quizás desconocías, y otras que están aún por llegar y que seguramente te sorprendan.

  • Ana Cirujano: Deja de abusar de Photoshop, trata las imágenes con CSS

    Ana Cirujano: Deja de abusar de Photoshop, trata las imágenes con CSS

    WordCamp Madrid 2019Speaker: Ana Cirujano

    May 15, 2019 — Si utilizamos Photoshop para tratar las imágenes antes de subirlas a nuestro WordPress, estaremos machacando las propiedades originales de la imagen y perderemos la oportunidad de realizar cambios posteriores o animaciones.

    Encajar y posicionar imágenes, filtros, recortes, colores, canales… Conociendo las propiedades CSS para tratar nuestras imágenes, podremos hacer rápidamente los cambios que nos pide nuestro cliente o nosotros mismos y no tendremos que buscar en vete-tú-a-saber-qué-disco-duro, dónde está la foto original.

    Veremos en qué ocasiones se pueden utilizar programas de retoque fotográfico, cuándo es mejor hacerlo con código y cómo aplicar las propiedades CSS.

    Qué van a aprender los asistentes: Aprenderán las propiedades CSS que se utilizan para el tratamiento de imágenes y cómo aplicarlas en WordPress, teniendo en cuenta sus peculiaridades en la gestión de medios.

    Además, comprenderán la importancia de no utilizar programas de retoque fotográfico —como Photoshop—, para manipular las imágenes, ya que utilizando CSS conservamos las propiedades originales y además podemos realizar animaciones.

  • Igor Lopašovský: Modulárny prístup k CSS (Sass a Oxygen)

    Igor Lopašovský: Modulárny prístup k CSS (Sass a Oxygen)

    WordCamp Bratislava 2018Speaker: Igor Lopašovský

    March 1, 2019 — Vraví sa, že frontenďáci nie sú skutoční programátori.

    Asi je správny čas zmeniť tento mýtus a ukázať, že aj frontend si zaslúži objektovo orientovaný prístup. Prednáška sa pokúsi zrozumiteľnou formou vysvetliť základy modulárneho prístupu k CSS využitím technológie Sass a metodológie Oxygen. Buďte ale pripravení na to, že vám hrozí zmena návykov v písaní CSS.

  • Brian Richards: How I created WPBingo using Vue.js, Tailwind CSS, and the WP REST API

    Brian Richards: How I created WPBingo using Vue.js, Tailwind CSS, and the WP REST API

    WordCamp Miami 2018Speaker: Brian Richards

    January 23, 2019 — Just prior to WordCamp US 2017 I had the fun idea of creating an interactive bingo board for all of the fun and unique things that we regularly observe within our community. I was able to knock together the original concept after just a couple of hours thanks to utility provided by View and tailwind. Later I connected it to WordPress via the rest API so that I could more easily manage each of the squares available in the data set.

    In this presentation I walk you through how I went from idea to prototype to fully functional web app. We’ll cover the purpose served by my chosen frameworks and why I picked those instead of writing plain, vanilla JavaScript and CSS (or competing frameworks, for that matter). While this will not be a deep dive into code, we will review specific code samples and you should get enough detail to build this – or something like it –yourself by the time the session has ended.

    Here’s the specific list of the things you can expect to learn during this presentation:

    * Why I chose Vue instead of React for this particular project
    * Some of the neat things that Vue provides to us as developers (Vue.js 101)
    * How to utilize local storage for resilience against connectivity issues and unintended browser refreshes
    * The benefits of utility-based CSS classes
    * How to register custom rest API endpoints
    * Handling API authentication without regular users
    * How you too can totally disrupt the State of the Word address

    Presentation Slides »

  • Tiffany Kuchta: CSS Grid IRL

    Tiffany Kuchta: CSS Grid IRL

    WordCamp Asheville 2018Speaker: Tiffany Kuchta

    January 8, 2019 — The murmuring about CSS Grid in the world of frontend development has gotten quite loud indeed. If you’ve been a developer awhile, you remember when CSS finally became powerful enough to overtake the almighty table. You probably also really love the incredible tool that is Flexbox, even if you, like I do, still need to reference the same darn CSS Tricks article every time you use it. So what’s Grid’s deal? What makes it so great anyway, and when can you start using it IRL? What if you don’t want to duplicate development, building complex fallbacks for legacy browsers? How do you decide if a project is a good fit for CSS Grid, and then how do you even get started? We’ll discuss these questions, review some tools and tricks, and look at a few examples of CSS Grid in action.

    Takeaways:

    Using CSS Grid
    Recognizing when CSS Grid is a good fit
    Fallbacks /Supporting old browsers

    Presentation Slides »

  • Keith Devon: future.css

    Keith Devon: future.css

    WordCamp London 2018Speaker: Keith Devon

    January 6, 2019 — In this session, we’ll be looking at bleeding edge CSS techniques and some of the cool properties that are available today or just around the corner.

    Our Speaker, Keith is the co-founder of Highrise Digital – a specialist WordPress development team.

    As a serial community starter, he is the founder of the WordPress London meetup group, co-founder of codeHarbour – a web meetup in Kent – and started Folkestone Cycling Club. Keith has been building WordPress sites for over eight years and has worked with agencies and clients of all size.

  • Lara Schenck: Bridging the Design and Development Gap with CSS Algorithms

    Lara Schenck: Bridging the Design and Development Gap with CSS Algorithms

    WordCamp US 2018Speaker: Lara Schenck

    December 30, 2018 — Over the past 10 years, CSS has transformed from a descriptive language for presentation into a Turing-complete, domain-specific, declarative programming language for layout on the web.

    Okay…but how does one go from describing presentation to programming in CSS? And what on earth is a “CSS Algorithm”?

    This entertaining and personable talk will answer these questions and more, before delving into practical steps for creating CSS algorithms of your own to bridge the gap between design and development.