Hoe maak je een SVG cirkeldiagram – codeer mee met Kasey
Kasey leert je in deze video stap voor stap hoe je een SVG cirkeldiagram maakt.
Fleuruptodate.nl - Fleurt je kennis op
Mijn persoonlijke collectie van gelezen front-end development artikelen
Kasey leert je in deze video stap voor stap hoe je een SVG cirkeldiagram maakt.
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.
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.
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.