Header Ads Widget

Ticker

6/recent/ticker-posts

Curso de CSS en 50 trucos



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.


 Contenidos:

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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
Animación con CSS
 
1.- Transiciones de elementos 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
 
Optimización en CSS
 
1.- Herramientas de optimización de CSS
2.- Minificar código

Publicar un comentario

0 Comentarios