Introducción a CSS donde se verán desde conceptos fundamentales y buenas prácticas hasta cosas hermosas de CSS.

La charla estará dividida en cuatro partes:

1. Introducción
Algo rápido para entrar en calor:

Regla CSS
Bloque declarativo
Selector (Clases, Id, Tag html)
Selectores Avanzados
Selector de hijos
Selector adyacente
Selector de hermanos
Selector de atributos
. Selector de atributos iguales
. El atributo contiene un selector
. El atributo comienza con el selector
. El atributo termina con el selector
. Selector espaciado de atributos
. Selector de atributos con guiones
Propiedad
Valor
Dejare una lista de términos que seria interesante conocer (Links para que visiten)
Pseudo-clases (:link, :visited)
. acción del usuario (:hover, :active, :focus )
. Estados de Interfaz de usuario (:enabled, :disabled, :checked, :indeterminate)
. Estructural y posición (:first-child, :last-child, & :only-child, :first-of-type, :last-of-type, & :only-of-type, :nth-child(n) & :nth-last-child(n), :nth-of-type(n) & :nth-last-of-type(n))
. Target (section:target {…})
. Empty (div:empty {…})
. Negation (div:not(.awesome) {…})
Pseudo-elementos
. Textual (:first-letter, :first-line)
. Generated Content (:after, :before)
. Fragmento (::selection)
2. Conceptos fundamentales
Conoceremos algunos conceptos fundamentales como:

Herencia
Especificidad
Cascada
3. Buenas practicas
Estilos en linea (Prohibido)
ID (Prohibido)
@import (Prohibido)
!important (Prohibido)
Usar Floats para construir un Layout (Prohibido)
Usar la Convención de nomenclatura apropiada (Algo como Bem es una buena opción)
Shorthand CSS
Combinar Elementos CSS
4. Cosas hermosas de CSS
Algunas cosas por conocer de CSS (links para que visiten):

FlexBox
Gutters para Flexbox
CSS Grid – SubGrid
Multi-column Layout
Modos de escritura
Animaciones
object-fit
clip-path
blend-mode
Masking
shapes
Fuentes Variables
Scroll Snapping
Houdini
CSS Art

Presentation Slides »