10.06.2024
CSS
Spielerisch die Verwendung von CSS-Grids lernen
Autor: Online Redaktion
![](/img/1/7/5/9/6/9/7/GridGarden_w320_h200.jpg)
![](/img/1/7/5/9/6/9/7/GridGarden_w480_h300.jpg)
![](/img/1/7/5/9/6/9/7/GridGarden_w640_h400.jpg)
GridGarden
CSS-Grids teilen eine Seite in Zeilen und Spalten auf, in denen dann andere Elemente positioniert werden können. Mithilfe der Website Grid Garden erlernen Sie dieses CSS-Feature.
Es ist ein mächtiges Strukturhilfsmittel für Webseiten: CSS-Grids teilen eine Seite in Zeilen und Spalten auf, in denen dann andere Elemente positioniert werden können. Der folgende CSS-Code erzeugt ein Raster von fünf Zeilen und fünf Spalten:
Code-Beispiel
Mittels grid-column-start und grid-column-end kann man nun auf diesem Gitter andere Elemente platzieren. Die Syntax ist zwar einfach, aber ein paar Seltsamkeiten muss man erst lernen.
Dabei hilft die Website Grid Garden. Hier gilt es, Karotten an bestimmten Plätzen zu bewässern und Unkraut mit Gift zu vernichten. Das Spiel ist in 28 kleine Schritte aufgeteilt. In jedem Schritt gilt es, eine neue Aufgabe zu erledigen, die den Garten florieren und die Karotten wachsen lässt.
Nach den 28 Schritten kennt man die CSS-Befehle: grid-template-rows, grid-template-columns, grid-row-start, grid-row-end, grid-column-start, grid-column-end, order, span, grid-column, grid-row und repeat.
Continuous Integration
Andauernd abliefern - CI/CD-Systeme überwachen
Continuous Integration und Continuous Delivery/Deployment bauen ein Produkt aus seinen Bausteinen schnell, hochqualitativ und in regelmäßigen Abständen zusammen. Doch was ist, wenn das System versagt?
>>
Manuals
Apple-Anleitungen digital und interaktiv
Handbücher zu Produkten landen nur noch selten auf Papier, aber es gibt sie immer noch. Bei Apple sind sie digital und jetzt ganz einfach auf einer speziellen Website zu finden.
>>
Datenzugriff
Neue Open-Source-Tools für die Datenserialisierung
Auf den ersten Blick erscheint die Serialisierung einfach: Daten in eine Datei schreiben und später wieder einlesen. Doch die Realität ist komplizierter. Eine neue Reihe von Open-Source-Tools soll effiziente und flexible Serialisierung leichter machen.
>>
Debugging
Visual Studio 17.10 - Delegates einfach debuggen
Delegaten sind in der modernen Programmierung allgegenwärtig. Erfahren Sie, wie sie verwendet werden und wie Visual Studio 17.10 das Debugging vereinfacht.
>>