Share
De CSS-rasterlay-out is een W3C-werkconcept dat een krachtig rastersysteem definieert om het uiteindelijk gemakkelijker te maken uw webpagina's op te maken met behulp van CSS.
In onze nieuwe cursus, 3 CSS Grid Projects for Web Designers, bouw je drie projecten om je te helpen begrijpen wat er mogelijk gaat worden met "Grid".
Met uitgebreide begeleiding van Envato Tuts + -instructeur Craig Campbell, werk je door drie projecten om je te helpen de CSS Grid-opmaak te beheersen.
De eerste is op beginnersniveau en laat je kennismaken met Grid-concepten. De tweede neemt de zaken een niveau hoger en onderzoekt dingen zoals uitlijning en nesten. Het laatste project is nog geavanceerder, met behulp van Flexbox in combinatie met Grid. Het volgen van deze drie projecten tot en met de voltooiing neemt je gestaag mee van Grid-beginneling naar een zelfverzekerde Grid-gebruiker.
Hier zijn enkele gratis lessen uit deze cursus, als een voorproefje van wat u kunt verwachten:
Leer hoe u een eenvoudige rasterlay-out kunt maken met CSS. We gaan onze rastergebieden definiëren met behulp van de roostervormige kolom en roostervormige rij eigenschappen.
Gerelateerde Links
Soms is het mogelijk dat u behoefte heeft aan een rastersysteem binnen een ander rastersysteem. In deze video van het tweede project maak je geneste rasters met de CSS Grid Layout-module.
Gerelateerde Links
In het derde project worden dingen geavanceerder. In deze video van het laatste deel van de cursus legt u het hoofdraster voor dit project neer.
Gerelateerde Links
Je kunt onze nieuwe cursus meteen nemen met een abonnement op Envato Elements. Voor een enkel laag maandelijks bedrag krijg je niet alleen toegang tot deze cursus, maar ook tot onze groeiende bibliotheek met meer dan 1000 videocursussen en toonaangevende e-boeken over Envato Tuts+.
Bovendien krijgt u nu onbeperkte downloads van de enorme Envato Elements-bibliotheek met meer dan 200.000 foto's en meer dan 26.000 ontwerpmaterialen en sjablonen. Creëer met unieke lettertypen, foto's, afbeeldingen en sjablonen en lever sneller betere projecten.
Wil je nog meer leren? We hebben een uitgebreide handleiding samengesteld om je te helpen bij het online leren van CSS, of je nu net begint met de basis of als je meer geavanceerde CSS wilt verkennen. Bekijk Learn CSS: The Complete Guide.
Accentsconagua