April 19, 2021 — En esta charla vamos a hacer una recorrido por muchos aspectos del CSS en relación a su uso con WordPress. Cuáles son las distintas formas en qué podemos encolarlo, utilizarlo, cómo afecta al renderizado, algunos consejos y también curiosidades que te ayudarán a entender y dominar esta tecnología que da colores y formas a la Web.

April 6, 2021 — This talk goes over the basics of the CSS Grid specification.

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 »

September 30, 2020 — Tutorial on how to add custom CSS to the editor and blocks.

Presentation Slides »

September 14, 2020 — Para WordPress las imágenes en formato SVG son como un monstruo, mal visto por motivos de seguridad, pero no hay riesgo que correr si eres el creador, un buen creador.
Las imágenes SVG cada día están más valoradas en los sitios web, por la calidad al estar vectorizada que puede ser escalable, también por el tamaño pequeño del archivo que mejora la optimización del rendimiento web o WPO, y además Google las indexa, excelente para fines de SEO.
Ahora, ¿Sabías que es posible animar iconos SVG con CSS? ¡Sí, vida! Gracias a su lenguaje de marcado XML es posible agregar código CSS con el que podemos animar las imágenes y darle vida a este monstruo.
En esta charla te enseñaré a crear iconos SVG animados y el método correcto de usarlos en WordPress sin arriesgar la seguridad de tus sitios web.

Presentation Slides »

September 13, 2020 — Durante la cuarentena algunos hemos adquirido habilidades gastronómicas y si éste no es tu caso pero quieres conocer «nuevas tecnologías» al momento de realizar tus plantillas, esta ponencia es para ti. Vamos a «cocinar» una hermosa plantilla con ingredientes disruptivos. Recuerda que WordPress no solo se compone de PHP o Bootstrap.

Presentation Slides »

June 21, 2020 — CSS Grid has been around for over two years in major browsers. While it’s amazing to work with, there’s still room for improvement. Currently, only direct child elements of a container can be placed with CSS Grid.
With Subgrid, you can bring the defined grid another level down. This enhances the feature of CSS Grid even further. In this talk, Jessica wants to show the possibilities that Subgrid creates.

June 19, 2020