Los Cursos más visitados de CSS

Listado de los Cursos más visitados durante los últimos 30 días
sin imagen de perfil

.pdfManual_de_HTML_CSS


218 visualizaciones el último mes

HTML

,

CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 17 de Febrero del 2021 por Sebastián
1.809 visualizaciones desde el 17 de Febrero del 2021
Manual De HTML / CSS
Imágen de perfil

.videoCurso de Diseño Web


139 visualizaciones el último mes

Diseño

,

HTML

,

JavaScript

,

CSS

,

Bootstrap

Publicado el 27 de Julio del 2020 por Administrador
2.826 visualizaciones desde el 27 de Julio del 2020
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

Screenshot_20200727_192836
Imágen de perfil

.pdfAprendizaje CSS


113 visualizaciones el último mes

CSS

Publicado el 29 de Octubre del 2020 por Administrador
1.906 visualizaciones desde el 29 de Octubre del 2020
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.

Screenshot_20201029_162502
Imágen de perfil

.videoEfectos CSS3 - Curso Completo


98 visualizaciones el último mes

CSS

Publicado el 21 de Septiembre del 2020 por Administrador
1.193 visualizaciones desde el 21 de Septiembre del 2020
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

Screenshot_20200921_123059
Imágen de perfil

.pdfManual CSS Avanzado


81 visualizaciones el último mes

CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 31 de Octubre del 2015 por Administrador (Publicado el 13 de Octubre del 2009)
41.579 visualizaciones desde el 13 de Octubre del 2009
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.
Imágen de perfil

.htmlManual de CSS 3


68 visualizaciones el último mes

CSS

Publicado el 9 de Marzo del 2020 por Administrador
1.531 visualizaciones desde el 9 de Marzo del 2020
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.

Screenshot_20200309_205926
Imágen de perfil

internetGuía CSS 2.1


58 visualizaciones el último mes

CSS

Publicado el 12 de Febrero del 2020 por Administrador
1.242 visualizaciones desde el 12 de Febrero del 2020
Í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

Screenshot_20200212_204015
Imágen de perfil

.pdfManual de CSS3


57 visualizaciones el último mes

CSS

,

HTML

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 27 de Julio del 2019 por Administrador (Publicado el 28 de Marzo del 2017)
6.261 visualizaciones desde el 28 de Marzo del 2017
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.

1517954025_1517911308_manual_css3
Imágen de perfil

.htmlUso de Adobe Dreamweaver CS5 y CS5.5


52 visualizaciones el último mes

Dreamweaver

,

CSS

,

HTML

,

PHP

Actualizado el 11 de Octubre del 2018 por Administrador (Publicado el 19 de Octubre del 2015)
7.567 visualizaciones desde el 19 de Octubre del 2015
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.
Imágen de perfil

internetTutorial CSS


51 visualizaciones el último mes

CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 29 de Enero del 2020 por Administrador
1.189 visualizaciones desde el 29 de Enero del 2020
¿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

Screenshot_20200129_183227
Imágen de perfil

.videoCurso de Bootstrap 4


49 visualizaciones el último mes

Bootstrap

,

CSS

Publicado el 15 de Diciembre del 2019 por Administrador
2.041 visualizaciones desde el 15 de Diciembre del 2019
Í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

Screenshot_20191215_234338
Imágen de perfil

.pdfCurso de Maquetación CSS y Bootstrap 3


41 visualizaciones el último mes

CSS

,

Bootstrap

Publicado el 7 de Mayo del 2019 por Administrador
2.735 visualizaciones desde el 7 de Mayo del 2019
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.

Screenshot_20190507_222806
Imágen de perfil

internetGuía de CSS 3


38 visualizaciones el último mes

CSS

Publicado el 27 de Enero del 2020 por Administrador
1.375 visualizaciones desde el 27 de Enero del 2020
Í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

Screenshot_20200127_122221
Imágen de perfil

internetGuía de Referencia Rápida de CSS 3


36 visualizaciones el último mes

CSS

Publicado el 11 de Diciembre del 2012 por Administrador
5.647 visualizaciones desde el 11 de Diciembre del 2012
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.
Imágen de perfil

.pdfCurso de Hojas de Estilo


34 visualizaciones el último mes

CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 9 de Mayo del 2020 por Administrador (Publicado el 5 de Abril del 2005)
15.093 visualizaciones desde el 5 de Abril del 2005
Manual de hojas de estilo realizado por José Carlos García. En formato pdf.

1517944817_1517911293_tut[css]
Imágen de perfil

.videoCurso de CSS en 50 trucos


34 visualizaciones el último mes

CSS

Publicado el 21 de Julio del 2016 por Administrador
2.768 visualizaciones desde el 21 de Julio del 2016
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
Imágen de perfil

.pdfGuía completa de CSS3


28 visualizaciones el último mes

CSS

Actualizado el 11 de Octubre del 2015 por Administrador (Publicado el 21 de Marzo del 2013)
12.698 visualizaciones desde el 21 de Marzo del 2013
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.
Imágen de perfil

.pdfManual de Responsive Web Design


27 visualizaciones el último mes

CSS

Publicado el 8 de Agosto del 2019 por Administrador
1.584 visualizaciones desde el 8 de Agosto del 2019
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.

Screenshot_20190808_153044
Imágen de perfil

.htmlManual de Responsive Web Design


24 visualizaciones el último mes

CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 29 de Septiembre del 2016 por Administrador
1.909 visualizaciones desde el 29 de Septiembre del 2016
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".
Imágen de perfil

.pdfHTML5 y CSS3


24 visualizaciones el último mes

HTML

,

CSS

Publicado el 3 de Septiembre del 2019 por Administrador
2.141 visualizaciones desde el 3 de Septiembre del 2019
Í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.

Screenshot_20190903_234921
Imágen de perfil

.videoCurso de HTML y CSS 2018


23 visualizaciones el último mes

HTML

,

CSS

Publicado el 3 de Diciembre del 2018 por Administrador
1.616 visualizaciones desde el 3 de Diciembre del 2018
Aprende a crear sitios web utilizando HTML y CSS, este curso paso a paso y desde cero a experto, pondrás en práctica todo lo que iremos aprendiendo para convertirnos en un desarrollador web.

Este curso completo aprenderás las principales etiquetas de HTML para construir sitios web adaptables a celulares y tablet.

En el capítulo 1 veremos una introducción a HTML y CSS, además de conocer como trabajar con un editor de código llamado Visual Studio Code. Este nos ayuda a crear etiquetas y nos pinta todo con colores.

En el capítulo 2 ya comenzaremos con los fundamentos de HTML5, sus versiones y sus sintaxis.

En el capítulo 3 veremos fundamentos de CSS3, así ya podremos colocar estilos a nuestras páginas web.

En el capítulo 4 crearemos un Navbar - Menú de navegación, el cual nos servirá para poder ir navegando entre diferentes pestañas de tu sitio web.

En el capítulo 5 desarrollaremos una tabla de precios utilizando Flexbox, una de las principales características de CSS3.

Se irán agregando nuevas secciones, por lo tanto al finalizar el curso tendrás un sitio web completo construido paso a paso y desde cero.
Imágen de perfil

.videoCurso Responsive Design


23 visualizaciones el último mes

CSS

,

Usabilidad

Publicado el 3 de Diciembre del 2019 por Administrador
1.212 visualizaciones desde el 3 de Diciembre del 2019
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

Screenshot_20191203_214452
Imágen de perfil

.pdfBasic CSS


20 visualizaciones el último mes

CSS

Actualizado el 9 de Mayo del 2020 por Administrador (Publicado el 7 de Julio del 2010)
6.357 visualizaciones desde el 7 de Julio del 2010
Manual de CSS realizado por Dwight VanTuyl. En formato pdf. Contiene 24 páginas.
Imágen de perfil

.pdfCSS3 y Javascript avanzado


19 visualizaciones el último mes

CSS

Publicado el 24 de Diciembre del 2013 por Administrador
15.549 visualizaciones desde el 24 de Diciembre del 2013
En este manual proveniente de la UOC se analizan dos de las tecnologías más punteras en cuanto al desarrollo web (CSS3) y de la programación en general (Javascript).
Imágen de perfil

.htmlCurso de HTML y CSS


17 visualizaciones el último mes

HTML

,

CSS

estrellaestrellaestrellaestrellaestrella(10)
Actualizado el 9 de Abril del 2019 por Administrador (Publicado el 10 de Febrero del 2004)
20.979 visualizaciones desde el 10 de Febrero del 2004
Curso de HTML claro y sencillo, para aprender a hacer paginas web desde cero.

1. Introducción a HTML
2. Etiquetas de Texto
3. Hiperenlaces
4. Listas
5. Imágenes
6. Tablas
7. Vídeo y audio
8. Formularios
9. Hojas de estilo CSS. Sintaxis. Selectores
10. CSS. Unidades. Color. Margen. Fondo. Borde
11. CSS. Fuente y texto.
12. Estructura de una página web
13. Posicionamiento. Flexbox. Grid
14. Técnicas de diseño web
15. Introducción a los gráficos Canvas
16. Introducción a SVG. Gráficos redimensionables
17. Publicar en internet
18. Referencia de etiquetas HTML
Imágen de perfil

.pdfCSS3 for web Designers


17 visualizaciones el último mes

CSS

Publicado el 24 de Abril del 2013 por Administrador
15.298 visualizaciones desde el 24 de Abril del 2013
Completo libro de CSS3 para diseñadores. Dividido en:
Capitulo 1. Using CSS3 Today
Capitulo 2. Understanding CSS Transitions
Capitulo 3. Hover-Crafting with CSS3
Capitulo 4. Transforming the Message
Capitulo 5. MultipleBackgrounds
Capitulo 6. EnrichingForms
Capitulo 7. Conclusion
En formato pdf. Contiene 133 páginas.
Imágen de perfil

.pdfHTML5 y CSS3


17 visualizaciones el último mes

HTML

,

CSS

Publicado el 13 de Febrero del 2019 por Administrador
1.914 visualizaciones desde el 13 de Febrero del 2019
Manual de introducción a HTML5 y CSS3 en formato diapositivas.

En formato pdf. Contiene 74 páginas.

Screenshot_20190213_205833