Aleix Martí: Trucos de CSS que deberías conocer

Continue the discussion

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Published

November 6, 2021

Esta charla es un recopilatorio de trucos y prácticas que he aprendido a lo largo de los años maquetando webs con CSS.

Todo el código será CSS nativo, sin usar pre-procesadores como SASS, LESS, etc.

Habrá de todo un poco:

Selectores avanzados (*, >, +, :not, :nth-child, [data-attribute]…)

Propiedades poco conocidas (flexbox gap, texto multicolumna, filters, scroll-snap, shape outside, gradientes cónicos)

Accesibilidad en imágenes, animaciones y formularios tarjetas clicables en toda la superfície sin que todo sea ni usar JS

Como evitar que un texto que se convierta en negrita mueva el contenido adyacente

Custom properties y dark mode

Todos los ejemplos se podrán consultar libremente Codepen, de modo los asistentes puedan ver el código y trastear tranquilamente a su aire sin tener que ir tomando nota de todo, aunque la charla quede grabada. Y, como no, todo compatible con WordPress. Aunque los ejemplos estén en Codepen, todos están basado en casos reales que me he ido encontrando maquetando themes.

Finalmente haré mención de algunas novedades que están por venir o que todavía tienen poco soporte a nivel de navegadores, pero que me parecen muy interesantes. Aunque esta parte no será la temática principal, sólo un «caramelito». Este tipo de charlas de «mira lo que viene» me parecen realmente muy interesantes pero a la vez un poco frustrantes, porque la mayoría de cosas aún no se pueden aplicar y te dejan con la miel en los labios.

Presentation Slides »

Rate this:

Event

WordCamp Spain 2021 39

Speakers

Aleix Martí 2

Language

Spanish/Español 1314

Download
MP4: Low, Med, High
Subtitles
Subtitle this video →
Producer
%d bloggers like this: