nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Leer CSS Grid Layout (The Fun Way) met Grid Garden

De meeste webontwikkelaars kennen het Flexbox Froggy-spel dat je de basis van flexbox helemaal opnieuw leert . Dit gratis spel ging viraal en het is nog steeds ongelooflijk waardevol om mensen te leren programmeren met flexbox.

Welnu, dezelfde ontwikkelaar die dat spel heeft gemaakt, heeft een gloednieuw spel genaamd Grid Garden .

Deze game werkt op dezelfde manier, maar leert je CSS-rasters coderen . Het is een relatief nieuwe functie, maar het gaat snel en Grid Garden is gemakkelijk de beste manier om te leren.

Alles in Grid Garden volgt een vergelijkbare leerstijl als Flexbox Froggy. Het is gemaakt door dezelfde ontwikkelaar, Thomas Park, dus je kunt een vergelijkbaar niveau van moeilijkheidsgraad en bruikbaarheid verwachten.

Standaard begin je op niveau één met in totaal 28 levels van start tot finish. Je kunt niveaus altijd overslaan als je denkt dat ze te moeilijk zijn, maar ik vind het altijd goed om ze allemaal te doorlopen, net als een opfriscursus.

Als je geen idee hebt hoe grid-gerelateerde eigenschappen werken, zul je merken dat je veel woorden googelt. De CSS-rasterlay-out is een geheel nieuwe module met zijn eigen syntaxis en functies.

Ik raad ten zeerste aan om met Grid Garden te spelen wanneer je de kans krijgt. Het is praktisch een CSS-ontwikkelaarspeelplaats voor het leren en bestuderen van alle verschillende eigenschappen van de rasterlay-out.

Ik kan niet zeggen dat deze game je een expert maakt in CSS-rasters. Alleen het bouwen van projecten en het oefenen van veel kan je op een expert niveau brengen. Maar Grid Garden is een leuke manier om te beginnen zonder de gebruikelijke stress die gepaard gaat met het leren van iets nieuws.

Het hele project is volledig gratis en open source op GitHub als je het lokaal wilt downloaden om te studeren of uit te breiden. Je kunt ook je gedachten delen met de maker op Twitter @thomashpark.

De invloed van Microsoft Inclusive Design in Visual Studio Code

De invloed van Microsoft Inclusive Design in Visual Studio Code

Universeel of inclusief ontwerp is een nieuwe ontwerpfilosofie die Microsoft de laatste tijd serieus lijkt te nemen in de ontwikkeling van software. Inclusief ontwerp neemt toegankelijk ontwerp naar een hoger niveau, omdat het toegankelijkheid vanuit een veel breder perspectief bekijkt. Toen ik de nieuwe broncode-editor van Microsoft, Visual Studio Code, testte, kwam de vraag hoe ze de theorie in de praktijk implementeerden natuurlijk in mijn gedachten

(Technische en ontwerptips)

10 creatieve professionals met geweldige opdrachten die u wenst

10 creatieve professionals met geweldige opdrachten die u wenst

Herinner je je de vreugde en plezier die je als kind met Lego had gespeeld - hoe werd het alleen beperkt door je verbeeldingskracht (en het vermogen van je ouders om Lego-stukken op de vloer te weerstaan)? Op een gegeven moment dacht je waarschijnlijk: "Man, ik wou dat ik de hele dag met Lego kon spelen

(Technische en ontwerptips)