Fleuruptodate.nl - Fleurt je kennis op
Mijn persoonlijke collectie van gelezen front-end development artikelen
In deze aflevering van ‘The State of the Web’ bespreken Rick Viscomi en Jen Simmons (CSS Working Group, Mozilla) het proces van de CSS standaardisatie en de evolutie van hoe ontwikkelaars het web vormgeven.
We staan aan de vooravond van een geheel nieuw tijdperk in de digitale ontwerp wereld. We kunnen layouts nu rechtstreeks beschrijven in plaats van gebruik te maken van allerlei hacks. De voordelen zullen voor iedereen gelden. Van prototyping tot kunstige ontwerpen en responsive webdesign. In deze talk vertelt Jen met haar jarenlange ervaring wat er nu precies anders is. Ze legt uit hoe flexibel je kunt zijn en dat we de gedachte van pixelperfect nu voor altijd los kunnen laten.
Wes Bos neemt je in deze video mee in hoe je met Javascript DOM-elementen kunt manipuleren om een bijzondere layout te creëren.
8 Little Videos About the Firefox Shape Path Editor Samenvatting Vorig jaar heeft Mozilla in hun Dev Tools de shape path-editor uitgebracht. Met de editor kan...
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.
Leer hoe je layouts flexibel kunt maken met behulp van CSS Flexbox en CSS Grid.
Dan kijkt terug naar het 20 jaar bouwen van websites en wat CSS hem daarbij geleerd heeft. Eigenlijk had het weinig te maken met CSS zelf. Maar meer over het maken van fouten, dat je door les geven nog steeds blijft leren en dat alles wat we maken voor het web uiteindelijk weer verdwijnt. En dat is eigenlijk prima.
Je gids voor het maken van vormen in CSS met behulp van border-radius, clip-path, CSS shapes en Houdini’s paint worklet.
Het is gemakkelijk om veel fouten te maken met een nieuwe technologie, vooral met zoiets groots als CSS Grid. Jen somt de 9 grootste fouten op die ze ziet bij het gebruik van CSS Grid. Ze geeft advies en tips om deze valkuilen en oude gewoonten te vermijden.
Containers query’s zijn al enkele jaren een van de (zo niet de) meest gevraagde CSS mogelijkheden. En toch zijn hier nog geen specificaties voor, of browsers die proberen het te implementeren. Waarom is dat? De waarheid is dat ondanks hier niet aan gewerkt wordt, er op andere manieren wel mogelijkheden worden gecreëerd om container query’s mogelijk te maken. In deze presentatie wordt gekeken naar het verleden van container query’s. Wordt er uitgelegd wat de uitdagingen zijn van media query’s. En hoe verschillende browser daadwerkelijk container query’s vandaag al mogelijk maken.
