/DIW

Primary LanguageCSS

DISEÑO DE INTERFACES WEB

SEGUIMENTO DE LAS CLASES

El repositorio esta organizado por carpetas, se recomienda el seguimiento secuencia de las carpetas *-SECTION, sin embargo, cada una de las secciones son independientes y con contenidos diferenciados

En cuanto a las herramientas utilizadas en clase son:

  1. VISUAL STUDIO CODE. Aunque se puede utilizar cualquier otro editor
  2. PREPROS. Para la compilación del Sass, Javascript, ..., se puede utilizar otra herramienta, aunque se recomienda esta por su simplicidad. Mas información en el apartado de links

Contenidos

  1. CHEATSHEETS.
    Este directorio contiene chuletas de diferentes tecnologías: git, markdown, emmet
  2. SLIDES.
    Este directorio contiene diapositivas necesarias para el seguimento de la clase
  3. TEMPLATE.
    Este directorio contiene los ficheros de inicio de un proyecto, será utilizado para copiar y pegar cada vez que iniciemos un nuevo proyecto
  4. LINKS.
    Enlaces de interes.
  5. 01-SECTION.
    Ejemplos sobre la propiedad box-sizing
  6. 02-SECTION.
    Ejemplos de utilzación de Sass
  7. 03-SECTION.
    Ejemplos sobre el modelos de cajas, elementos en línea y inline-block
  8. 04-SECTION.
    Ejemplos de menus y columnas con display: table y table-cell, y multicolumn
  9. 05-SECTION.
    Ejemplos de posicionamiento con la propiedad float
  10. 06-SECTION.
    Ejemplos de posicionamiento mediante la propiedad positon
  11. 07-SECTION.
    Ejemplos de centrado horizontal y vertical
  12. 08-SECTION.
    Ejemplos de flexbox
  13. 09-SECTION.
    Ejemplos de grid layout
  14. 10-SECTION.
    Ejemplos de transformaciones, transiciones y animaciones
  15. 11-SECTION.
    Ejemplos de bootstrap