Friske ressurser for webdesignere og utviklere (mars 2016)

I vår siste rate fokuserte vi på de ulike Javascript- og CSS-bibliotekene for å bidra til å bygge bedre nettsteder og webapplikasjoner. Denne måneden har vi flere biblioteker å anbefale sammen med et lite fokus på typografi.

I denne runden av serien ser du på noen få JS-biblioteker som du finner bruk for, men også en samling tips, et veldig langt essay om typografi, en fargegenerator og lettvekts frontend-rammeverk. Uten videre, la oss sjekke dem ut.

Klikk for flere ressurser

Finn hele vår samling av anbefalte ressurser og de beste verktøyene for webdesign og utvikling.

JS Tips

JS Tips er en samling av JavaScript-tips, noen av dem roterer rundt syntaks, noen om kode effektivitet og ytelse, og noen andre er spesifikke for et rammeverk som AngularJS. Nye tips legges daglig, og det er for øyeblikket 50 tips utstedt. Det er egentlig et must-bokmerke Nettsted for hver webutvikler.

Vagrant Manager

Vagrant Manager er GUI-applikasjon for å kontrollere Vagrant. Lignende MAMP, hvor du kan stoppe eller kjøre Vagrant, og se hvilken Vagrant som kjører. Appen er tilgjengelig for OS X og for Windows. Hvis du ikke er sikker på hva Vagrant er, sjekk ut vårt forrige innlegg på Slik installerer du WordPress lokalt med Vagrant.

Bulma

Bulma er en frontend rammeverk. Pakken inneholder noen Vanlige brukergrensesnitt av nettet som navigasjon, dropdown og (selvfølgelig) nettverket som er bygget helt sammen med flexbox. Den eneste funksjonen mangler (minst, for nå) er JavaScript-komponentene. Bulma komponenter er mye slankere sammenlignet med Bootstrap, men det bør være tilstrekkelig til å bygge en liten, men presentabel nettside.

Gutenberg

Oppkalt etter Johannes Gutenberg, massepresentør. Gutenberg er en samling av stilregler for riktig typografisk innstilling på internett. Stilreglene angir basislinjen, skriftstørrelsen og skaleringen og linjens høyde. Et flott stil bibliotek for å gjøre ditt nettsted innhold ser mye bedre ut.

OkayNav

OkayNav er en jQuery å bygge en responsiv navigasjon, men ikke bare enda en. Pluggen har en litt annerledes takknemlig design: da visningsporten er endret til mindre, vil hver meny være gradvis slått sammen i et ikon for å tolerere den begrensede visningsportstørrelsen. Høres kult, gjør det ikke?

Ny webtypografi

De Ny webtypografi er en grundig, øyeåpningsoppgave om typografi. Det diskuterer stilene fra de tidlige bøkene til den nåværende måten vi bygger og konsumerer på nettet. Godt forsket med flere illustrasjoner, og fullt referert, er det en lengre artikkel av Robin Rendle, men definitivt verdt å lese for å få bedre forståelse av typografi.

Fargesikkert

Fargesikkert er en fargegeneratorpalett for nettet. I motsetning til verktøy som vi tidligere har nevnt i denne serien, vil ColorSafe bare generere farge som overholder WCAG-standarden for farge tilgjengelighet.

Tilgjengelig Modal Dialog

Dette er et lite (bare ~ 0,5 kb) JavaScript-bibliotek til bygge et modalt dialogvindu. Å være tilgjengelig, kan brukerne enkelt åpne, lukke og navigere gjennom dialogboksen med tastatur og mus. Pakken er rett og slett bare JavaScript, ingen stylinger, slik at du kan fritt forme dialogen modal på noen måte du liker.

Mo.js

Mo.js er en komplett pakke med JavaScript-animasjonsbibliotek. Den leveres med et par forhåndsinnstillinger, slik at du kan angi og kjøre animasjonen raskt. Det er modulært, slik at du kan fjerne unødvendig funksjonalitet, samt flytende og glatt. Å være et friskt nytt bibliotek, dessverre er dokumentasjonen ennå ikke klar (for nå).

partikler

Dette biblioteket legger til flytende partikkelnettverk på nettstedet ditt, bare for å gjøre nettstedet ditt se kulere umiddelbart. Partiklene vil reagere på markørbevegelsen. Reaksjonene, så vel som andre elementer som farger, avstand og form kan konfigureres gjennom alternativene.