Mon panier 0
Abonnements illimitésNos offres d'abonnement
Tous les contenus 24h/24, 7j/7
Nos rubriques
Nos meilleures ventes Nos nouveautés Prochaines parutions Devenez auteur

Responsive Web Design Les techniques modernes de mise en page

  • Vidéo en ligne
39,98Bientôt disponible !
Ajouter au panier
Inclus dans l'abonnement :vidéos en illimitéToutes les vidéos, et cours enregistrés, 24h/24, 7j/7, pour 25 / mois sans engagement

Présentation

L'objectif du Responsive Web Design est de créer des sites web dont la mise en page s'adapte automatiquement pour un affichage optimal quel que soit le type d'écran sur lequel il est affiché : écran d'ordinateur, de tablette ou de smartphone.

Dans cette vidéo de formation, nous allons commencer par découvrir ce qu'est le Responsive Web Design à travers l'utilisation des requêtes de média, (Media Queries en anglais) qui permettent de créer des feuilles de styles CSS parfaitement adaptées à chaque largeur d'écran souhaitée.

Nous allons ensuite utiliser des grilles de mise en page afin de créer des pages qui soient immédiatement responsives. Pour ce faire, nous utiliserons trois systèmes de grille différentes.

Ensuite, nous apprendrons à passer d'une mise en page aux dimensions fixes à une mise en page fluide dont les dimensions vont s'adapter à la largeur de l'écran de diffusion.

Puis, à l'aide de JavaScript, nous insèrerons dans nos pages web des images également responsives.

Pour travailler plus rapidement, vous pourrez, en utilisant des frameworks CSS responsives, exploiter des librairies de styles CSS prêts à l'emploi et personnalisables pour concevoir vos mises en page responsives ; nous découvrirons trois de ces frameworks : Ulkit, Kube et Pure.

Pour terminer, nous mettrons en pratique toutes ces notions en créant une page d'accueil d'un site responsive avec le framework CSS UIkit.

Table des matières

Caractéristiques

Vidéo en ligne
  • Vidéo en ligne
  • Durée totale de la formation : 02h14
  • Niveau : Débutant à initié
  • Date de parution : août 2015
  • Ref. ENI : VOWRWD
  • Accessible immédiatement

Pour aller plus loin

Rechercher sur des thématiques associées

BN open
abonnement
Site - UX - UI - prototype - interface - idéation - scénarios - sory-board - storyboard - test - utilisateur - expérience - user experience UI-UX : les bases du prototypage web et apps
Restons connectés !
En complétant ce formulaire, vous acceptez d'être contacté afin de recevoir des informations sur nos produits et services ainsi que nos communications marketing. Vous aurez la possibilité de vous désabonner de nos communications à tout moment. Pour plus d'informations, cliquez ici.