Los Cursos más visitados de CSS

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

.videoCurso de Diseño Web


180 visualizaciones el último mes

Diseño

,

HTML

,

JavaScript

,

CSS

,

Bootstrap

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


85 visualizaciones el último mes

CSS

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

.videoCurso de Bootstrap 4


74 visualizaciones el último mes

Bootstrap

,

CSS

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

.htmlManual de CSS 3


53 visualizaciones el último mes

CSS

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


49 visualizaciones el último mes

CSS

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

.htmlUso de Adobe Dreamweaver CS5 y CS5.5


45 visualizaciones el último mes

Dreamweaver

,

CSS

,

HTML

,

PHP

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

.pdfManual de CSS3


45 visualizaciones el último mes

CSS

,

HTML

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


38 visualizaciones el último mes

CSS

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

.pdfBasic CSS


37 visualizaciones el último mes

CSS

Actualizado el 9 de Mayo del 2020 por Administrador (Publicado el 7 de Julio del 2010)
6.065 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

.pdfCurso de Hojas de Estilo


32 visualizaciones el último mes

CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 9 de Mayo del 2020 por Administrador (Publicado el 5 de Abril del 2005)
14.679 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

.pdfHTML5 y CSS3


31 visualizaciones el último mes

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

.htmlCurso de HTML y CSS


29 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.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

internetTutorial Bootstrap Ya


27 visualizaciones el último mes

CSS

Publicado el 21 de Noviembre del 2017 por Administrador
1.560 visualizaciones desde el 21 de Noviembre del 2017
El objetivo de este tutorial es conocer y practicar el framework Bootstrap. Se presentan primero los conceptos básicos y ejercicios para probarlos y modificarlos.
Se requiere tener conocimientos previos de HTML y CSS.

Contenidos:
1 - ¿Qué es Bootstrap?
2 - Sistema de grillas de Bootstrap
3 - Múltiples reglas a las columnas de una fila.
4 - Anidamiento de columnas
5 - Offset (desplazamiento) de columnas
6 - Contenedor: container y containter-fluid
7 - table : básica
8 - table : con filas con colores alternos
9 - table : con borde en cada celda.
10 - table : iluminar la fila donde se encuentra el mouse (hover)
11 - table : tabla condensada.
12 - table : adaptable.
13 - table : clases contextuales aplicadas a filas y celdas.
14 - form : controles input (text,password)
15 - form : control textarea
16 - form : controles checkbox y radio
17 - form : control select
18 - form : formulario en una línea
19 - form : formulario horizontal
20 - form : control y grupo de controles HTML deshabilitados
21 - button : estilos
22 - button : tamaño
23 - button : desactivo
24 - button : grupo de botones, barra de herramientas y tamaños.
25 - Tipografía : títulos
26 - Tipografía : colores según el contexto.
27 - Tipografía : listas
28 - Tipografía : citas de bloque
29 - Tipografía : abreviaturas e iniciales
30 - Tipografía : Código y bloques de código.
31 - Tipografía : Clases para el alineado, justificado, transformación de texto etc.
32 - Iconos
33 - Imágenes
34 - Componente : jumbotron
35 - Componente : panel
36 - Componente : navegación por pestañas
37 - Componente : paginación
38 - Componente : barra de progreso
39 - Componente : barra de navegación simple
40 - Componente : Menú desplegable (Javascript)
Imágen de perfil

.videoCurso Maquetación web desde cero


27 visualizaciones el último mes

HTML

,

CSS

Publicado el 24 de Noviembre del 2019 por Administrador
1.270 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

.pdfCurso de Maquetación CSS y Bootstrap 3


27 visualizaciones el último mes

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

.videoCurso Completo de Bootstrap 4


26 visualizaciones el último mes

Bootstrap

,

CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 10 de Octubre del 2018 por Administrador
1.485 visualizaciones desde el 10 de Octubre del 2018
Curso completo de Bootstrap 4 en vídeo. Duración 4h 40m
Imágen de perfil

.videoCurso Responsive Design


26 visualizaciones el último mes

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

.pdfGuía completa de CSS3


25 visualizaciones el último mes

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

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


24 visualizaciones el último mes

Diseño

,

CSS

Actualizado el 8 de Enero del 2019 por Administrador (Publicado el 17 de Septiembre del 2008)
15.926 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

.htmlManual de Responsive Web Design


24 visualizaciones el último mes

CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 29 de Septiembre del 2016 por Administrador
1.752 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

internetTutorial CSS


24 visualizaciones el último mes

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

.pdfHTML5 y CSS3


20 visualizaciones el último mes

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
Imágen de perfil

.pdfManual Rápido de CSS


18 visualizaciones el último mes

CSS

Actualizado el 8 de Marzo del 2019 por Administrador (Publicado el 2 de Diciembre del 2009)
16.563 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
Imágen de perfil

.videoTutoriales de CSS y CSS3


18 visualizaciones el último mes

CSS

Publicado el 14 de Diciembre del 2015 por Administrador
2.125 visualizaciones desde el 14 de Diciembre del 2015
Colección de tutoriales de CSS y CSS3. Contiene 90 vídeos.
Contenidos:
1. Curso Django 12 - HTML y CSS
2. Curso Twitter Bootstrap CSS - 1: Introducción
3. FIN de Curso Twitter Bootstrap CSS - 56: Nuevas caracteristicas a Bootstrap 3
4. Curso Twitter Bootstrap CSS - 55: Links de ayuda!
5. Curso Twitter Bootstrap CSS - 54: Imágenes de fondo
6. Curso Twitter Bootstrap CSS - 53: Degradados radiales
7. Curso Twitter Bootstrap CSS - 52: Esquemas de colores con less dinamicos
8. Curso Twitter Bootstrap CSS - 51: Iconos vectoriales con less
9. Curso Twitter Bootstrap CSS - 50: Lanfding page
10. Curso Twitter Bootstrap CSS - 49: Degradados con Less
11. Curso Twitter Bootstrap CSS - 48: Escribiendo mi propio CSS
12. Curso Twitter Bootstrap CSS - 47: Cambio de apariencia del menu
13. Curso Twitter Bootstrap CSS - 46: Tipo de fuente de Google Font
14. Curso Twitter Bootstrap CSS - 45: Personalizar Bootstrap
15. Curso Twitter Bootstrap CSS - 44: Entorno de trabajo con mis estilos
16. Curso Twitter Bootstrap CSS - 43: Compular desde Sublime text
17. Curso Twitter Bootstrap CSS - 42: Flujo de trabajo con bootstrap-less
18. Curso Twitter Bootstrap CSS - 41: Import
19. Curso Twitter Bootstrap CSS - 40: Reglas anidadas en less
20. Curso Twitter Bootstrap CSS - 39: Mixin en less
21. Curso Twitter Bootstrap CSS - 38: Variables en less
22. Curso Twitter Bootstrap CSS - 37: Nodejs y less
23. Curso Twitter Bootstrap CSS - 36: Código fuente y estructura de directorios
24. Curso Twitter Bootstrap CSS - 35: Carrusel o slide JS
25. Curso Twitter Bootstrap CSS - 34: Cassusel o slide
26. Curso Twitter Bootstrap CSS - 33: Colapsable o acordeon
27. Curso Twitter Bootstrap CSS - 32: Buttons radio y checkbox
28. Curso Twitter Bootstrap CSS - 31: Popover eventos JS
29. Curso Twitter Bootstrap CSS - 30: Popover
30. Curso Twitter Bootstrap CSS - 29: Tooltips
31. Curso Twitter Bootstrap CSS - 28: Tabs
32. Curso Twitter Bootstrap CSS - 27: Modal JS
33. Curso Twitter Bootstrap CSS - 26: Modal
34. Curso Twitter Bootstrap CSS - 25: Utilidades generales
35. Curso Twitter Bootstrap CSS - 24: Listados de registros
36. Curso Twitter Bootstrap CSS - 23: Barras de progreso
37. Curso Twitter Bootstrap CSS - 22: Notificaciones
38. Curso Twitter Bootstrap CSS - 21: Thumbnails
39. Curso Twitter Bootstrap CSS - 20: CSS labels y badged
40. Curso Twitter Bootstrap CSS - 19: Paginación
41. Curso Twitter Bootstrap CSS - 18: Breadcrumb
42. Curso Twitter Bootstrap CSS - 17: Menu navbar
43. Curso Twitter Bootstrap CSS - 16: Listas nav verticales
44. Curso Twitter Bootstrap CSS - 15: Listas nav
45. Curso Twitter Bootstrap CSS - 14: Grupos de botones
46. Curso Twitter Bootstrap CSS - 13: Íconos vectoriales con awesome font
47. Curso Twitter Bootstrap CSS - 12: Íconos
48. Curso Twitter Bootstrap CSS - 11: Imágenes
49. Curso Twitter Bootstrap CSS - 10: Botones
50. Curso Twitter Bootstrap CSS - 9: Formularios
51. Curso Twitter Bootstrap CSS - 8: Tablas
52. Curso Twitter Bootstrap CSS - 7: Zen Coding en sublime text
53. Curso Twitter Bootstrap CSS - 6: Ocultar elementos segun dispositivo
54. Curso Twitter Bootstrap CSS - 5: Responsive design
55. Curso Twitter Bootstrap CSS - 4: Columnas anidadas
56. Curso Twitter Bootstrap CSS - 3: Grid para maquetar
57. Curso Twitter Bootstrap CSS - 2: Cómo se usa
58. Crea un Tema de WordPress: Parte 13 - Retoque CSS veloz
59. 18. Tutorial CSS: Position
60. 17. Tutorial CSS: Márgenes
61. 16. Tutorial CSS: Degradados
62. 15. Tutorial CSS: Colores
63. Curso Completo - Página web en HTML5 y CSS
64. 13. Tutorial CSS: Backgrounds
65. Crea una Página Web en HTML5 y CSS - Parte 15: Validación HTML5 (ÚLTIMA PARTE!)
66. Crea una Página Web en HTML5 y CSS - Parte 14: Navegación
67. Crea una Página Web en HTML5 y CSS - Parte 13: Fuentes Personalizadas
68. Crea una Página Web en HTML5 y CSS - Parte 12: CSS en Media
69. Crea una Página Web en HTML5 y CSS - Parte 11: Media
70. 13. jQuery: Clases de CSS
71. Crea una Página Web en HTML5 y CSS - Parte 10: CSS en Formulario
72. Crea una Página Web en HTML5 y CSS - Parte 9: Formulario de Contacto II
73. 12. jQuery: Método CSS
74. Crea una Página Web en HTML5 y CSS - Parte 8: Formulario de Contacto
75. Crea una Página Web en HTML5 y CSS - Parte 7
76. Crea una Página Web en HTML5 y CSS - Parte 6
77. Crea una Página Web en HTML5 y CSS - Parte 5 - Configurando Canvas
78. Crea una Página Web en HTML5 y CSS - Parte 4 - Footer
79. Crea una Página Web en HTML5 y CSS - Parte 3 - Aplicando CSS al Index
80. Crea una Página Web en HTML5 y CSS: Parte 2
81. Crea una Página Web en HTML5 y CSS: Parte 1
82. 10. Tipos de Letra en CSS
83. 8. Tamaño en CSS
84. 7. Prefijos en CSS
85. 6. Pseudo Elementos en CSS
86. 5. Pseudo Clases en CSS
87. 4. Curso de CSS - Selectores
88. 3. Aplicar CSS a una página web
89. 2. Curso de CSS - Sintaxis
90. 1. Curso de CSS - Introducción
Imágen de perfil

.videoCurso de HTML y CSS


17 visualizaciones el último mes

HTML

,

CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Marzo del 2019 por Administrador
1.386 visualizaciones desde el 19 de Marzo del 2019
Curso de calidad, con ejercicios, videotutoriales y evaluaciones, para aprender todo lo necesario sobre HTML y CSS.

Índice de Contenidos:
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 básico de CSS


16 visualizaciones el último mes

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

.videoCurso básico de Sass en vídeos


16 visualizaciones el último mes

CSS

Publicado el 14 de Julio del 2016 por Administrador
1.432 visualizaciones desde el 14 de Julio del 2016
Guía básica de introducción a Sass.
Vídeos:
1.- Introducción
2.- Instalar Sass
3.- Primeros Pasos en Sass
4.- Anidación de Código (Nesting)
5.- Los Comentarios en Sass
6.- Las Variables
7.- Los mixins
8.- Extender Estilos con extend y Placeholder
9.- La regla import y los Partials
10.- Funciones de Color
11.- Los Media Queries
12.- Interpolación de variables
13.- Directivas de control If y Else
14.- Directiva de control For
15.- Directiva de control While
16.- Directiva Each
17.- El uso de Operadores
18.- Las Variables
Imágen de perfil

.videoCurso de CSS y CSS3


16 visualizaciones el último mes

CSS

Publicado el 20 de Junio del 2018 por Administrador
926 visualizaciones desde el 20 de Junio del 2018
Curso de CSS3 completo en un vídeo de 5h.
Imágen de perfil

.pdfManual de Responsive Web Design


16 visualizaciones el último mes

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

.pdfCSS3 y Javascript avanzado


15 visualizaciones el último mes

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).