hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Enseignez-vous CSS Flexbox avec le jeu Flexbox Froggy

Dans le passé, nous avons passé en revue la flexbox et les bases de son fonctionnement. Mais l'application de flexbox à votre flux de travail peut être difficile, car c'est un ajout compliqué à la spécification CSS.

Avec Flexbox Froggy, vous pouvez apprendre toutes les bases de flexbox avec un jeu en ligne amusant impliquant des grenouilles et des lilypads . Je sais que cela semble fou, mais c'est vraiment une webapp impressionnante.

Vous commencez au niveau 1 et progressez lentement à travers 24 niveaux différents en enseignant les nombreux aspects de l'orientation flexbox. Les premiers niveaux commencent facilement en vous demandant d' aligner une ou deux grenouilles le long d'un seul récipient . Les premières leçons comprennent également des conseils et des suggestions pour vous aider en cours de route.

Mais une fois que vous avez passé la leçon 10, les choses se réchauffent vraiment. Vous devrez apprendre à réorganiser les éléments dans un conteneur, à organiser le contenu verticalement et à créer un espacement équidistant entre différentes lignes de contenu différent.

Les petites grenouilles mignonnes peuvent vous attirer, mais rassurez-vous, c'est un jeu difficile.

Cependant, des novices complets aux développeurs web plus expérimentés, le jeu est fait pour tous les niveaux. Les premières leçons sont un jeu d'enfant et les leçons suivantes peuvent vous laisser penché sur l'écran avec des touffes de cheveux à vos côtés.

Le code source complet du jeu est disponible gratuitement sur GitHub afin que vous puissiez le télécharger et le lire localement si vous le souhaitez.

De plus, la webapp est multilingue et propose 20 langues dont l'anglais, le français, l'allemand, l'italien, le chinois, le japonais et le russe (et bien d'autres).

J'avouerai que réarranger les grenouilles ne vous fera pas immédiatement un maître de la flexbox. Mais ces leçons ont pour but de vous familiariser avec la syntaxe de la flexbox afin que vous puissiez vous sentir plus à l'aise de travailler dans des situations réelles.

Si vous êtes un développeur web de tout niveau de compétence, vous devriez certainement vérifier Flexbox Froggy. C'est complètement gratuit, assez amusant à jouer et étonnamment éducatif.

50 emporte-pièces créatifs pour les gens qui aiment la cuisson

50 emporte-pièces créatifs pour les gens qui aiment la cuisson

Cuisson des biscuits est tellement amusant! Vous n'avez pas besoin d'une occasion spéciale pour faire des biscuits pour le dîner, mais si vous voulez l'occasion d'être très spécial, peut-être que certains de ces timbres de cuisson hors de l'ordinaire peuvent être d'une aide.Pourqu

(Conseils techniques et de conception)

Chrome pour iOS est désormais disponible avec l'option Lire plus tard

Chrome pour iOS est désormais disponible avec l'option Lire plus tard

Les utilisateurs de Chrome pour iOS qui souhaiteraient enregistrer des articles ultérieurement verront enfin leur souhait, car la mise à jour de Chrome 57 apporte avec elle la fonctionnalité «Liste de lecture» du navigateur de Google.Fonctionnellement identique à celle que l'on peut trouver sur Safari, la fonctionnalité Liste de lecture pour Chrome pour iOS permet aux utilisateurs d'enregistrer des articles pouvant être lus ultérieurement .Pour ce

(Conseils techniques et de conception)