Sumario HTML5 CSS

8
PRELIMINARES
Contenido
El mundo segn CSS .................................................41

Resumen ....................................................................41
Sobre los autores........................................................ 4
Actividades ................................................................42
Prlogo ....................................................................... 5
El libro de un vistazo .................................................. 6
Informacin complementaria..................................... 7
Introduccin ............................................................. 12
JavaScript avanzado
El lenguaje de programacin de la Web ...................44
Conceptos generales..............................................45
Variables y tipos de datos ......................................46
Introduccin a HTML5
La consola .............................................................48
HTML, un lenguaje con historia................................14
Arrays ...................................................................52
Rumbo a la revolucin de la Web ...........................18
Trabajar con el DOM..................................................57
Nace HTML5 ........................................................19
Buscar elementos en el DOM ................................59
La cada del imperio de Flash................................20
Modificar estilos y propiedades
Qu es HTML5? ..................................................22
de los elementos del DOM .....................................61
Caractersticas fundamentales de HTML5 ...............25
Crear elementos ....................................................63
Diferencias entre HTML 4.01,
Objetos con JavaScript ..........................................66
XHTML 1.0 y HTML5................................................26
Agregar propiedades
Esa rara etiqueta llamada doctype ........................26
a nuestros objetos ..................................................67
Tipos de doctype para HTML 4.01 ........................27
JSON ..........................................................................67
Tipos de doctype para XHTML 1.0 .......................28
Parsear JSON en JavaScript .................................69
Doctype para HTML5 ...........................................30
Programacin basada en prototipos ......................71
El uso de la etiqueta <html> .................................30
Excepcin TypeError .............................................72
Un sitio, un idioma.................................................31
Resumen ....................................................................73
Cambios en la sintaxis general .............................33
Actividades ................................................................74
Atributos: menos es ms ........................................38

Los elementos que pasaron a la historia ..................40
Etiquetas deprecadas ............................................40
La revolucin de HTML5
La Web semntica......................................................76
Cmo nace?.........................................................76
Qu es la Web semntica? ...................................76
Beneficios de la Web semntica ............................82
Semntica en HTML5...........................................83
Anatoma de un sitio web..........................................83
Nuevos elementos de secciones ................................86
Crear encabezados con <header>..........................87
www.redusers.com
SITIOS MULTIPLATAFORMA CON HTML5 + CSS3
Navegacin ms
Aadir un poster a nuestro video ......................141
semntica con <nav> .............................................89
Reproduccin automtica ....................................142
Cierres con <footer> .............................................91
Reproduccin continua ........................................143
La famosa etiqueta <article> ................................95
Audio en HTML5 .....................................................143
Creando secciones con <section> ..........................97
Audio y video avanzado con JavaScript..................144
La etiqueta <aside> ............................................102
Reproductores de video de terceros.....................148
Adis a la etiqueta <hgroup> ..............................105
Resumen ..................................................................149
Nuevos elementos de agrupamiento
Actividades ..............................................................150
en HTML5 ................................................................106
La llegada de <main> .........................................106
Crear figuras mediante <figure> .........................107
Nuevos elementos semnticos de texto..................111
La API de dibujo Canvas
La etiqueta <time> .............................................111
Introduccin al uso de Canvas ................................152
La nueva etiqueta <data> ...................................115
Trabajar con Canvas ............................................153
La etiqueta <mark> ............................................116
Primeros dibujos .................................................155
Las etiquetas <ruby>, <rt> y <rp> ......................117
Crculos ...............................................................159
La etiqueta <bdi>................................................120
Bordes redondeados ............................................160
La etiqueta <wbr> ..............................................121
Curvas cuadrticas ..............................................161
Los elementos que fueron modicados..................122
Curvas de Bzier .................................................162
La etiqueta <a> ..................................................122
Relleno con gradientes ........................................163
La etiqueta <address> ........................................123
Trabajar con imgenes ........................................166
La etiqueta <cite>...............................................124
Trabajar con texto ...............................................168
La etiqueta <hr> .................................................124
Canvas avanzado, animaciones y frameworks ........170
La etiqueta <i> ...................................................125
EaselJS ...............................................................170
La etiqueta <b> ..................................................126
KineticJS ............................................................173
La etiqueta <em> ...............................................126
Resumen ..................................................................175
La etiqueta <strong>...........................................127
Actividades ..............................................................176
La etiqueta <small> ............................................127

Atributos globales de HTML5 .................................128
Resumen ..................................................................131
Actividades ..............................................................132
Formularios
Trabajar con formularios .........................................178
Elementos ...........................................................178
Nuevos elementos en HTML5 .................................187
Multimedia
Compatibilidad ....................................................187
Audio y video ..........................................................134
Inputs ..................................................................188
Video en HTML5 .....................................................134
Trabajar con fechas .............................................194
Subttulos en el video ..........................................138
Nuevos atributos..................................................198
www.redusers.com
10
PRELIMINARES
Realizar validaciones...........................................202
Text-shadow ........................................................258
Resumen ..................................................................205
Propiedades de texto...............................................259
Actividades ..............................................................206
Word-wrap ..........................................................259
Text-overflow.......................................................260
Word-break .........................................................261
Columnas de texto...................................................262
Selectores avanzados
Column-count ......................................................263
La magia de los selectores ......................................208
Column-width ......................................................263
Selectores bsicos ...............................................208
Column-gap .........................................................263
Selectores avanzados .........................................218
Column-rule.........................................................263
Pseudoclases y pseudoelementos ...........................227
Column-fill...........................................................264
Pseudoclases y pseudoelementos de CSS3 ..........229
Column-span........................................................264
Resumen ..................................................................237
Columns ..............................................................264
Actividades ..............................................................238
Propiedades de Interfaz de Usuario (UI) ...............265

Resize .................................................................265
Box-sizing............................................................266
Outline-offset.......................................................266
Las nuevas capacidades

de CSS3
Resumen ..................................................................267
Un nuevo universo de posibilidades ........................240
Actividades ..............................................................268
Appearance .........................................................267
Prefijos en etapa de desarrollo ............................240

Cundo usar los prefijos.......................................241
Nuevos modos de color ...........................................242
Color RGB...........................................................242
Interfaz de usuario avanzada
Color HSL ...........................................................243
Tipografas especiales .............................................270
Colores translcidos.............................................243
Implementacin de tipografas ............................270
Opacidad .............................................................244
Uso de fuentes locales .........................................272
Nuevas opciones para fondos..................................245
Obtener tipografas ..............................................272
Background-size ..................................................245
Transformaciones ....................................................275
Background-origin ...............................................246
Rotate .................................................................275
Background-clip ..................................................246
RotateX y rotateY ...............................................276
Mltiples imgenes para los fondos .....................247
Scale, scalex y scaley...........................................277
Fondos degradados ..............................................248
Skew, skewx y skewy ...........................................278
Bordes ......................................................................252
Translate, translatex y translatey .........................279
Border-radius ......................................................252
Sumar transformaciones .....................................280
Border-image ......................................................253
Transiciones .............................................................282
Sombras ...................................................................256
Animaciones ............................................................284
Box-shadow .........................................................257
Usar la API para Drag&Drop ..................................287
www.redusers.com
11
SITIOS MULTIPLATAFORMA CON HTML5 + CSS3
Antes de empezar................................................287
Eventos touch..........................................................297
Mover elementos .................................................298
Resumen ..................................................................301
Actividades ..............................................................302
Diseo adaptable
con media queries
El diseo adaptable .................................................304
El mundo de las media queries ...............................305
Antepasados de las media queries .......................305
Anatoma de las media queries............................306
Manos a la obra...................................................342
Posibilidades de las media queries.......................307
Noticaciones de HTML5 .......................................347
El atributo viewport.................................................311
Resumen ..................................................................351
Valores posibles de viewport ...............................312
Actividades ..............................................................352
El futuro de la etiqueta meta viewport ...............314

Unidades de medida adaptables..............................315
ON WEB
El uso de em y rem..............................................315
Resumen ..................................................................317
Compatibilidad
Actividades ..............................................................318
Pasar la prueba
Qu es un framework?
Introduccin a jQuery
Buscar elementos en el DOM
Las APIs de HTML5
Atravesar el DOM
Dnde est el usuario ..............................................320
Getters y Setters
Manos a la obra...................................................321
Trabajar con estilos
Ms precisin ......................................................326
Efectos
Trabajar sin conexin ..............................................327
Sintaxis encadenada
Manos a la obra...................................................328
Animaciones
Cmo funciona? .................................................329
Agregar y quitar elementos en el DOM
A tener en cuenta ................................................330

Datos persistentes ...................................................331
Eventos
Introduccin a Modernizr
Manos a la obra...................................................332
Cmo trabajar con Modernizr?
Un poco de debugging .........................................340
Modernizr.load()
Las APIs avanzadas .................................................341

Trabajar en segundo plano ...................................341
Resumen
Actividades
www.redusers.com

Sumario HTML5 CSS

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Sumario HTML5 CSS

Загружено:

Авторское право:

Доступные форматы

8

El mundo segn CSS .................................................41

Sobre los autores........................................................ 4

HTML, un lenguaje con historia................................14

Rumbo a la revolucin de la Web ...........................18

Trabajar con el DOM..................................................57

Nace HTML5 ........................................................19

Buscar elementos en el DOM ................................59

La cada del imperio de Flash................................20

Modificar estilos y propiedades

de los elementos del DOM .....................................61

Caractersticas fundamentales de HTML5 ...............25

Crear elementos ....................................................63

Diferencias entre HTML 4.01,

Objetos con JavaScript ..........................................66

XHTML 1.0 y HTML5................................................26

Esa rara etiqueta llamada doctype ........................26

a nuestros objetos ..................................................67

Tipos de doctype para HTML 4.01 ........................27

Tipos de doctype para XHTML 1.0 .......................28

Parsear JSON en JavaScript .................................69

Doctype para HTML5 ...........................................30

Programacin basada en prototipos ......................71

El uso de la etiqueta <html> .................................30

Excepcin TypeError .............................................72

Cambios en la sintaxis general .............................33

Atributos: menos es ms ........................................38

SITIOS MULTIPLATAFORMA CON HTML5 + CSS3

Aadir un poster a nuestro video ......................141

semntica con <nav> .............................................89

Reproduccin automtica ....................................142

Cierres con <footer> .............................................91

Reproduccin continua ........................................143

La famosa etiqueta <article> ................................95

Audio en HTML5 .....................................................143

Creando secciones con <section> ..........................97

Audio y video avanzado con JavaScript..................144

La etiqueta <aside> ............................................102

Reproductores de video de terceros.....................148

Adis a la etiqueta <hgroup> ..............................105

Nuevos elementos de agrupamiento

La API de dibujo Canvas

La etiqueta <time> .............................................111

Introduccin al uso de Canvas ................................152

La nueva etiqueta <data> ...................................115

Trabajar con Canvas ............................................153

La etiqueta <mark> ............................................116

Primeros dibujos .................................................155

Las etiquetas <ruby>, <rt> y <rp> ......................117

Bordes redondeados ............................................160

La etiqueta <wbr> ..............................................121

Curvas cuadrticas ..............................................161

Los elementos que fueron modicados..................122

Curvas de Bzier .................................................162

La etiqueta <a> ..................................................122

Relleno con gradientes ........................................163

La etiqueta <address> ........................................123

Trabajar con imgenes ........................................166

Trabajar con texto ...............................................168

La etiqueta <hr> .................................................124

Canvas avanzado, animaciones y frameworks ........170

La etiqueta <i> ...................................................125

La etiqueta <b> ..................................................126

La etiqueta <em> ...............................................126