TP Low Tech

Instructions

Vous trouverez ci-dessous des composants réalisables uniquement en HTML et CSS.
A vous de trouver comment !

💡 Il vous suffit de regarder le code source de cette page pour trouver la solution aux différents problèmes

Une liste déroulante avec autocompletion

💡 Indice
cherchez du côté de datalist

Afficher ou masquer du contenu

💡 Indice
cherchez du côté de details

Breaking Bad

Walter White, 50 ans, est professeur de chimie dans un lycée du Nouveau-Mexique. Pour subvenir aux besoins de Skyler, sa femme enceinte, et de Walt Junior, son fils handicapé, il est obligé de travailler doublement. Son quotidien déjà morose devient carrément noir lorsqu'il apprend qu'il est atteint d'un incurable cancer des poumons. Les médecins ne lui donnent pas plus de deux ans à vivre. Pour réunir rapidement beaucoup d'argent afin de mettre sa famille à l'abri, Walter ne voit plus qu'une solution : mettre ses connaissances en chimie à profit pour fabriquer et vendre du crystal meth, une drogue de synthèse qui rapporte beaucoup. Il propose à Jesse, un de ses anciens élèves devenu un petit dealer de seconde zone, de faire équipe avec lui. Le duo improvisé met en place un labo itinérant dans un vieux camping-car. Cette association inattendue va les entraîner dans une série de péripéties tant comiques que pathétiques.

Mr Robot

Elliot est un jeune programmeur anti-social qui souffre d'un trouble du comportement qui le pousse à croire qu'il ne peut rencontrer des gens qu'en les hackant. Il travaille pour une firme spécialisée dans la cyber-sécurité mais un homme connu sous le nom de Mr Robot l'approche un jour pour faire tomber une compagnie surpuissante qui fait partie de celles qu'il doit justement protéger...

Sherlock

Les aventures de Sherlock Holmes et de son acolyte de toujours, le docteur Watson, sont transposées au XXIème siècle...

Westworld

A Westworld, un parc d'attractions dernier cri, les visiteurs paient des fortunes pour revivre le frisson de la conquête de l'Ouest. Dolores, Teddy et bien d'autres sont des androïdes à apparence humaine créés pour donner l'illusion et offrir du dépaysement aux clients. Pour ces derniers, Westworld est l'occasion de laisser libre-cours à leurs fantasmes. Cet univers bien huilé est mis en péril lorsqu'à la suite d'une mise à jour, quelques robots commencent à adopter des comportements imprévisibles, voire erratiques. En coulisses, l'équipe, qui tire les ficelles de ce monde alternatif, s'inquiète de ces incidents de plus en plus nombreux. Les enjeux du programme Westworld étant énormes, la Direction ne peut se permettre une mauvaise publicité qui ferait fuir ses clients. Que se passe-t-il réellement avec les androïdes ré-encodés ?

Selectionner une couleur

💡 Indice
cherchez dans les types d'input

Bouton reset sur un formulaire

💡 Indice
cherchez dans les types d'input

Ajouter une croix pour effacer un champ de recherche

💡 Indice
cherchez dans les types d'input

Ajouter des groupes dans une liste déroulante

💡 Indice
cherchez du côté de optgroup

Grouper des champs de formulaire

💡 Indice
cherchez du côté de fieldset

Un défilement maîtrisé

💡 Indice
cherchez du côté de scroll-snap

Des filtres photo avec CSS

L'adresse de l'image exemple est https://images.unsplash.com/photo-1546948630-1149ea60dc86?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80

💡 Indice
cherchez du côté de filter