CURSOS de CSS

Mostrando del 1 al 10 de 90 registros
<<>>
Imágen de perfil

.pdfCurso de Hojas de Estilo


CSS

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

.pdfBasic CSS


CSS

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

.htmlManual de CSS 3


CSS

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


CSS

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

internetTutorial CSS


CSS

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


CSS

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


Bootstrap

,

CSS

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

.videoTransformaciones en CSS3


CSS

Publicado el 8 de Diciembre del 2019 por Administrador
429 visualizaciones desde el 8 de Diciembre del 2019
Índice de vídeos:
1.- Bienvenido
2.- Animando para la Web
3.- Preparando el Entorno de Trabajo
4.- Transformaciones
5.- Translate
6.- Skew
7.- Rotate
8.- Scale y Transform Origin
9.- Instroducción a las Transiciones
10.- Atributos de la Propiedad Transition
11.- Funciones de Tiempo
12.- Curva Bezier
13.- Creando un CardFan
14.- Creando un CardFan Final
15.- Efecto lightbox Inicio
16.- Efecto lightbox Fin
17.- Transiciones para Elementos Web
18.- Captions Parte I
19.- Captions Parte II
20.- Como utilizar los Keyframes
21.- Controlando la Animación
22.- Cool Animation (Recomendado)
23.- Conclusión

Screenshot_20191208_214510
Imágen de perfil

.videoCurso Responsive Design


CSS

,

Usabilidad

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

.videoCurso Maquetación web desde cero


HTML

,

CSS

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

Screenshot_20191124_211826