Hjemmeside » Webdesign » Friske ressourcer til webdesignere og udviklere (marts 2016)

    Friske ressourcer til webdesignere og udviklere (marts 2016)

    I vores sidste rate fokuserede vi på de forskellige Javascript- og CSS-biblioteker for at hjælpe med at opbygge bedre websites og webapplikationer. I denne måned har vi flere biblioteker at anbefale sammen med et lille fokus på typografi.

    I denne runde af serien ser du på nogle få JS-biblioteker, som du finder brug for, men også en samling af tip, et meget langt essay om typografi, en farvegenerator og lette frontend-rammer. Uden yderligere ado, lad os tjekke dem ud.

    Klik for flere ressourcer

    Klik for flere ressourcer

    Find vores samlede samling af anbefalede ressourcer og de bedste webdesign og udviklingsværktøjer til rådighed.

    JS Tips

    JS Tips er en samling af JavaScript-tip, nogle af dem drejer rundt syntaks, nogle om kode effektivitet og ydeevne, og nogle andre er specifikke for en ramme som AngularJS. Nye tip tilføjes dagligt, og der er i øjeblikket 50 tips udstedt. Det er i det væsentlige et must-bogmærke websted for hver webudvikler.

    Vagrant Manager

    Vagrant Manager er GUI-applikation til at kontrollere Vagrant. Lignende MAMP, hvor du kan stoppe eller køre Vagrant, og se hvilken Vagrant der kører. App'en er tilgængelig til OS X og til Windows. Hvis du ikke er sikker på, hvad Vagrant er, så tjek vores tidligere indlæg på Sådan installeres WordPress lokalt med Vagrant.

    Bulma

    Bulma er en frontend ramme. Pakken indeholder nogle fælles brugerinterface komponenter af internettet som navigation, dropdown og (selvfølgelig) nettet der er bygget helt sammen med flexbox. Den eneste funktion mangler (i det mindste for nu) er JavaScript-komponenterne. Bulma komponenter er meget slankere sammenlignet med Bootstrap, men det skal nok til at bygge en lille, men præsentabel hjemmeside.

    Gutenberg

    Opkaldt efter Johannes Gutenberg, massetryk opfinder. Gutenberg er en samling af stil regler for korrekt typografisk indstilling på nettet. Stilreglerne angiver basislinjen, skriftstørrelsen og skaleringen og linjens højde. En stor stil bibliotek for at gøre dit websted indhold ser meget bedre ud.

    OkayNav

    OkayNav er en jQuery at opbygge en lydhør navigation, men ikke bare endnu en. Pluginet har et lidt andet tak på responsivt design: da visningsporten er ændret til mindre, vil hver menu være gradvist fusioneret i et ikon for at tolerere den begrænsede visningsportstørrelse. Lyder køligt, gør det ikke?

    Ny webtypografi

    Det Ny webtypografi er en dybdegående øjenåbningsopgave om typografi. Det diskuterer stilarter fra de tidlige dage af bøger til den nuværende måde, vi opbygger og forbruger på internettet. Godt forsket med flere illustrationer, og fuldt refereret, er det en lang artikel af Robin Rendle, men absolut værd at læse for at få en bedre forståelse af typografi.

    Farvesikker

    Farvesikker er en farvegeneratorpalette til internettet. I modsætning til værktøjer, som vi tidligere har nævnt i denne serie, producerer ColorSafe kun farve, der overholder WCAG-standarden for farvetilgængelighed.

    Tilgængelig modal dialog

    Dette er et lille (kun ~ 0,5 kb) JavaScript-bibliotek til opbyg et modalt dialogvindue. At være tilgængelig kan brugerne nemt åbne, lukke og navigere gennem dialogen med et tastatur og en mus. Pakken er simpelthen bare JavaScript, ingen stylings, så du kan frit forme dialogen modal på enhver måde, du kan lide.

    Mo.js

    Mo.js er en komplet pakke med JavaScript-animationsbibliotek. Den leveres med et par forudindstillinger, så du kan sætte og køre animationen hurtigt. Det er modulært, så du kan fjerne unødvendig funktionalitet, såvel som flydende og glat. At være et nyt nyt bibliotek, er desværre dokumentationen endnu ikke klar (for nu).

    partikler

    Dette bibliotek tilføjer flydende partikel netværk på din hjemmeside, simpelthen for at gøre dit website se køligere øjeblikkeligt. Partiklerne vil reagere på markørbevægelsen. Reaktionerne samt andre elementer som farver, afstand og form kan konfigureres via mulighederne.