Fleuruptodate.nl - Fleurt je kennis op
Mijn persoonlijke collectie van gelezen front-end development artikelen
De afgelopen jaren heeft de snelle browserimplementatie van nieuwe CSS ervoor gezorgd dat we dingen kunnen doen die we voorheen niet konden. Door deze nieuwe ontwikkelingen te begrijpen maken wij ons klaar voor de toekomst. Rachel heeft hierover een presentatie gegeven tijdens de Event Apart conferentie in Boston. Haar slides en Code Pen demo’s heeft ze online geplaatst.
Dit artikel neemt je mee in de boxwaardes die we kennen van de display property. Er wordt uitgelegd wat het gedrag is van de waarde display: none. En wat de recentelijk nieuwe waarde display: contents precies doet. Ook worden de op dit moment potentiële problemen van het gebruik van deze methode op het gebied van toegankelijkheid besproken.
Rachel legt uit dat het nesten van grids niet te vergelijken is met het nesten van tabellen.
We praten veel over CSS Flexbox en CSS Grid. Maar deze layoutmethodes zijn eigenlijk waardes van de CSS property display. En daar wordt niet vaak over gesproken. Rachel geeft in dit artikel een gedetailleerde blik op deze CSS property.
Van text-align tot gevorderde uitlijning met CSS Grid en Flexbox. Deze tutorial laat zien welke uitlijningsmogelijkheden er allemaal zijn.
De CSS Working Group heeft een beeldverhoudingseenheid voor CSS ontworpen. Dit wordt nog niet door de browsers ondersteund. Maar in dit artikel wordt alvast beschreven hoe dit proces tot stand is gekomen en wordt er uitgelegd hoe het moet gaan werken.
In de lente van 2017 maakte CSS Grid layout zijn entree in de browsers. De aanloop naar een nieuwe manier van een layout creëren op het web brak aan. In deze video kijkt Rachel Andrew terug naar wat er in deze eerste maanden allemaal goed of fout is gegaan. En ze biedt hulp aan bij mensen die moeite hebben met de overstap vanwege voorgaande layout technieken.
Nu we het einde van 2018 naderen kijken we met deze video terug waar CSS Grid layout en CSS layout in het algemeen staat. In deze presentatie leer je de belangrijkste elementen over layout. De dingen die je moeten weten zodra je vanaf nu met nieuwe projecten begint. Rachel neemt je mee met wat we nu tot onze beschikking hebben en wat er allemaal aankomt. Met handige adviezen en vele, praktische voorbeelden kun je al een snel een start maken met jouw eigen projecten.
Editorial Layouts, Exclusions, and CSS Grid Bron https://rachelandrew.co.uk/archives/2018/11/09/editorial-layouts-exclusions-and-css-grid/ Schrijver Rachel Andrew
Use Cases For Flexbox Bron https://www.smashingmagazine.com/2018/10/flexbox-use-cases/ Uitgever Smashing Magazine Schrijver Rachel Andrew
