Fredzone
  • News
    • High-Tech
      • Accessoires
      • APN / Camescopes
      • Drones
      • Imprimantes 3D
      • Intelligence Artificielle
      • Ordinateurs
      • Périphériques
      • Réseau / ADSL
      • RV / RA
      • Science
      • Transport
      • TV / Hifi
    • Jeux-Vidéo
      • Consoles
      • Jeux
      • Jeux en ligne
      • MMORPG
    • Logiciels
      • Windows
      • Mac OS
      • Linux
      • Autres
    • Loisirs
      • Animes
      • Cinéma
      • Humour
      • Inclassables
      • Livres & BD
      • Musique
      • Photographie
      • Séries
    • Mobilité
      • Baladeurs
      • GPS
      • Liseuses
      • Objets Connectés
      • Opérateurs / MVNO
      • OS / Applications / Jeux
      • Smartphones
      • Tablettes Tactiles
    • Web
      • Blogosphère
      • Business
      • Design
      • Hacking
      • Piratage
      • Réseaux Sociaux
      • Services
  • Tests
    • Accessoires & Périphériques
    • APN
    • Consoles
    • Objets Connectés
    • Ordinateurs & Machines Hybrides
    • Smartphones
    • Tablettes Tactiles
  • Tutoriels
  • Bons Plans
 Ce jeu va vous apprendre à utiliser de nouvelles propriétés CSS
Jeux en ligne

Ce jeu va vous apprendre à utiliser de nouvelles propriétés CSS

by Jérémy 23 mars 2016

Le CSS est un langage permettant de mettre du style dans nos pages web. C’est grâce à lui qu’avec la Fredzone vous voyez la vie en rose, notamment. C’est donc ce langage qui permet également de positionner les éléments d’une page web, et donc en particulier de les centrer.

Mais ceux qui ont déjà touché au CSS vous le diront : centrer en CSS n’est pas toujours chose aisée, surtout si on parle d’alignement vertical. C’est un peu pour ça que Flexbox est arrivée, cette nouvelle spécification nous aidant à positionner et aligner proprement nos éléments en CSS. L’ennui, c’est que cette spécification vient avec pas mal de nouvelles propriétés et valeurs, et il n’est pas évident de tout retenir dès le début.

Flexbox

C’est pourquoi Channing Allen a décidé de créer Flexbox Defense, un jeu qui va vous apprendre à utiliser les propriétés liées à Flexbox.

Flexbox Defense, un jeu pour apprendre à utiliser Flexbox

Flexbox Defense se présente en deux parties. La partie de droite est le plateau de jeu. Il est constitué d’un chemin sur lequel vont circuler un certain nombre d’ennemis qui défilent les uns derrière les autres. Ils viennent tous de la même extrémité du chemin, et le but est de les empêcher d’atteindre l’autre bout.

Comment ? Grâce à des canons qui, dès qu’un ennemi se présente à leur portée, se mettent automatiquement à tirer dessus. Au bout d’un certain nombre de tirs, les ennemis sont abattus.

Le but du jeu est donc d’utiliser la partie gauche de l’interface de Flexbox Defense. Elle propose en fait de modifier le CSS lié aux canons et à leurs groupes. Ce qu’il vous reste à faire est plutôt simple à dire : vous devez utiliser les propriétés de Flexbox pour positionner vos canons de sorte à abattre tous les ennemis.

La difficulté est donc double. D’une part, il vous faut trouver la bonne position pour chaque canon. D’autre part, une fois cette position imaginée, il faut la réaliser avec les propriétés Flexbox, et ce n’est pas aussi facile que ça quand on n’a jamais vraiment touché à ces propriétés.

Heureusement, le jeu vous rappelle les propriétés et leurs valeurs, donc vous n’êtes pas seuls. La difficulté du jeu va en s’accroissant, avec de plus en plus de propriétés à utiliser, plus de canons, et aussi deux types de canons au bout d’un moment.

Pour le moment Flexbox Defense est composé de 12 niveaux. Si vous les parcourez tous du début à la fin, vous ne devriez pas avoir trop de mal (ce n’est pas vraiment le but) et, surtout, vous devriez mieux comprendre comment Flexbox fonctionne.

Bref, un bon jeu à essayer, que vous soyez développeur ou non. Après tout, ça peut aussi être une bonne entrée en matière dans le monde du CSS. On a vu plus simple comme débuts en CSS, mais au moins c’est ludique.

Flexbox Defense
À vous de placer les canons aux bons endroits pour protéger le bout du chemin !

Tags: css fun insolite
Avatar

Jérémy

Étudiant en maths, Jérémy est un passionné qui touche un peu à tout, et plus particulièrement au développement web et à l'actualité high-tech qu'il partage avec vous sur Machineo et surtout ici-même.

0 0 votes
Évaluation de l'article
S’abonner
Connexion
Notification pour
guest

guest

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

0 Commentaires
Commentaires en ligne
Afficher tous les commentaires

Bons Plans

  • Crédits - 123RF

    Bons Plans

    LG régale actuellement sur amazon avec 4 écrans Gamers féroces à bas ...

  • pCloud

    Bons Plans

    Arrêtez tout ! Vous aurez jusqu’à 80 % de réduction sur 10 ...

  • XXiaomi Mi Surface

    Bons Plans

    18 % de réduction à ne pas rater pour ce moniteur gaming incurvé ...

  • Vélo-électrique-HIMO-C30S

    Bons Plans

    Bon plan avec de supers produits à prix incroyables sur geekbuying !

  • Promotion Xiaomi

    Bons Plans

    Profitez de ces produits Xiaomi à des prix imbattables !

  • Récent

  • Populaire

  • Commentaires

  • Les Google Pixel 7 et Pixel 7 Pro arriveront en ...

    Arielle Lovasoa
    24
    0
  • Empêcher-TikTok-suggérer-compte-liens-partagés

    TikTok lutte contre la désinformation avant les mi-mandats

    Arielle Lovasoa
    24
    0
  • Crédits: Studio Trigger

    La date de sortie de Cyberpunk : Edgerunners sur Netflix ...

    Marie-Louise F.
    38
    0
  • Oppo préparerait 2 smartphones pliables haut de gamme !

    Marc Odilon
    23
    0
  • Le profil Twitter d'Elon Musk.

    Elon Musk va-t-il vraiment racheter le club de Manchester United ...

    Nick Olaizola
    29
    0
  • Toutes les explications sur la fin de Lost

    Frédéric Pereira
    3527
    1 031
  • PSN : retour progressif du PlayStation Network

    Frédéric Pereira
    5377
    852
  • Cracker Nintendo DS

    Comment cracker sa Nintendo DS…

    Frédéric Pereira
    7184
    776
  • Invitations Spotify

    250 invitations pour Spotify…

    Frédéric Pereira
    6583
    652
  • Comment cracker la Wii (4.2, 4.3 avec et sans jeux)

    Cracker la Wii : 4.2, 4.3 avec et sans jeux

    Frédéric Pereira
    8410
    582
  • Avatar
    Joan Beylie
    on août 17, 2022
    The Grifter, retour sur la vidéo qui rend fou
    Bon, je pense qu'il y en a pas mal qui croivent a ce délire, mais faut établir un peu de ...
  • Avatar
    DaenerysMadQueen
    on août 17, 2022
    Game of Thrones : une théorie sur ce que Bran ...
    Bran va chercher Arya, qui est morte bouffée par la meute de Nymeria. Il y a des indices qui vont ...
  • Avatar
    DaenerysMadQueen
    on août 17, 2022
    Game of Thrones : une théorie sur ce que Bran ...
    https://www.reddit.com/r/BranWinsTheThrone/comments/w6zuki/spoilers_tutorial_how_to_see_bran_in_the_final/ https://www.reddit.com/r/naath/comments/w7eq68/spoilers_bran_vs_the_night_king_first_battle/
  • Habib ADECHOKAN
    Habib ADECHOKAN
    on août 17, 2022
    Cette astuce géniale de Waze peut vous éviter des sanctions ...
    C'est gratuit !
  • Avatar
    Eddie Alamasset
    on août 16, 2022
    Cette astuce géniale de Waze peut vous éviter des sanctions ...
    Merci de nous signaler cette fonctionnalité publiée en 2016 Habib
  • Annonceurs
  • Devenez rédacteur
  • Politique de confidentialité
  • Mentions Légales
  • Préférences cookies
  • Contact
© Copyright FZN 2022. Tout droit réservé.
wpDiscuz