Responsive Web Design avec HTML5 et CSS3[Fr] torrent

Responsive Design avec HTML5 et CSS3 Video2Brain
 

Éditeur : Video2Brain
Formateur : Birnou Sébarte
Système d'exploitation : Windows 
Date de Parution en  ligne : 12 sept. 2012
Durée : 10h30mn
Format : IS0
Nombre de Fichiers : 130 videos + Fichiers sources


Dans cette formation réalisée par Birnou Sébarte, appréhendez les tenants et aboutissants de l'Open Web Platform. Le développement web devenant de plus en plus orienté multi-plateformes, il devient nécessaire de vous appuyer sur un ensemble de standards afin de pérenniser et garantir la portabilité de vos contenus sur divers supports. Cette formation aborde donc les notions d'un ensemble de technologies et la manière de les intégrer dans vos flux de travail. HTML5, CSS3, Responsive Web Design, SVG, Canvas, Animations, Microdata, API, et bien plus encore sont au rendez-vous !
Introduction
Dans ce chapitre, nous poserons les bases de la conception de sites web adaptatifs (Responsive Web Design) avec HTML5 et CSS3 et définirons dans un premier temps un environnement de travail et quelques axes de réflexion.
Objectifs et présentation de la formation   04:51
Les outils de codage   03:28
Les outils de contrôle   03:47
Shadow   05:30
Web mobile ou web app ?   04:32
Définitions   02:55

Avant de commencer, prototypons
Au cours de ce chapitre, nous allons explorer les bases de la mise en place et de l'utilisation de grilles, qu'elles soient fixes ou fluides. Le prototypage est une phase incontournable de la création de sites web.

Le mode Grille, les bases   05:20
Grille fixe ou grille liquide   03:51
Les frameworks   04:30
Exemple d'utilisation en grille   08:45
Aller plus loin avec les grilles   04:05
Les grilles responsives   06:46
Grille responsive mode Dreamweaver   10:48
Prototype en grille, le wireframing   06:17

HTML5
Dans ce chapitre, nous verrons que l'évolution vers HTML5 ne se limite pas à l'ajout de quelques balises, le changement est plus profond.
Doc type, structure et sémantique.Il est bon de replacer HTML5 dans son contexte. Son arrivée dans les colonnes du w3C marque un ancrage fort du côté de la structure et de la sémantique.

Bref historique   05:36
Le W3C et WHATWG   02:12
En-tête et corps   02:12
Structure et sémantique   07:37
Les microformats   05:10
Les microdata   02:58
ARIA et l'attribut Rôle   03:22

HTML5, les balises
Ce chapitre sera consacré à une présentation plus verticale d'un grand nombre des nouvelles balises et des nouveaux attributs apparus avec cette version HTML5.
Les nouvelles balises   03:14
Article ou section ?   02:03
nav   03:00
aside   01:44
header, footer, h1   03:51
Structure de page modèle   01:52
Quelques balises pêle-mêle   04:31
Quelques attributs pêle-mêle   07:03
Web Forms 2.0 et les types de champs   06:34

API et librairies
Dans ce chapitre, nous verrons qu'HTML5 donne accès à un grand nombre d'API qui permettent elles-mêmes d'accéder de manière native à une multitude de fonctionnalités.
Les API   03:30
sessionStorage et localStorage   05:12
Géolocalisation   07:37
Plus d'info sur le HTML5   03:49
La sécurité   02:34
Les navigateurs et leurs interprétations   03:27
Le passage HTML4 à HTML5   04:40
HTML shiv   04:28
Modernizr   12:49
Boilerplate, Initializr et les autres...   05:00
Les sites (doctor HTML5, etc.)   01:26

CSS3
Dans ce chapitre, nous allons aborder diverses facettes des CSS. Nous verrons plus particulièrement la manière de les déployer, de les placer en production et de les rendre le plus largement portable.
Déclarations, règles, portabilité Collant au HTML5, les CSS avaient, au-delà des déclarations, besoin d'évoluer avec le web, au rythme du web. Nous passerons ici en revue un mélange de déclarations, de règles et de mécaniques et éclaircirons leur utilité.
État des lieux entre 2.1 et 3 et 4   04:48
Les préfixes   04:58
Les déclarations incontournables   06:19
Gestion des couleurs et des dégradés   12:20
Les sélecteurs   10:44
De plus en plus flexible   10:38
Les outils générateurs en ligne   04:31
Fireworks et CSS3 properties   03:37

Librairies et préprocesseurs
Nous verrons dans ce chapitre qu'il existe un grand nombre de solutions et d'outils permettant de générer et de porter les CSS sur un plus large panel de navigateurs.
CSS3 PIE   04:25
eCSStender   03:59
Sass   10:34
Compass   12:20
Less   05:16
Installer Compass sous Mac OS   03:16
Stylus   01:46
Comparatifs   01:35
D'autres librairies   02:08
Object Oriented CSS   05:36
Les variables CSS   03:10

Responsive
Nous verrons dans ce chapitre comment anticiper le comportement de l'affichage lors d'un changement de périphérique, ou du redimensionnement de la fenêtre de présentation. Le web se doit en effet d'être réactif, adaptatif.

Le Responsive Web Design   02:34
Plateforme, redimensionnement ou lisibilité   02:11
Les media queries   05:41
Les media queries pratique Dreamweaver   06:18
Respond.js   02:14
Questions sur le mobile first   05:05
La taille de police par défaut   03:08
Les unités de mesure proportionnelles   04:44
em ou % ?   02:42
em ou rem ?   02:32
L'interface   06:03
La proportionnalité   06:21
Les images responsives   08:32
Response.js   07:49
Les vidéos responsives   01:21

La typographie et le web
Dans ce chapitre, nous verrons que l'époque des limitations à quelques jeux de police est maintenant révolue. Dorénavant toutes les polices s'adaptent aux supports numériques.

Historique et font remplacement   03:58
Les formats de police pour le web   01:33
Typeface   05:28
Typekit   06:12
Google web fonts   05:56
@font-face    07:20
Les sites et la distribution   04:00
Générateur de fontes   03:43
Les icônes fontes   02:17
L'optimisation des fontes   10:48
Les types de licences   03:59

Les médias et multimédias
Nous verrons dans ce chapitre qu'HTML5 ouvre aujourd'hui ses portes non seulement à l'audio et à la vidéo, mais aussi à la balise , jusqu'ici souvent laissée de côté.
Images encodées en base 64   05:17
Optimisation des images   03:43
Utilisation de sprites   06:09
Générateur de sprites   08:01
Sources et formats vidéo, l'encodage   04:14
L'élément vidéo et ses attributs   06:03
Réglages et attributs   05:30
Sources et formats audio   03:54
L'élément audio et ses attributs   02:22
Outils pour convertir de l'audio   04:40
Aller plus loin en audio et vidéo HTML5   04:21
Utiliser SWF en HTML5   06:10
Utiliser PDF en HTML5   04:35
La balise object   02:00

L'animation
Un chapitre tout en mouvement. Plus rien n'est statique, qu'il s'agisse de transition entre deux états ou d'objet qui se modifie. Nous verrons qu'HTML5 et les CSS3 apportent un lot de comportements animés en tout genre.
Présentation et exemple   02:53
Définitions   02:16
nimations, transformation, transitions   08:40
Transition vs transformation   02:07
Accélérations   06:29
Jeu sur les délais   02:09
Couplage de formes primitives, CSS et JavaScript   05:42
Quelques frameworks   01:46
Animation avec jQuery   05:04
jQuery et easing   02:24
Quelques éléments déjà prêts à l'emploi   02:21
L'outil couteau suisse Edge   06:00

Dessiner avec son navigateur
Explorons plus en détails dans ce chapitre les éléments graphiques multimédias et interactifs. Les deux balises et vont permettre bien des choses, et cela sans avoir à passer par des technologies tierces et propriétaires.
Présentation et introduction à    05:47
Tracé de points et lignes   04:49
Tracé de courbes et de cercles   05:08
Intégration d'images   07:50
Gestion du texte   05:45
Mise en place d'un graphique de données   10:42
Création des barres de données   05:54
Bases de l'animation avec l'API Canvas   08:21
Le cas de IE < 9.0   02:22
Aller plus loin avec Canvas   02:09
Présentation de SVG   03:56
Générateurs et outils SVG   02:59
SVG et interactivité   09:07
Souplesse avec Illustrator   05:08
Introduction à l'animation avec SVG   05:07
Aller plus loin avec SVG   01:36

À ne pas oublier !
Avant de conclure, nous verrons dans ce chapitre qu'il est toujours bon de se remémorer les bonnes habitudes de tests et de validation.
Valider son travail   04:52
Tester son travail   03:24
Conclusion 


Langue : True French

Tailles des fichiers : 1 x 7337 Mo
Taille totale : 7337 Mo