de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Lernen Sie CSS Grid Layout (Der Spaß) mit Grid Garden

Die meisten Webentwickler kennen das Flexbox Froggy-Spiel, das Ihnen die Grundlagen von Flexbox von Grund auf vermittelt. Dieses kostenlose Spiel wurde viral und ist immer noch unglaublich wertvoll, um Leuten beizubringen, wie man mit flexbox programmiert.

Nun, derselbe Entwickler, der dieses Spiel gemacht hat, hat ein brandneues Spiel namens Grid Garden .

Dieses Spiel funktioniert ähnlich, lehrt aber, wie man CSS-Grids programmiert . Es ist ein relativ neues Feature, aber es fängt schnell an und Grid Garden ist leicht der beste Weg zu lernen.

Alles in Grid Garden folgt einem ähnlichen Lehrstil wie Flexbox Froggy. Es wurde vom gleichen Entwickler, Thomas Park, erstellt, so dass Sie einen ähnlichen Schwierigkeitsgrad und Benutzerfreundlichkeit erwarten können.

Standardmäßig starten Sie auf Stufe eins mit insgesamt 28 Stufen von Anfang bis Ende. Du kannst Level immer überspringen, wenn du denkst, dass es zu schwer ist, aber ich finde, es ist immer gut, sie alle durchzuarbeiten, nur als Auffrischung.

Wenn Sie keine Ahnung haben, wie Gittereigenschaften funktionieren, werden Sie feststellen, dass Sie viele Wörter googlen. Das CSS-Grid-Layout ist ein völlig neues Modul mit eigener Syntax und Funktionen.

Ich empfehle wärmstens, mit Grid Garden herumzuspielen, wann immer Sie die Chance dazu haben. Es ist praktisch ein Spielplatz für CSS-Entwickler zum Lernen und Studieren der verschiedenen Grid-Layout-Eigenschaften.

Ich kann nicht sagen, dass dieses Spiel Sie zu einem Experten für CSS-Grids machen wird. Nur Projekte zu bauen und viel zu üben kann Sie auf ein Expertenniveau bringen. Aber Grid Garden ist eine unterhaltsame Art und Weise, ohne den üblichen Stress, der beim Lernen von etwas Neuem entsteht, loszulegen.

Das gesamte Projekt ist völlig kostenlos und Open-Source auf GitHub, wenn Sie es lokal herunterladen oder erweitern möchten. Sie können Ihre Gedanken auch mit dem Ersteller auf Twitter @thomashpark teilen.

40 süchtig machende Web-Spiele, die von HTML5 angetrieben werden

40 süchtig machende Web-Spiele, die von HTML5 angetrieben werden

In den guten alten Tagen, Flash Regeln die Multimedia-Anwendung im Web, aber die Ankunft von HTML5 ändert alles. Obwohl das Web allgemein zustimmt, dass Flash und HTML5 ihre eigenen Vorteile und Besonderheiten haben, haben wir tatsächlich gesehen, dass mehr Websites HTML5 anstelle von Flash implementieren, sogar für Webspiele. C

(Tech- und Design-Tipps)

Mit Facebook kannst du deine Alben jetzt gemeinsam mit Freunden bearbeiten

Mit Facebook kannst du deine Alben jetzt gemeinsam mit Freunden bearbeiten

Sind Sie die Art von Person, die ihre Aktivitäten im Verlauf einer Reise verfolgen möchte? Wenn dies der Fall ist, wird Facebooks neueste Aktualisierung seiner Alben-Funktion es so viel einfacher machen, ein Protokoll über Ihre Touren oder Reisen zu führen, da Sie jetzt Fotos, Beiträge und mehr darin speichern können . Füge

(Tech- und Design-Tipps)