Bienvenido...

...al portfolio de ejemplo

CSS3

El lenguaje de marcas de la World Wide Web siempre ha sido HTML. El Cascading Style Sheets (CSS) es un lenguaje de hojas de estilo usado para describir el aspecto y el formato del documento escrito en un lenguaje de marcas. Principalmente se usa para cambiar el estilo de las páginas e interficies de usuario escritas en HTML y XHTML. pero puere ser también usado en cualquier documento XML. Junto con HTML y JavaScript, CSS es una tecnología usada en muchos sitios web para crear páginas con un aspecto visual rico, GUIs para aplicaciones web y para multitud de aplicaciones móviles.

CSS fue diseñado principalmente para permitir la separación del contenido del documento de la presentación del mismo, incluyendo elementos como el layout o diseño, colores y fuentes. Esta separación puede mejorar la accesibilidad, aportar más flexibilidad y control, activar la compartición de formatos en diferentes páginas HTML (separando el CSS relevante en un fichero .css separado) y reducir la complejidad y la repetición en el contenido estructural.

CSS3

Recursos y herramientas

  1. Calculadora de colores
  2. Calculadora de filtros CSS
  3. Calculadora de filtros CSS combinados
  4. Ejemplo interactivo de transform-origin
  5. Calculadora de transformaciones 2D
  6. Calculadora para la función matrix() de CSS3
  7. Calculadora de perspectiva en 3D

Listado de ejemplos

Transformaciones, transiciones y animaciones

  1. Ejemplos de transformaciones 2D
  2. display:none vs visibility:hidden
  3. Transiciones (carta que se voltea)
  4. Efectos 3D (libro giratorio)
  5. Comprendiendo el 3D (cubo)
  6. Modales y animaciones (cubo desmontable)
  7. Galería fotográfica con modales

Ejemplos GRID y Media Queries

  1. Super Nintendo (GRID+Media queries)