no.hideout-lastation.com
Paradis For Designere Og Utviklere


Lær CSS Grid Layout (The Fun Way) med Grid Garden

De fleste webutviklere vet Flexbox Froggy-spillet som lærer deg grunnleggende om flexbox fra grunnen av. Dette gratis spillet gikk viralt, og det er fortsatt utrolig verdifullt for å lære folk hvordan å kode med flexbox.

Vel, samme utvikler som laget det spillet, har et helt nytt spill som heter Grid Garden .

Dette spillet fungerer på en lignende måte, men lærer deg hvordan du kan kode CSS-nett . Det er en relativt ny funksjon, men det er fange raskt, og Grid Garden er lett den beste måten å lære.

Alt i Grid Garden følger en lignende lærestil som Flexbox Froggy. Det ble skapt av samme utvikler, Thomas Park, slik at du kan forvente et lignende vanskelighetsgrad og brukervennlighet.

Som standard starter du på nivå ett med totalt 28 nivåer fra start til slutt. Du kan alltid hoppe over nivåer hvis du tror det er for vanskelig, men jeg finner det alltid godt å jobbe gjennom dem alle som en forfriskning.

Hvis du ikke har noen ide om hvordan gridrelaterte egenskaper fungerer, vil du finne deg selv Googling mange ord. CSS-gridoppsettet er en helt ny modul med egen syntaks og funksjoner.

Jeg anbefaler på det sterkeste toying rundt med Grid Garden når du får sjansen. Det er praktisk talt en CSS-utvikler lekeplass for å lære og studere alle de forskjellige grid layout egenskaper.

Jeg kan ikke si at dette spillet vil gjøre deg til en ekspert på CSS-nett. Bare byggeprosjekter og praktiserer mye kan gi deg et ekspertnivå. Men Grid Garden er en morsom måte å komme i gang uten alt det vanlige stresset som går inn i å lære noe nytt.

Hele prosjektet er helt gratis og åpnes på GitHub hvis du vil laste det lokalt for å studere eller utvide. Du kan også dele tankene dine med skaperen på Twitter @ thomashpark.

Hvordan lage tomme statssider for nettsteder og mobilapps

Hvordan lage tomme statssider for nettsteder og mobilapps

Tomme statssider er mindre kjente designelementer med en betydelig rolle i brukeropplevelsen. I sin enkleste form er tomme stater sideoppsett sett når en bruker først besøker en side der det ikke er noe innhold tilgjengelig .Dette kan omfatte mobilapplikasjoner, sosiale nettverk eller til og med tomme blogkategorier. H

(Tekniske og design tips)

David Rumsey Map Collection - Den største online kartdatabasen du aldri har hørt om

David Rumsey Map Collection - Den største online kartdatabasen du aldri har hørt om

Google Maps og GPS har gjort det enklere enn noensinne for oss å reise verden på jakt etter nye opplevelser. Men før all denne teknologien kom til å bli, oppdagelsesreisende modige nye grenser ved hjelp av detaljerte kart som er like fremtredende som de er unøyaktige.Og ingen andre steder på Internett vil gi deg tilgang til kart som vil gjøre historikere, geografer og kartografer mer begeistret enn David Rumsey Map Collection.Med ov

(Tekniske og design tips)