May 15, 2023 — CSS is evolving. Rapidly. The block editor relies heavily on goodies that once seemed unfeasible to safely use crossbrowser: custom properties, flexbox, grid, … Recently CSS added extra powers that can already be used in real life and could take the block editor to the next level: aspect-ratio, calc(), min()/max()/clamp(), scroll-snap, …

But wait, there will be more game changing tools coming to every browser near you in a not-so-far future. Container queries? They’re happening. New viewport units? Subgrid? Color-contrast? :has()? Nesting? On their way.

Think about all the things that needed awful hacks to be achieved in a not so far away past (a padding hack, anyone?). Now start to imagine what will be possible natively with all the current and upcoming powers of CSS. And how the block editor needs those powers and will thrive on them. Can you?

In this talk we’ll explore some examples together. It is meant to be a practical sneak peak, but also aims to be an ode to CSS and an appeal for some extra CSS love within the Gutenberg project. Therefore an appeal to learn CSS deeply.

April 27, 2023 — Con l’aiuto di fumetti e una ipotetica agenzia tutta al femminile, si presentano alcune ipotesi di design e restyling di siti business WordPress con l’aiuto di diverse soluzioni CSS e con i nuovi strumenti di WordPress.

Presentation Slides »

February 28, 2023 — Le CSS fait partie d’une stack technique à part entière. Il évolue constamment avec l’apport de framework (SCSS, Stylus, etc…) permettant de faciliter son écriture ou encore d’y ajouter des instructions algorithmiques. Certains ont tenté des approches aussi pour organiser cette couche applicative avec des normes telles que BEM ou autre. La finalité, c’est que l’on tombe rarement d’accord et que la finalité est surtout de suivre qu’une seule ligne directrice : notre design system. Essayez de développer avec le « vent dans le dos » (#Tailwind), vous verrez que vous irez plus vite en réduisant presque à néant le CSS de votre stack.

Presentation Slides »

October 24, 2022 — Viéndolo con mis años de experiencia puedo deciros que desarrollar con CSS es una auténtica delicia pero también soy consciente que puede resultar engorroso incorporar tantas definiciones para un principante en la tecnología.
En esta charla te mostraré las puntos más importantes que hay que saber al empezar con CSS para que tengas un buen punto de partida y seas todo un profesional del Frontend.
Mencionaré los conceptos de:
– Herencia
– Cascada
– El Box-Model
– Especificidad (y de cómo evitar los !important)
– Asignar nombres a los elementos
– Definir estructuras
– Estructuras versus contenido

June 1, 2021 — La idea de este meetup es empezar a conocer un poco más lo que nos ofrece CSS, una pieza clave a la hora de realizar nuestros sitios web, empezaremos por una corta introducción, mencionaremos tres conceptos que si o si debemos conocer como son la herencia, cascada, especificidad y finalmente hablaremos de varias buenas practicas que nos llevara a un nivel superior a la hora de escribir código CSS.

Presentation Slides »

November 30, 2020 — In this talk, you’ll learn some valuable tips for writing CSS in your own custom themes. You’ll learn the best way to include stylesheets in your theme, how to write CSS that’s easy to organize/maintain, when to use newer CSS features (such as Grid, Flexbox, Feature Queries, Custom Properties), and other ways to keep your sanity while writing CSS for your themes.

November 23, 2020 — “Tailwind CSS ist ein hochgradig anpassbares Low-Level-CSS-Framework, das Ihnen alle Bausteine zur Verfügung stellt, die Sie für die Erstellung maßgeschneiderter Designs benötigen, ohne lästig aufgezwungene Stile, um deren Überschreibung Sie kämpfen müssen.”

Die Integration von Tailwind CSS in ein WordPress Theme um mal kurz auszutesten, gestaltet sich ziemlich leicht. Die Einbindung eines Links aus einem der vielen zur Verfügung stehenden CDNs reicht für das ausprobieren aus. Wer aber das volle Potenzial des Utility-Frameworks ausreitzen will, kommt um ein lokales Setup nicht herum.

November 3, 2020 — CSS (Cascading Style Sheets) is a language used to control the look and feel of your website. This powerful tool controls the spacing, coloring, fonts, and decorative elements (such as boxes and underlines) of your WordPress website. In this session, we’ll learn what CSS is, how to view the CSS already affecting your website, and how to add your own CSS.

Presentation Slides »

June 2, 2020 — WordPress a día de hoy se ha traducido a más de 100 idiomas, algunos de ellos se escriben de derecha a izquierda como son el Árabe, Persa, Ardu, Hebreo y otros más.

Hacer que nuestros temas y plugins de WordPress sean compatibles con idiomas RTL (right to left) nos puede abrir a más mercados, ya que los hablantes de estas lenguas son cientos de millones.

En este meetup vamos a aprender como hacer que nuestros temas y plugins de WordPress sean compatibles con idiomas RTL de manera sencilla y efectiva utilizando CSS y funciones nativas de WordPress además de otras buenas prácticas.

May 10, 2020 — In this talk, we will, together, explore the intersection between Design & Code with CSS. New CSS properties are making our lives easier as designers and developers – working together in the name of the user experiences. Let’s get to know some of those new properties (like CSS custom properties, CSS grid and CSS logical properties) and get more familiar with old ones while discussing techniques and tricks to implement web design trends and bring back the creativity, right there in the browser.

Presentation Slides »