9,00

Tuto Objectif Frontend. Comment rendre facilement un tableau responsive avec CSS, HTML

9,00

  • Une formation vidéo de 42m42s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Objectif Frontend. Comment rendre facilement un tableau responsive

ajouter ce cours aux favoris retirer ce cours des favoris

Dans ce nouveau tuto de ma collection nommée "Objectif Frontend" dont le but est de vous donner toutes les clés afin de vous aider à devenir un excellent développeur frontend, je vous propose de découvrir comment rendre un tableau totalement responsive.

Le tableau devra rester cohérent pour l'utilisateur. En effet, l'utilisateur devra comprendre facilement et simplement les données issues du tableau. Pour cela, nous afficherons en permanence les entêtes de chaque colonne du tableau.
Pour les grands écrans, l'entête du tableau apparaîtra qu'une seule fois en haut de chaque colonne, comme il est coutume de le faire pour une présentation compréhensible.
Pour les écrans plus petits, l'entête du tableau se retrouvera à côté de chaque cellule et devra être répété pour chaque ligne du tableau, ainsi l'utilisateur comprendra instantanément à quel entête correspond une donnée.

Pour aller plus loin dans les connaissances utilisées dans ce tutoriel, je vous propose un tuto dédié aux sélecteurs CSS, ainsi qu'un tuto dédié aux datasets.

Table des matières de cette formation CSS, HTML (durée : 42m42s)

    • Mise en place du tableau en HTML 00:08:04
    • Mise en forme du tableau pour les grands écrans 00:09:55
    • Mise en forme du tableau pour les petits écrans 00:08:26
    • Mise en place des datasets 00:07:37
    • Mise en forme des entêtes pour les petits écrans 00:08:40



Formateur : Carl Brison

Carl Brison a publié 277 tutoriels et obtenu une note moyenne de 4,9/5 sur 17 652 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    CSS 3, HTML 5
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le code source de ce tuto.
Parcours Developpeur Front End
accédez à plus de 1461 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données