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.

110+ Google Nu spraakopdrachten die u kunt gebruiken

110+ Google Nu spraakopdrachten die u kunt gebruiken

Google Nu is het antwoord van Google op Siri. Het is een slimme, virtuele, spraakgestuurde persoonlijke assistent, ontwikkeld door de zoekgigant en fungeert als een handige toevoeging aan de pure Android-ervaring . Het integreert goed met de services van Google om u te voorzien van updates en andere informatie volgens uw voorkeuren

(Technische en ontwerptips)

15 Lightbox-bibliotheken voor mobiel reactievermogen

15 Lightbox-bibliotheken voor mobiel reactievermogen

Lightbox is een populaire manier om afbeeldingen op internet te plaatsen . Wanneer u op een afbeelding klikt, verschijnt de Lightbox met een of andere vorm van animatie en dimt de achtergrond zodat u zich op de afbeelding zelf richt. Het beeld is ook groter in schaal. De meeste populaire JavaScript-bibliotheken van Lightbox die we al jaren kennen, laten je dit goed doen op desktops, maar niet zozeer op mobiele platforms

(Technische en ontwerptips)