CSS-Grundlagen: Erste Schritte mit CSS Grid
Rachel Andrew, Web Developer, Speaker and Author
Schau dir diesen Kurs und Tausende anderer Kurse an
Schau dir diesen Kurs und Tausende anderer Kurse an
Einheiten dieses Kurses
-
-
1.
Einführung
1:23
-
2.
Einführung in CSS Grid
8:17
-
3.
Definieren deines Rasters
10:33
-
4.
Definieren deiner Track-Größe
6:23
-
5.
Verschachteln von Rastern und Platzieren von Elementen
10:56
-
6.
Kombinieren von manueller und automatischer Platzierung
7:35
-
7.
Integrieren von Reaktionsfähigkeit
9:23
-
8.
Kombinieren von Layouts
3:30
-
9.
Letzte Gedanken
0:59
-
10.
Entdecke mehr Kurse auf Skillshare
0:35
-
-
- --
- Anfänger-Niveau
- Fortgeschrittenes Niveau
- Fortgeschrittenes Niveau
- Jedes Niveau
Von der Community generiert
Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.
5.491
Teilnehmer:innen
8
Projekte
Über diesen Kurs
Du möchtest schnelle und flexible zweidimensionale Layouts in CSS erstellen? Mit CSS Grid lernst du, wie es geht!
Web-Guru, Rednerin und Autorin Rachel Andrew erklärt dir in diesem Kurs alles rund um CSS Grid, dem leistungsstärksten Layout-System, das in CSS verfügbar ist. Mit CSS Grid kannst du jetzt sowohl Zeilen als auch Spalten definieren, was es zu einem zweidimensionalen System macht, das zahlreiche neue Layout-Möglichkeiten eröffnet. Im Kurs erklärt Rachel CSS Grid im Detail und zeigt dir die leistungsstarken, reaktionsschnellen und flexiblen Strukturen, die du in deine Designs implementieren kannst.
Zu den wichtigsten Lektionen gehören:
- Lücken und Ränder mit einer einzigen Codezeile hinzufügen
- Verschachteln von Rastern für die Erzeugung einfacher Überlagerungen
- Erstellen von Hero-Bildern durch die Kombination von manueller und automatischer Platzierung
- Integrieren von Reaktionsfähigkeit für die Ansicht auf jeder Bildschirmgröße
Egal ob CSS für dich relativ neu ist oder du es seit Anbeginn verwendest, in diesem Kurs lernst du, wie du große, einzigartige und asymmetrische Layouts einfach und effizient erstellen kannst. Jeder Entwickler sollte CSS Grid kennen. Am Ende dieses Kurses wirst du es in dein nächstes Projekt integrieren können.
Triff deine:n Kursleiter:in
Rachel Andrew lives in Bristol, England. She is one half of web development company edgeofmyseat.com, the company behind Perch CMS and Notist. Her day to day work can include anything from product development to devops to CSS, and she writes about all of these subjects on her blog at rachelandrew.co.uk.
Rachel has been working on the web since 1996 and writing about the web for almost as long. She is the author or co-author of 22 books including The New CSS Layout, and a regular contributor to a number of publications both on and offline. She is a Google Developer Expert for Web Technologies a W3C Invited Expert to the CSS Working Group, and Editor in Chief of Smashing Magazine. Rachel is a frequent speaker at web development and design events includ... Vollständiges Profil ansehen
Praxisnahes Kursprojekt
Lade deine Blog-Seite hoch!
Egal ob du den Kurs mit CodePen mitverfolgt hast oder deinen eigenen Editor verwendet hast, wir würden dein Projekt gerne sehen. Du kannst auch etwaige Code-Ausschnitte hochladen oder uns erzählen, wofür du CSS Grid einsetzen wirst.
Ressourcen
- Weitere Ressourcen von Rachel Andrew zu CSS Grid: Grid nach Beispiel
- Kostenloses CodePen-Konto: skl.sh/codepen
Links zu Übungen
- Ausgangspunkt: skl.sh/cssgrid_1
- Track-Größe bestimmen: skl.sh/cssgrid_2
- Verschachteln von Rastern und Platzieren von Elementen: skl.sh/cssgrid_3
- Kombinieren von manueller und automatischer Platzierung: skl.sh/cssgrid_4
- Integrieren von Reaktionsfähigkeit: skl.sh/cssgrid_5
- Kombinieren von Layouts: skl.sh/cssgrid_6
- Letzte Blog-Seite: skl.sh/cssgrid_final
Folge Rachel auf ihrer Website, auf Twitter und ihrem Blog
Entdecke mehr Kurse auf Skillshare
- Das komplette JavaScript-Toolkit: Schreibe einwandfreien, schnelleren, besseren Code — Christian Heilmann
- Einführung in CSS: Füge einer Portfolio-Website grundlegende Stile hinzu — Jenn Lukas
- Smartes, reaktionsfreudiges UX-Design: Clevere Tipps, Tricks und Techniken – Vitaly Friedman
- Programmierung von Datenvisualisierungen: Ein Coding-Toolkit für die Verarbeitung – Nicholas Felton
Kursbewertung
Warum lohnt sich eine Mitgliedschaft bei Skillshare?
Nimm an prämierten Skillshare Original-Kursen teil
Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen
Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare
Lerne von überall aus
Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.
