Los Cursos más visitados de CSS

Manual De HTML / CSS

Documento realizado por Juan Ruiz de Miras. Departamento de Informática. Universidad de Jaén.

En formato pdf. Contiene 68 páginas.

Curso de Maquetación con Bootstrap 3.

Índice de Contenidos:
1. Herramientas a utilizar en el curso
2. Qué es CSS
2.1. Para qué sirve
2.2. Cómo funciona
2.3. Aplicar las hojas de estilo a un documento HTML
2.3.1. Hoja de estilos externa
2.3.2. Elemento STYLE
2.3.1. Atributo STYLE
3. CSS2 Help Sheet
4. CSS3 Help Sheet
5. Selectores
5.1. Selectores universales
5.2. Selectores de atributo
5.2.1. Selección por el valor de un atributo
5.2.2. Selección basándose en una sub-cadena dentro del valor de un atributo
5.2.3. Selección basándose en elementos delimitados dentro del valor de un atributo
5.3. Selector de secundarios (hijos)
5.4. Selector de descendientes
5.5. Selector de hermano adjacente
5.6. Selectores de hermano general
6. Pseudo-clases
6.1. Pseudoclases de enlace y acción de usuario
6.1.1. link
6.1.2. visited
6.1.3. focus
6.1.4. hover
6.1.5. active
6.2. Pseudoclase de negación (not)
6.3. Pseudoclase de idioma (lang)
6.4. Pseudoclase de destino (target)
6.5. Pseudoclases de entrada (valid, invalid)
6.6. Pseudoclases de estado (enabled y disabled)
6.7. Pseudoclases estucturales
6.7.1. root
6.7.2. nth-child(n) y nth-last-child(n)
6.7.3. nth-of-type(n) y nth-last-of-type(n)
6.7.4. first-child y last-child
6.7.5. first-of-type y last-of-type
6.7.6. only-child
6.7.7. only-of-type
6.7.8. empty
6.8. Índice de pseudo-clases estándar
7. Pseudoelementos
7.1. first-letter
7.2. first-line
7.3. Contenido generado usando before y after
7.4. La función counter
7.4.1. Configuración del contador (counter-reset)
7.4.2. Incrementar el contador (counter-increment)
7.4.3. Mostrando el contador
7.4.4. El uso de dos o más contadores
7.4.5. El uso de contadores anidados (counters)
7.4.6. Dando estilo a los contadores
7.5. Sintaxis con doble dos puntos de CSS3 para pseudoelementos
8. Hacks de CSS
8.1. Comentarios condicionales
8.2. Hacks de Internet Explorer por Versón
8.3. Hack de Chrome
8.4. Hack para Firefox
9. Algunos consejos para principiantes
9.1. Utilizar una página de reinicialización de estilos
9.2. Comprender la diferencia entre id y class
9.3. Añadir comentarios al CSS
9.4. enternder la potencia de !important
9.5. Evitar el uso de tablas
9.6. Esconder el texto detrás de una imagen
9.7. Utilizar código optimizado (shorthand)
10. HTML5Reset v1.6.1
11. Normalize v4.1.1
12. Qué es Bootstrap
13. Instalación de Bootstrap 3
14. Introducción a Bootstrap
14.1. Inicialización y definición de páginas en Bootstrap
14.1.1. Requerimiento del doctype de HTML5
14.1.2. El metadato viewport
14.2. Sistema de rejilla
14.2.1. Media queries
14.2.2. Características de cada rejilla
14.3. Tipografías y enlaces
14.3.1. Titulares
14.3.2. Texto
14.3.3. Texto destacado
14.3.4. Clases CSS para alinear texto
14.3.5. Clases CSS para indicar el tipo de contenido
14.3.6. Direcciones
14.3.7. Blockquotes
14.3.8. Listas de definición
14.4. Normalización de estilos
14.5. Ejemplos
14.5.1. Diseño fijo (Fixed Layout)
14.5.1. Diseño fluido (Fluid Layout)
14.5.2. Autoajustado de columnas
14.5.3. Reestablecimiento de columnas
14.5.4. Desplazamiento de columnas
14.5.5. Anidación de columnas
14.5.6. Ordenación de columnas
15. Componentes
15.1. Iconos (glyphicons)
15.1.1. Cómo utilizar los iconos
15.2. Menús desplegables
15.2.1. Deshabilitando elementos del menú
15.2.2. Títulos de sección
15.3. Grupos de botones
15.3.1. Ejemplo básico
15.3.2. Cambiando el tamaño de los botones
15.3.3. Anidación de grupos de botones
15.3.4. Menús verticales
15.3.5. Botones justificados
15.4. Botones desplegables
15.4.1. Ejemplo básico
15.4.2. Botones desplegables de doble acción
15.4.3. Cambiar el tamaño de los botones
15.4.4. Botones desplegables invertidos
15.5. Imágenes responsive (IMG)
15.6. Navegación por pestañas
15.7. Navegación por botones
15.8. Barras de navebación (navbar)
15.9. Mensajes de alerta
15.9.1. Ejemplo básico
15.9.2. Mensajes de alerta con botón de cerrado
15.9.3. Alertas con enlace
15.10. Barras de progreso
15.10.1. Ejemplo básico
15.10.2. Barras de progreso cebreadas
15.10.3. Barras de progreso animadas
15.10.4. Barras de progreso segmentadas
15.11. Paneles
15.11.1. Ejemplo básico
15.11.2. Paneles con cabecera o título
15.11.3. Paneles con footer o pié
15.11.4. Paneles contextuales
15.11.5. Paneles con listas
15.12. Presentación de diapositivas (Carousel)
15.13. Presentaciones de tipo Jumbotron
15.14. Migas de pan (Breadcrumbs)
15.15. Inclusión de videos (responsive-embed)
15.16. Tablas
15.16.1. Tabla básica
15.16.2. Tabla rayada (table-striped)
15.16.3. Tablas con bordes (table-bordered)
15.16.4. Tabla con efecto hover (table-hover)
15.16.5. Tablas compactas (table-condensed)
15.16.6. Tablas contextuales
15.16.7. Tablas Responsive
15.17. Ejemplo “Hola mundo”
16. Plugins bootstrap interesantes
16.1. Bootstrap Lightbox
16.2. Bootbox
16.3. Fuel UX
16.4. Jasny
16.5. Bootstrap Image Gallery
16.6. Bootstrap Modal
16.7. Bootstrap Growl
16.8. Bootstrap Notify
16.9. Bootstrap Form Helpers
16.10. Bootstrap Tags
16.11. Bootstrap Switch
16.12. 13. Bootstrap Markdown
16.13. 14. Bootstrap Maxlength
16.14. 15. Bootstrap Select
17. Bootstrap Help Sheet
18. Referencias

En formato pdf. Contiene 90 páginas.

Índice de Contenidos:
CAPÍTULO 1 INTRODUCCIÓN
1.1 ¿Qué es CSS?
1.2 Especificación oficial
1.3 Funcionamiento básico de CSS
1.4 Cómo incluir CSS en un documento XHTML
1.5 Glosario básico
1.6 Medios CSS
1.7 Comentarios
1.8 Sintaxis de la definición de cada propiedad CSS
CAPÍTULO 2 SELECTORES
2.1 Selectores básicos
2.2 Selectores avanzados
2.3 Agrupación de reglas
2.4 Herencia
2.5 Colisiones de estilos
CAPÍTULO 3 UNIDADES DE MEDIDA Y COLORES
3.1 Unidades de medida
3.2 Unidades absolutas
3.3 Unidades relativas
3.4 Colores
CAPÍTULO 4 MODELO DE CAJAS
4.1 Anchura y altura
4.2 Margen y relleno
4.3 Bordes
4.4 Margen, relleno, bordes y modelo de cajas
4.5 Fondos
CAPÍTULO 5 POSICIONAMIENTO Y VISUALIZACIÓN
5.1 Tipos de elementos
5.2 Posicionamiento
5.3 Posicionamiento normal
5.4 Posicionamiento relativo
5.5 Posicionamiento absoluto
5.6 Posicionamiento fijo
5.7 Posicionamiento flotante
5.8 Visualización
5.9 Propiedades display y visibility
CAPÍTULO 6 TEXTO
6.1 Tipografía
6.2 Texto
CAPÍTULO 7 ENLACES
7.1 Estilos básicos
7.2 Estilos avanzados
CAPÍTULO 8 LISTAS
8.1 Estilos básicos
8.2 Estilos avanzados
CAPÍTULO 9 FORMULARIOS
9.1 Estilos básicos
9.2 Estilos avanzados
CAPÍTULO 10 TABLAS
10.1 Estilos básicos
10.2 Estilos avanzados
CAPÍTULO 11 LAYOUT BÁSICO
11.1 Centrar una página horizontalmente
11.2 Centrar una página verticalmente
11.3 Estructura o layout
11.4 Alturas/anchuras máximas y mínimas
11.5 Estilos avanzados
CAPÍTULO 12 OTROS
12.1 Versión para imprimir
12.2 Hacks y filtros
12.3 Prioridad de las declaraciones CSS
CAPÍTULO 13 CSS AVANZADO
13.1 Técnicas imprescindibles
13.2 Selectores
13.3 Pseudo-elementos
13.4 Propiedades avanzadas
CAPÍTULO 14 EJERCICIOS DE CSS
14.1 Capítulo 2
14.2 Capítulo 2
14.3 Capítulo 4
14.4 Capítulo 5
14.5 Capítulo 6
14.6 Capítulo 7
14.7 Capítulo 8
14.8 Capítulo 9
14.9 Capítulo 10
14.10 Ejercicio final

Aprende el diseño web, veremos lenguajes como HTML y con ayuda de un FrameWork (Bootstrap) usaremos HTML5, JavasCript, CSS3, entre otros lenguajes para realizar los mas modernos y mejores diseños de Internet.

Se que esos nombres suenan muy raros pero es realmente facil de usar... ¡SIN MIEDO! :D

Índice de Vídeos:
Capitulo 0 - Introducción Para Principiantes
Capitulo 1 - Etiquetas Básicas (HTML)
Capitulo 2 - Estilos de textos
Capitulo 3 - Insertar Fondos e Imágenes
Capitulo 4 - Crear Tablas
Capitulo 5 - Crear Botones y Enlaces
Capitulo 6 - Iniciando Bootstrap (FrameWorks)
Capitulo 7 - Creando Pagina web COMPLETA (1/2)
Capitulo 7 - Creando Pagina web COMPLETA (2/2)
Capitulo 8 - Servidores Web (Internet)
Capitulo 9 - Subir Pagina web a Internet
Pagina Web Profesional con Plantillas Premium en Joomla - TemplateMonster
Plantillas Gratuitas Profesionales de TemplateMonster
Sublime Text + FTP, Editar página subida a internet
Instalar Plantilla Wordpress Profesional Gratis y Premium - TemplateMonster
Personalizar plantillas gratuitas y premium en WordPress - TemplateMonster
Comprime y reduce el peso de una imagen hasta un 90% - Dostin Hurtado

Guía de uso de Adobe Dreamweaver CS5 y CS5.5
Contenidos:
Chapter 1: Novedades
Chapter 2: Espacio de trabajo
Chapter 3: Trabajo con sitios de Dreamweaver
Chapter 4: Creación y administración de archivos
Chapter 5: Administración de activos y bibliotecas
Chapter 6: Creación de páginas con CSS
Chapter 7: Maquetación de páginas con HTML
Chapter 8: Adición de contenido a las páginas
Chapter 9: Establecimiento de vínculos y navegación
Chapter 10: Obtención de vista previa de páginas
Chapter 11: Trabajo con el código de las páginas
Chapter 12: Adición de comportamientos JavaScript
Chapter 13: Trabajo con otras aplicaciones
Chapter 14: Creación y administración de plantillas
Chapter 15: Creación visual de páginas de Spry
Chapter 16: Diseño para varias pantallas y dispositivos
Chapter 17: Uso de los servicios en línea de Adobe
Chapter 18: Visualización de datos XML con XSLT
Chapter 19: Preparación para crear sitios dinámicos
Chapter 20: Creación de páginas dinámicas
Chapter 21: Creación visual de aplicaciones
Chapter 22: Creación de formularios
Chapter 23: Accesibilidad
En formato pdf. Contiene 722 páginas.

Es un ebook CSS gratuito creado para principiantes. El contenido se extrae de la plataforma Stack Overflow, escrita por muchos desarrolladores y colaboradores de CSS.

El contenido se publica bajo Creative Commons BY-SA

En formato pdf. Contiene 327 páginas.

Índice de Vídeos:
1.- Introducción ¿Qué es Bootstrap4?
2.- Instalando Bootstrap 4, Clase 2
3.- Tipografías en Bootstrap 4 Clase 3
4.- Alineación de textos en Bootststrap 4, Clase 4
5.- Floats y posiciones fijas en Bootststrap 4, Clase 5
6.- Colores de Texto y Fondos en Bootststrap 4, Clase 6
7.- Padding, Margenes y Espaciados en Bootststrap 4, Clase 7
8.- Altos y Anchos en Bootststrap 4, Clase 8
9.- Breakpoints en Bootststrap 4, Clase 9
10.- Botones en Bootststrap 4, Clase 10
11.- List Groups, Badges y Migas de Pan, Clase 11
12.- Navegación, Clase 12
13.- Alertas y Progress Bar, Clase 13
14.- Configuración con Gulp, Sass, Font Awesome y BrowserSync
15.- Bootstrap 4 Sitio Web Desde Cero, con Scroll Reveal y Smooth scrolling
16.- Bootstrap 4, Sitio Web Completo - Landing page

Curso completo de Bootstrap 4 en vídeo. Duración 4h 40m

Curso COMPLETO de Efectos CSS3 para darle a tus sitios web un aspecto único y personalizado, aprende a crear tus propias animaciones con css, más rápidas y ligeras que con javascript u otros lenguajes

Índice de vídeos:
CSS Efecto - 01 Introducción
CSS Efecto - 02 PseudoElementos
CSS Efecto - 03 PseudoClases
CSS Efecto - 04 Técnicas de Camuflaje
CSS Efecto - 05 Triangulo Lateral
CSS Efecto - 06 Triangulo Fijo
CSS Efecto - 07 Esquina Pagina
CSS Efecto - 08 Sombra Fija
CSS Efecto - 09 sombra difuminada
CSS Efecto - 10 sombra radial
CSS Efecto - 11 sombra externa
CSS Efecto - 12 sombra interna
CSS Efecto - 13 iluminación
CSS Efecto - 14 resalte de borde
CSS Efecto - 15 borde interno
CSS Efecto - 16 expansión de borde
CSS Efecto - 17 recogida de borde
CSS Efecto - 18 redondeado de esquinas
CSS Efecto - 19 borde inferior - menús
CSS Efecto - 20 Conclusión
Keyframe CSS - 01 Introducción
Keyframe CSS - 02 Estructura
Keyframe CSS - 05 Chicle
Keyframe CSS - 12 Rebote
Keyframe CSS - 18 FadeIn Variantes
Keyframe CSS - 23 Sombra Movil
Keyframe CSS - 24 Arrow
Efecto 3D con CSS3 - Keyframes 25
Keyframe CSS - 28 TranslateZ 3D
Keyframe CSS3 - Animación Balanceo
Keyframe CSS3 - Animación Bote
Keyframe CSS3 - Animación Chicle
Keyframe CSS3 - Animación Doble
Keyframe CSS3 - Animación Intermitente
Keyframe CSS3 - Animación Descarte
Keyframe CSS3 - Animación Onda
Keyframe CSS3 - Animación Giro 3D
CSS3 - Efecto Triángulo Lateral
CSS3 - Efecto Triángulo Fijo
CSS3 - Efecto Esquina de Página
CSS3 con Keyframe - Efecto Sombra Móvil
CSS3 - Efecto de Sombra Fija
CSS Efecto 3D - 01 Introducción
CSS Efecto 3D - 07 Cubo Esqueleto
CSS Efecto 3D - 11 Bola del Mundo
CSS Efecto 3D - 13 Proyecto Presentación

Manual de hojas de estilo realizado por José Carlos García. En formato pdf.

Guía de diseño de páginas Web en formato pdf. Contiene 79 páginas.

El Manual de CSS 3 introduce nuevas características de las especificaciones de Hojas de Estilo en Cascada nivel 3, CSS3, para definir el aspecto de las páginas web de una manera más avanzada.

Con CSS 3 hemos obtenido una una actualización importante en el estándar de definición de estilos para documentos HTML, que incluye características potentes, tanto para aplicar aspecto avanzado en elementos de una página como para ayudarnos a realizar una maquetación más precisa.

Este es un manual muy práctico, en el que iremos abordando diversas características de las CSS aparecidas recientemente, con artículos cortos en los que podrás encontrar explicaciones y ejemplos de cada una por separado.

El objetivo final es que los desarrolladores sean capaces de aplicar estilos a los documentos HTML de manera versátil, sin necesidad de hacks y facilitando la separación entre contenido y presentación. CSS 3 ya no es una novedad, sino una versión del lenguaje totalmente adoptada por los navegadores, que todo desarrollador debe utilizar en su día a día.

Manual de CSS realizado por Dwight VanTuyl. En formato pdf. Contiene 24 páginas.

Aprenderás a desarrollar sitios web que se visualicen correctamente en todo tipo de dispositivos. Con una metodología basada en la accesibilidad, usabilidad y optimización del contenido.

Índice de vídeos:
1.- #HTML, Estructura y Contenido
2.- Tipos de Selectores #CSS
3.- Unidades de Medida #CSS
4.- Patrones #CSS
5.- Recomendaciones #CSS
6.- Recomendaciones en #JavaScript
7.- Recomendaciones #HTML5 y Arquitectura de la Información
8.- Estrategias de Diseño Web basadas en Navegador y Pantalla
9.- Estrategias de Diseño Web basadas en Cliente y Servidor
10.- Tipos de Posicionamientos en #CSS
11.- Tipos de Visualización #CSS
12.- Reset y Retícula de Maquetación #CSS
13.- Técnicas de Maquetación #CSS (1) Floats
14.- Técnicas de Maquetación #CSS (2) inline-block, table y flex
15.- #Flexbox #CSS (1/2) Atributos del elemento padre
16.- #Flexbox #CSS (2/2): Atributos de los elementos hijos
17.- Un poco de historia del #ResponsiveDesign
18.- #Viewport, Estructura Fluida y Fuentes
19.- Imágenes y Medios Flexibles
20.- #MediaQueries y #Breakpoints
21.- #Breakpoints y Pruebas #Responsive
22.- #DesktopFirst vs #MobileFirst
23.- Patrones de Diseño y #SEO
24.- #CuttingTheMustard
25.- #ProgressiveDisclousure
26.- Ejemplos #Modernizr (1/2)
27.- Ejemplos #Modernizr (2/2)
28.- #MediaQueries con #JavaScript
29.- Multimedia #Responsible (1/2)
30.- Multimedia #Responsible (2/2)
31.- Recomendaciones en Archivos #CSS y #JS
32.- #HTML5 #Cache
33.- Arquitectura de la Información del Proyecto
34.- Estructura, Carpeta y MetaEtiquetas del Proyecto
35.- Construyendo Micro #Framework #CSS: Reset
36.- Construyendo Micro #Framework #CSS: Grid
37.- Construyendo Micro #Framework #CSS: #Layout (1/2)
38.- Construyendo Micro #Framework #CSS: #Layout (2/2)
39.- Patrón de Navegación Móvil
40.- Cabecera #Responsive del Proyecto Final
41.- Diseño de Secciones (1/5)
42.- Diseño de Secciones (2/5)
43.- Diseño de Secciones (3/5)
44.- Diseño de Secciones (4/5)
45.- Diseño de Secciones (5/5)
46.- Optimización y Distribución del Proyecto Final
47.- #CSS

¿Te gustaría dominar tus páginas web para que se vean como realmente quieres?

Deja de dar vueltas por internet buscando parches y aprende las bases del diseño web con este tutorial CSS.

Los apuntes, resúmenes de clase, chuletas y ejercicios que encontrarás están pensados para los alumnos del curso IFCD0110 de confección y publicación de páginas web. Pero te sirven aunque no lo curses.

Antes de leer este tutorial es conveniente que estés familiarizado con el html.

He dividido el tutorial en diversas secciones:

1.- CSS indispensable.
2.- CSS intermedio.
3.- CSS en profundidad.
4.- Otros contenidos del blog sobre CSS
5.- Ejercicios.
6.- Ejemplos de menús desplegables con css
7.- Cómo maquetar web mediante rejillas
8.- Tutorial flexbox
9.- Tutorial grid

Completo manual realizado por Antonio Navajas Ojeda.
Contiene:
1. Selectores
2. Pseudo elementos de CSS3
3. Pseudo-clases
4. Efectos de texto y tipografía
5. Color
6. Efectos de borde
7. Nuevas propiedades de fondo
8. Efectos de sombra y brillo
9. Transformaciones
10. Transiciones
11. Animaciones CSS
En formato pdf. Contiene 63 páginas.

Libro de introducción a CSS dividido en:
Capítulo 1. Introducción
1.2. Breve historia de CSS
1.3. Soporte de CSS en los navegadores
1.4. Especificación oficial
1.5. Funcionamiento básico de CSS
1.6. Cómo incluir CSS en un documento XHTML
1.7. Glosario básico
1.8. Medios CSS
1.9. Comentarios
1.10. Sintaxis de la definición de cada propiedad CSS
Capítulo 2. Selectores
2.1. Selectores básicos
2.2. Selectores avanzados
2.3. Agrupación de reglas
2.4. Herencia
2.5. Colisiones de estilos
Capítulo 3. Unidades de medida y colores
3.1. Unidades de medida
3.2. Colores
Capítulo 4. Modelo de cajas
4.1. Anchura y altura
4.2. Margen y relleno
4.3. Bordes
4.4. Margen, relleno, bordes y modelo de cajas
4.5. Fondos
Capítulo 5. Posicionamiento y visualización
5.1. Tipos de elementos
5.2. Posicionamiento
5.3. Posicionamiento normal
5.4. Posicionamiento relativo
5.5. Posicionamiento absoluto
5.6. Posicionamiento fijo
5.7. Posicionamiento flotante
5.8. Visualización
Capítulo 6. Texto
6.2. Texto
Capítulo 7. Enlaces
7.2. Estilos avanzados
Capítulo 8. Imágenes
8.2. Estilos avanzados
Capítulo 9. Listas
9.2. Estilos avanzados
Capítulo 10. Tablas
10.2. Estilos avanzados
Capítulo 11. Formularios
11.2. Estilos avanzados
Capítulo 12. Layout
12.1. Centrar una página horizontalmente
12.2. Centrar una página verticalmente
12.3. Estructura o layout
12.4. Alturas/anchuras máximas y mínimas
12.5. Estilos avanzados
Capítulo 13. Otros
13.2. Versión para imprimir
13.3. Personalizar el cursor
13.4. Hacks y filtros
13.5. Prioridad de las declaraciones CSS
13.6. Validador
13.7. Recomendaciones generales sobre CSS
Capítulo 14. Recursos útiles
14.1. Extensiones de Firefox
14.2. Aplicaciones web
14.3. Sitios web de inspiración
14.4. Referencias y colecciones de recursos
Capítulo 15. Ejercicios
15.2. Ejercicio 2
15.3. Ejercicio 3
15.4. Ejercicio 4
15.5. Ejercicio 5
15.6. Ejercicio 6
15.7. Ejercicio 7
15.8. Ejercicio 8
15.9. Ejercicio 9
15.10. Ejercicio 10
15.11. Ejercicio 11
15.12. Ejercicio 12
15.13. Ejercicio 13
Capítulo 16. Ejercicios resueltos
16.1. Solución ejercicio 1
16.2. Solución ejercicio 2
16.3. Solución ejercicio 3
16.4. Solución ejercicio 4
16.5. Solución ejercicio 5
16.6. Solución ejercicio 6
16.7. Solución ejercicio 7
16.8. Solución ejercicio 8
16.9. Solución ejercicio 9
16.10. Solución ejercicio 10
16.11. Solución ejercicio 11
16.12. Solución ejercicio 12
16.13. Solución ejercicio 13

Desde que CSS comenzó han pasado muchos años y ya vamos por la especificación de CSS3, que
incorpora una serie de novedades que vamos a tratar en este manual.
INDICE
1.- ¿Qué es CSS?
2.- Propiedades nuevas en CSS3
3.- Gradiente de color en el borde de los elementos
4.- Bordes redondeados
5.- Varias imágenes de fondo
6.- Colores RGBA
7.- Word-wrap
8.- Texto multi-columna
9.- Imágenes como borde
10.- Sombras
11.- Resplandor exterior
12.- Background-origin
13.- @font-face
14.- Degradados
15.- Degradado lineal
16.- Degradado lineal repetitivo
17.- Degradado radial
18.- Degradado radial repetitivo
19.- Animaciones
20.- Animación simple
21.- Animación con texto
22.- Animación con texto tipo Matrix
23.- Animación efecto nieve
24.- Dibujo animado
25.- Animación de galería de fotos
26.- Menú animado
En formato pdf. Contiene 82 páginas.

Manual avanzado de CSS en formato pdf. Contiene 151 páginas.

CSS u hojas de estilo en cascada (en inglés Cascading Style Sheets) es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML. El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.
Actualmente, pese a que la especificación 2.1 se aprobó recientemente, CSS3 ha venido desarrollándose desde 1999. Esta nueva especificación viene con interesantes novedades que permitirán hacer webs más elaboradas y dinámicas, con mayor separación entre estilos y contenidos. Dará soporte a muchas necesidades de las webs actuales, sin tener que recurrir a trucos de diseñadores o lenguajes de programación.
En esta completa guía, el autor nos muestra el uso de las principales características que este lenguaje ofrece. De entre ellas, destacamos los nuevos selectores, los pseudo elementos, las pseudo clases y toda una serie de efectos estéticos que abarcan desde la tipografía a las transformaciones 3D.

Manual de introducción a HTML5 y CSS3 en formato diapositivas.

En formato pdf. Contiene 74 páginas.

Índice de Contenidos:
1 HTML 5
1.1 Navegadores que lo soportan
1.2 Doctype
1.3 Mejor estructura
1.4 Formularios
1.5 Mark
1.6 Canvas
1.7 Audio
1.8 Vídeo
1.9 Geolocalización
1.10 Almacenamiento Offline
1.11 Detectar funcionalidades de HTML5
2 CSS3
2.1 Nuevos selectores de atributos
2.2 Nuevas pseudo-clases
2.3 Color
2.4 Bordes
2.5 Fondos
2.6 Texto
2.7 Columnas
2.8 Modelo de caja básico
2.9 Transiciones
2.10 Transformaciones
2.11 Más información

En formato pdf. Contiene 30 páginas.

Manual de CSS avanzado dividido en:
Capítulo 1. Técnicas imprescindibles
1.1. Propiedades shorthand
1.2. La propiedad hasLayout de Internet Explorer
1.3. Limpiar floats
1.4. Elementos de la misma altura
1.5. Sombras
1.6. Transparencias
1.7. Sustitución de texto por imágenes
1.8. Sustitución de texto por Flash
1.9. Esquinas redondeadas
1.10. Rollovers y sprites
1.11. Texto
Capítulo 2. Buenas prácticas
2.2. Comprobar el diseño en varios navegadores
2.3. Mejora progresiva
2.4. Depuración
2.5. Hojas de estilos
2.6. Rendimiento
2.7. Recursos imprescindibles
Capítulo 3. Selectores
3.1. Selector de hijos
3.2. Selector adyacente
3.3. Selector de atributos
3.4. Pseudo-clases
3.5. Pseudo-elementos
3.6. Selectores de CSS 3
Capítulo 4. Propiedades avanzadas
4.1. Propiedad white-space
4.2. Propiedad display
4.3. Propiedad outline
4.4. Propiedad quotes
4.5. Propiedad counter-reset
4.6. Propiedad counter-increment
4.7. Propiedad content
Capítulo 5. Frameworks
5.1. El framework YUI
5.2. Primeros pasos con el framework YUI
5.3. Inicializando estilos con el framework YUI
5.4. Texto con el framework YUI
5.5. Layouts con el framework YUI
5.6. Otros frameworks
Capítulo 6. Técnicas avanzadas
6.2. Mapas de imagen
6.3. Variables en las hojas de estilos
6.4. Estilos alternativos
6.5. Comentarios condicionales, filtros y hacks
6.6. Selector de navegador
En formato pdf. Contiene 151 páginas.

Índice de Contenidos:
CAPÍTULO 1 INTRODUCCIÓN
1.1 Especificación oficial
1.2 Nuevas funcionalidades
CAPÍTULO 2 MÓDULO SELECTORS
2.1 Prefijos específicos de navegadores
CAPÍTULO 3 MÓDULO BASIC USER INTERFACE
3.1 box-sizing
3.2 overflow-x y overflow-y
CAPÍTULO 4 MÓDULO COLOR
4.1 Propiedad opacity
4.2 Función rgba()
4.3 Función hsl()
4.4 Función hsla()
CAPÍTULO 5 MÓDULO BACKGROUNDS AND BORDERS
5.1 Bordes
5.2 Sombras
5.3 Fondos
CAPÍTULO 6 MÓDULO IMAGE VALUES AND REPLACED CONTENT
6.1 CSS gradients
6.2 Degradados lineales
6.3 Degradados radiales
6.4 Repetición de degradados
CAPÍTULO 7 MÓDULO TEXT
7.1 Sombra en textos
7.2 Fuentes web
CAPÍTULO 8 MÓDULO MULTI-COLUMN LAYOUT
8.1 Propiedad shorthand
8.2 Equilibro de altura
8.3 Espacios entre columnas
8.4 Trazos entre columnas
8.5 Texto sobre columnas
CAPÍTULO 9 MÓDULO MEDIA QUERIES
9.1 Sintaxis
9.2 Operadores lógicos o logical operators
CAPÍTULO 10 MÓDULO TRANSFORMS
10.1 Propiedades principales
10.2 Funciones de transformación 2D
10.3 Ejemplos
10.4 Propiedades 3D
CAPÍTULO 11 MÓDULO TRANSITIONS
11.1 Propiedades "animables"
11.2 Propiedad transition-property
11.3 Propiedad transition-duration
11.4 Propiedad transition-timing-function
11.5 Propiedad transition-delay
11.6 Propiedad transition
11.7 Listas de valores
11.8 Finalización de una transición
11.9 Transiciones y JavaScript
CAPÍTULO 12 MÓDULO ANIMATIONS
12.1 Configuración
12.2 keyframes
12.3 Ejemplos
CAPÍTULO 13 EJERCICIOS DE CSS 3
13.1 Capítulo 2
13.2 Capítulo 5
13.3 Capítulo 7
13.4 Capítulo 9
13.5 Capítulo 10
13.6 Capítulo 11
13.7 Capítulo 12
13.8 Ejercicios finales

Manual oficial de Sass, una extensión de CSS que añade características muy potentes y elegantes a este lenguaje de estilos.
Contenidos:
Capítulo 1. Características
Capítulo 2. Sintaxis
Capítulo 3. Usando Sass
3.1. Plugin para Rack, Rails y Merb
3.2. Cacheando los archivos compilados
3.3. Opciones de configuración
3.4. Selección de la sintaxis
3.5. Codificación
Capítulo 4. Extensiones CSS
4.1. Reglas anidadas
4.2. Referenciando a los selectores padre
4.3. Propiedades anidadas
4.4. Selectores variables
Capítulo 5. Comentarios
Capítulo 6. SassScript
6.1. Shell interactiva
6.2. Variables
6.3. Tipos de datos
6.4. Operadores
6.5. Paréntesis
6.6. Funciones
6.7. Interpolación
6.8. Variables con valores por defecto
Capítulo 7. Reglas @ y directivas
7.1. La regla @import
7.2. La regla @media
7.3. La regla @extend
7.4. La regla @at-root
7.5. La regla @debug
7.6. La regla @warn
Capítulo 8. Directivas de control y expresiones
8.1. La función if()
8.2. La directiva @if
8.3. La directiva @for
8.4. La directiva @each
8.5. La directiva @while
Capítulo 9. Directivas mixin
9.1. Definiendo mixins con la directiva @mixin
9.2. Incluyendo mixins con @include
9.3. Argumentos
9.4. Pasando bloques de contenidos a los mixins
Capítulo 10. Directivas de función
Capítulo 11. Formato de salida
11.1. El formato :nested
11.2. El formato :expanded
11.3. El formato :compact
11.4. El formato :compressed
Capítulo 12. Extendiendo Sass
12.1. Definiendo funciones propias para Sass
12.2. Sistemas de caché
12.3. Importadores propios

Este es un manual de Responsive Web Design, la técnica que permite hacer webs adaptables a las condiciones del ordenador o dispositivo que las está accediendo. También las conocemos como técnicas adaptativas, focalizadas principalmente a las dimensiones de la pantalla.

Responsive Web Design no es una única técnica, sino son un conjunto de ellas que nos sirven para hacer diseños adaptables al medio donde se van a consumir. Por tanto, este manual no tiene un principio y un fin que pudiera estar perfectamente definido, sino que se podría ampliar su contenido en función de las necesidades de los sitios web en la actualidad, experiencia de los escritores o las novedades en los estándares como HTML y CSS para facilitar la adaptabilidad del diseño web.

En Internet no hemos encontrado una información completa y ordenada de principio a fin, en español, sobre Responsive Web Design, por lo que nos hemos decidido a escribir este texto que esperamos sirva de referencia para quien comienza a interesarse por la adaptabilidad del diseño o incluso para quien ya aplica el "Responsive".

En formato pdf. Contiene 59 páginas.

Guía de referéncia rápida de CSS3. Selectores: background, border, box model, font, text, column, color, template layout, table, speech, list & markers, animations, transitions, grid positioning, outline, 3D/2D transform, line box, hyperlink, positioning, ruby, paged media.

Curso en formato pdf de 14 páginas de hojas de estilo. Realizado por José Carlos García
Capítulo 1. Introducción.
Capítulo 2. Sintaxis y unidades de medida.
Capítulo 3. Propieda des de hojas de estilo.
Capítulo 4. Incorporación y vinculación.
Capítulo 5. Estilos en línea, prioridad y herencia.
Capítulo 6. Empleo de las hojas de estilo.
Capítulo 7. Empleo de las hojas de estilo (2).
Capítulo 8. Usar un estilo predeterminado según el navegador.

Introducción a CSS - Introducción a las hojas de estilo con CSS.