En este curso exploraremos 50 trucos prácticos que van desde las bases, pasando por efectos gráficos complejos y animación hasta elementos avanzados de optimización.
Aprenderás a mostrar tu sitio web correctamente en pantallas de escritorio, móviles y hasta impresoras; exploraremos trucos, secretos y consejos de producción con instrucciones paso a paso, para que puedas crear efectos visuales modernos que no solo se ven impactantes sino que te ahorraran valioso ancho de banda haciendo tu web más rápida.
Al terminar este curso conocerás los secretos de CSS más allá del manual para aplicarlos en tus proyectos ahora mismo.

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

  • Qué debes saber antes de empezar 50 trucos con CSS 01:45

Fundamentos de CSS

  • Cómo incluir correctamente CSS en un documento 05:07
  • Importar estilos entre documentos 03:53
  • Creación de estilos exclusivos para impresión 05:34
  • Creación de estilos exclusivos para móviles 07:14
  • Creación de estilos adaptables y responsive 07:27
  • Estandarización gráfica con hojas de estilos 05:43

Posicionamiento con CSS

  • Problemas de flotado en CSS 02:51
  • Administrar profundidad de objetos 06:01
  • Centrado horizontal y vertical de elementos con CSS 03:26
  • Escala, rotación y transparencia de elementos 04:59

Efectos de CSS con fondos

  • Fondos con gradientes en CSS 02:13
  • Fondos con imágenes en CSS 04:23
  • Fondos con elementos múltiples en CSS 02:39
  • Efecto parallax 06:49

CSS para textos

  • Tipografías personalizadas con CSS 02:18
  • Modificar el color del texto seleccionado en CSS 01:26
  • Crear efecto de renglones en CSS 03:34
  • Gradientes de color en textos con CSS 03:02
  • Usar tipografías como iconos en CSS 03:36
  • Mostrar en mayúscula la primera letra de un texto 01:32
  • Decorar la primera letra de un texto en CSS 03:53
  • Separación de línea con palabras largas 01:22
  • Texto con efecto 3D en CSS 02:20
  • Agregando texto adicional con CSS 02:46


Listas en CSS

  • Personalizar listas en CSS 02:14
  • Seleccionando elementos pares o impares en CSS 01:31
  • Crear un menú basado en listas con CSS 04:00

Formularios en CSS

  • Marcando elementos erróneos y correctos con CSS 03:56
  • Validación en tiempo real con CSS 05:18
  • Modificar estilos del elemento placeholder 03:08
  • Modificar apariencia de los checkbox 05:29
  • Eliminar la sombra de los inputs 01:30

Crear gráficos con CSS

  • Dibujar con CSS 06:29
  • Crear figuras geométricas en CSS 06:06
  • Crear burbujas de diálogo en CSS 03:04
  • Efectos de imágenes en los bordes 04:55
  • Efecto long shadow en CSS 03:14
  • Crear figuras de etiquetas en CSS 03:23

Imágenes en CSS

  • Bordes redondeados en imágenes 02:44
  • Doble borde de imágenes 02:38
  • Imágenes con formas personalizadas 04:26
  • Optimizando la velocidad de carga de imágenes 05:44

Animación con CSS

  • Transiciones de elementos con CSS 02:37
  • Animación CSS con imágenes 05:45
  • Ciclos de animación con CSS 06:06

Efectos especiales con CSS

  • Animaciones SVG en CSS 03:47
  • Reflejos en CSS 03:32
  • Efecto de desenfoque en CSS 03:25

Optimización en CSS

  • Herramientas de optimización de CSS 02:46
  • Minificar código 01:40

Software: CSS
Temas: Web, Gráficos para web
Formadores: Carlos Solís
Fecha de publicación: 25/02/2015
Duración: 3:15 horas (51 Videos)
Ver Online: YouTube NochesDeCod3

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *