Promedio de descarga/visualización de los códigos de CSS

Listado de los códigos con más promedio de visualizaciones realizadas por día desde su publicación en la web.
Imágen de perfil

.videoCurso de Diseño Web


22 visualizaciones de promedio por día

Diseño

,

HTML

,

JavaScript

,

CSS

,

Bootstrap

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

.pdfManual CSS Avanzado


10 visualizaciones de promedio por día

CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 31 de Octubre del 2015 por Administrador (Publicado el 13 de Octubre del 2009)
40.337 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

.pdfCSS3 y Javascript avanzado


6 visualizaciones de promedio por día

CSS

Publicado el 24 de Diciembre del 2013 por Administrador
15.368 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

.pdfCurso de Hojas de Estilo


6 visualizaciones de promedio por día

CSS

Actualizado el 21 de Octubre del 2013 por Administrador (Publicado el 19 de Mayo del 2009)
24.271 visualizaciones desde el 19 de Mayo del 2009
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.
Imágen de perfil

.pdfCSS3 for web Designers


6 visualizaciones de promedio por día

CSS

Publicado el 24 de Abril del 2013 por Administrador
15.142 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

.htmlManual de CSS 3


6 visualizaciones de promedio por día

CSS

Publicado el 9 de Marzo del 2020 por Administrador
836 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

.pdfHTML5 y CSS3


5 visualizaciones de promedio por día

HTML

,

CSS

Publicado el 3 de Septiembre del 2019 por Administrador
1.784 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

.pdfManual básico de CSS


5 visualizaciones de promedio por día

CSS

Actualizado el 8 de Abril del 2014 por Administrador (Publicado el 2 de Abril del 2007)
25.484 visualizaciones desde el 2 de Abril del 2007
Manual básico de CSS en formato pdf. Contiene 16 páginas.
Imágen de perfil

.pdfGuía Completa de CSS3


5 visualizaciones de promedio por día

CSS

Publicado el 13 de Agosto del 2013 por Administrador
13.057 visualizaciones desde el 13 de Agosto del 2013
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.
Imágen de perfil

.videoCurso Maquetación web desde cero


5 visualizaciones de promedio por día

HTML

,

CSS

Publicado el 24 de Noviembre del 2019 por Administrador
1.271 visualizaciones desde el 24 de Noviembre del 2019
Curso de maquetación web dividido en 15 vídeos.

Screenshot_20191124_211826
Imágen de perfil

internetGuía de CSS 3


5 visualizaciones de promedio por día

CSS

Publicado el 27 de Enero del 2020 por Administrador
946 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

.videoCurso de Bootstrap 4


5 visualizaciones de promedio por día

Bootstrap

,

CSS

Publicado el 15 de Diciembre del 2019 por Administrador
1.141 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

.pdfIntroducción a CSS


5 visualizaciones de promedio por día

CSS

Actualizado el 28 de Agosto del 2013 por Administrador (Publicado el 16 de Septiembre del 2008)
20.503 visualizaciones desde el 16 de Septiembre del 2008
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
Imágen de perfil

.videoCurso de CSS3


5 visualizaciones de promedio por día

CSS

Publicado el 24 de Julio del 2013 por Administrador
11.779 visualizaciones desde el 24 de Julio del 2013
Colección de 13 vídeo tutoriales de CSS3.
Contiene:
01.- ¿Qué hay de nuevo?
02.- Crear efectos gráficos sin gráficos.
03.- Crear semitransparencias, gradientes y sombras
04.- Usos de la Propiedad Transform
05.- Uso de Css3 en el trabajo con imágenes.
06.- Usar gráficos en bordes y fuentes Web.
07.- Selectores de Atributos.
08.- Pseudo-clases y Pseudo-elementos
09.- Prácticas con Pseudo-Clases
10.- Transiciones y animaciones
011.- Uso de Media Queries.
012.- Multi-Columns y diseño para móviles.
013.- Diseñar sin floats ni posicionamientos.
Imágen de perfil

.pdfGuía completa de CSS3


5 visualizaciones de promedio por día

CSS

Actualizado el 11 de Octubre del 2015 por Administrador (Publicado el 21 de Marzo del 2013)
12.348 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 CSS3


5 visualizaciones de promedio por día

CSS

,

HTML

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

internetGuía práctica y ejemplos de CSS


5 visualizaciones de promedio por día

CSS

Actualizado el 1 de Mayo del 2011 por Administrador (Publicado el 18 de Octubre del 2005)
24.466 visualizaciones desde el 18 de Octubre del 2005
Durante este documento se abordara el tema del diseño de páginas Web mediante el uso de Hojas de Estilo en Cascada (CSS a partir de ahora) aplicado al ya conocido HTML. Este documento no pretende ser un manual ni una guía de referencia, de estos ya existen muchos en la red.

La intención es mostrar casos de uso prácticos de CSS que ayuden a ilustrar el uso y el potencial de este lenguaje. Por ello, se sobreentenderá que el lector ya tiene ciertos conocimientos del funcionamiento del Web y de CSS. Se propondrán ejemplos prácticos de cómo resolver ciertos problemas que con HTML puro no se pueden conseguir y de cómo utilizar algunas características de CSS para mejorar el aspecto de nuestras páginas Web.
Imágen de perfil

.pdfCurso de Maquetación CSS y Bootstrap 3


5 visualizaciones de promedio por día

CSS

,

Bootstrap

Publicado el 7 de Mayo del 2019 por Administrador
2.058 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

.pdfManual Rápido de CSS


4 visualizaciones de promedio por día

CSS

Actualizado el 8 de Marzo del 2019 por Administrador (Publicado el 2 de Diciembre del 2009)
16.564 visualizaciones desde el 2 de Diciembre del 2009
Una aproximación para el estudiante con interés en el dominio y consulta de CSS para la aplicación de estilos en el desarrollo de páginas Web. En formato pdf. Contiene 25 páginas.
- Herencia
- Cascada
- Reglas
- Selectores de CSS
- Pseudo-Selectores de CSS
- Propiedades Iniciales de CSS
- El Modelo de Cajas de CSS

1455746944_manualrapido_css
sin imagen de perfil

.zipTutorial de CSS


4 visualizaciones de promedio por día

CSS

Publicado el 21 de Septiembre del 2004 por Ferran Perdrix
23.807 visualizaciones desde el 21 de Septiembre del 2004
Interesantísimo manual de hojas de estilo CSS en formato pdf. Contiene 96 páginas. Este manual ha sido creado y publicado por Ferrán Perdrix componente de la asociación AIPO y del grupo GRIHO.
Imágen de perfil

.htmlUso de Adobe Dreamweaver CS5 y CS5.5


4 visualizaciones de promedio por día

Dreamweaver

,

CSS

,

HTML

,

PHP

Actualizado el 11 de Octubre del 2018 por Administrador (Publicado el 19 de Octubre del 2015)
6.929 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


4 visualizaciones de promedio por día

CSS

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

internetGuía CSS 2.1


4 visualizaciones de promedio por día

CSS

Publicado el 12 de Febrero del 2020 por Administrador
672 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

.videoCurso Responsive Design


4 visualizaciones de promedio por día

CSS

,

Usabilidad

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

internetTutorial de CSS


4 visualizaciones de promedio por día

CSS

Publicado el 12 de Mayo del 2011 por Administrador
12.400 visualizaciones desde el 12 de Mayo del 2011
Tutorial de estilos CSS dividido en:
- introducción
- propiedades CSS
- ejemplos con CSS
Imágen de perfil

internetManual de estilo y diseño de sitios y páginas Web


4 visualizaciones de promedio por día

Diseño

,

CSS

Actualizado el 8 de Enero del 2019 por Administrador (Publicado el 17 de Septiembre del 2008)
15.927 visualizaciones desde el 17 de Septiembre del 2008
Guía de diseño de páginas Web en formato pdf. Contiene 79 páginas.
Imágen de perfil

internetTutorial de CSS3


4 visualizaciones de promedio por día

CSS

Publicado el 7 de Febrero del 2013 por Administrador
9.737 visualizaciones desde el 7 de Febrero del 2013
El objetivo de este tutorial es conocer y practicar con las nuevas propiedades que nos presenta el css3. Disponemos de un concepto teórico, un ejercicio resuelto y la vista en ejecución de la página con su hoja de estilo.
Imágen de perfil

.htmlCurso de HTML y CSS


3 visualizaciones de promedio por día

HTML

,

CSS

estrellaestrellaestrellaestrellaestrella(10)
Actualizado el 9 de Abril del 2019 por Administrador (Publicado el 10 de Febrero del 2004)
20.682 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

.pdfManual de Responsive Web Design


3 visualizaciones de promedio por día

CSS

Publicado el 8 de Agosto del 2019 por Administrador
1.206 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

.pdfHTML5 y CSS3


3 visualizaciones de promedio por día

HTML

,

CSS

Publicado el 13 de Febrero del 2019 por Administrador
1.666 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