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

Flexbox et Grid Créer des sites modernes et responsives

  • En stock

    Livraison à 0,01€

    Version en ligne offerte

  • Imprimé
  • En ligne
26,50Bientôt disponible !
Ajouter au panier
Inclus dans l'abonnement :Livres et vidéos en illimitéTous les livres, vidéos, et cours en ligne, 24h/24, 7j/7, pour 49 / mois sans engagement

Présentation

Avec l'utilisation du Responsive Web Design, les techniques de mise en page des sites web ont beaucoup évolué ces dernières années ; de nouveaux modules du W3C ont fait leur apparition tels que Flexbox pour concevoir des mises en page flexibles et Grid pour des mises en page en grille.

Ce livre s'adresse aux concepteurs de sites web et aux designers web ayant déjà la maîtrise de l'HTML5 et des CSS 3 qui souhaitent apprendre à utiliser Flexbox et Grid pour les aider à concevoir des sites web modernes et responsives.

La première partie est consacrée au module CSS Flexible Box Layout (usuellement nommé Flexbox) qui va vous permettre de créer des composants flexibles pour vos mises en page : des barres de navigation, des formulaires, des galeries photo, des mises en page avec des cartes, etc. Dans un premier temps, nous aborderons la création du conteneur parent qui va déterminer la direction d'affichage de ses éléments enfants. Puis, nous étudierons toutes les propriétés d'alignement des éléments enfants constituant la mise en page avec les nombreuses propriétés CSS dédiées. Nous terminerons cette première partie par la conception de nombreux composants et mises en page responsives.

La deuxième partie porte sur le module CSS Grid Layout (couramment nommé Grid). Ce module CSS va vous permettre de concevoir des mises en page sous forme de grille très élaborée. Nous étudierons la création du conteneur de grille parent avec les lignes, les colonnes et les gouttières. Nous étudierons aussi les propriétés de positionnement dans cette grille. Nous apprendrons à placer et à aligner les éléments enfants dans ces grilles afin de créer des mises en page bien structurées et responsives. Nous terminerons cette partie par l'étude concrète de nombreux exemples de mises en page avec des grilles fluides, responsives et imbriquées.

Les exemples de code utilisés dans le livre sont disponibles en téléchargement sur le site des Editions ENI www.editions-eni.fr.

Table des matières

Caractéristiques

Imprimé
  • 274 pages
  • Livre (broché) - 17 x 21 cm
  • Niveau : Confirmé à expert
  • Date de parution : octobre 2019
  • ISBN : 978-2-409-02086-5
  • EAN : 9782409020865
  • Ref. ENI : OWFLGR
  • Expédié dans les 24 heures
En ligne

Téléchargement

Pour aller plus loin

Rechercher sur des thématiques associées

abonnement
site web - html - feuille de style - css - Quick Tag Editor - Design Notes - Extension Manager - Actifs - Formulaire - Homesite - Dream - dreamwever Dreamweaver CC pour PC/Mac (édition 2018)
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.