Tal vez ya conoces las bases de CSS pero, ¿sabes aprovechar al máximo este lenguaje? Este curso te presenta 50 trucos prácticos, organizados temáticamente y que van desde las bases: CSS para fondos, textos, gráficos, listas o bordes, entre muchos otros usos. Aprende a personalizar tus proyectos web con efectos gráficos complejos y animación y a optimizar los tiempos de carga conociendo los secretos de los CSS.
Introducción a 50 trucos con CSS
1.- Qué debes saber antes de empezar 50 trucos con CSS
Fundamentos de CSS
1.- Cómo incluir correctamente CSS en un documento
2.- Importar estilos entre documentos
3.- Creación de estilos exclusivos para impresión
4.- Creación de estilos exclusivos para móviles
5.- Creación de estilos adaptables y responsive
6.- Estandarización gráfica con hojas de estilos
2.- Importar estilos entre documentos
3.- Creación de estilos exclusivos para impresión
4.- Creación de estilos exclusivos para móviles
5.- Creación de estilos adaptables y responsive
6.- Estandarización gráfica con hojas de estilos
Posicionamiento con CSS
1.- Problemas de flotado en CSS
2.- Administrar profundidad de objetos
3.- Centrado horizontal y vertical de elementos con CSS
4.- Escala, rotación y transparencia de elementos
2.- Administrar profundidad de objetos
3.- Centrado horizontal y vertical de elementos con CSS
4.- Escala, rotación y transparencia de elementos
Efectos de CSS con fondos
1.- Fondos con gradientes en CSS
2.- Fondos con imágenes en CSS
3.- Fondos con elementos múltiples en CSS
4.- Efecto parallax
2.- Fondos con imágenes en CSS
3.- Fondos con elementos múltiples en CSS
4.- Efecto parallax
CSS para textos
1.- Tipografías personalizadas con CSS
2.- Modificar el color del texto seleccionado en CSS
3.- Crear efecto de renglones en CSS
4.- Gradientes de color en textos con CSS
5.- Usar tipografías como iconos en CSS
6.- Mostrar en mayúscula la primera letra de un texto
7.- Decorar la primera letra de un texto en CSS
8.- Separación de línea con palabras largas
9.- Texto con efecto 3D en CSS
10.- Agregando texto adicional con CSS
2.- Modificar el color del texto seleccionado en CSS
3.- Crear efecto de renglones en CSS
4.- Gradientes de color en textos con CSS
5.- Usar tipografías como iconos en CSS
6.- Mostrar en mayúscula la primera letra de un texto
7.- Decorar la primera letra de un texto en CSS
8.- Separación de línea con palabras largas
9.- Texto con efecto 3D en CSS
10.- Agregando texto adicional con CSS
Listas en CSS
1.- Personalizar listas en CSS
2.- Seleccionando elementos pares o impares en CSS
3.- Crear un menú basado en listas con CSS
2.- Seleccionando elementos pares o impares en CSS
3.- Crear un menú basado en listas con CSS
Formularios en CSS
1.- Marcando elementos erróneos y correctos con CSS
2.- Validación en tiempo real con CSS
3.- Modificar estilos del elemento placeholder
4.- Modificar apariencia de los checkbox
5.- Eliminar la sombra de los inputs
2.- Validación en tiempo real con CSS
3.- Modificar estilos del elemento placeholder
4.- Modificar apariencia de los checkbox
5.- Eliminar la sombra de los inputs
Crear gráficos con CSS
1.- Dibujar con CSS
2.- Crear figuras geométricas en CSS
3.- Crear burbujas de diálogo en CSS
4.- Efectos de imágenes en los bordes
5.- Efecto long shadow en CSS
6.- Crear figuras de etiquetas en CSS
2.- Crear figuras geométricas en CSS
3.- Crear burbujas de diálogo en CSS
4.- Efectos de imágenes en los bordes
5.- Efecto long shadow en CSS
6.- Crear figuras de etiquetas en CSS
Imágenes en CSS
1.- Bordes redondeados en imágenes
2.- Doble borde de imágenes
3.- Imágenes con formas personalizadas
4.- Optimizando la velocidad de carga de imágenes
2.- Doble borde de imágenes
3.- Imágenes con formas personalizadas
4.- Optimizando la velocidad de carga de imágenes
Animación con CSS
1.- Transiciones de elementos con CSS
2.- Animación CSS con imágenes
3.- Ciclos de animación con CSS
2.- Animación CSS con imágenes
3.- Ciclos de animación con CSS
Efectos especiales con CSS
1.- Animaciones SVG en CSS
2.- Reflejos en CSS
3.- Efecto de desenfoque en CSS
2.- Reflejos en CSS
3.- Efecto de desenfoque en CSS
Optimización en CSS
1.- Herramientas de optimización de CSS
2.- Minificar código
2.- Minificar código
