Friska resurser för webbdesigners och utvecklare (mars 2016)

I vår sista del satsade vi på de olika Javascript- och CSS-biblioteken för att hjälpa till att bygga bättre webbplatser och webbapplikationer. Den här månaden har vi fler bibliotek att rekommendera tillsammans med ett litet fokus på typografi.

I denna serieomgång ser du på några JS-bibliotek som du hittar använd för, men också en samling tips, en mycket lång uppsats om typografi, en färggenerator och lätta frontendramen. Utan ytterligare ado, låt oss kolla in dem.

Klicka för mer resurser

Hitta hela vår samling av rekommenderade resurser och de bästa webbdesign och utvecklingsverktygen som finns tillgängliga.

JS Tips

JS Tips är en samling JavaScript-tips, några av dem roterar runt syntax, lite om kod effektivitet och prestanda, och några andra är specifika för ett ramverk som AngularJS. Nya tips läggs till dagligen och det finns för närvarande 50 tips utfärdat. Det är i huvudsak ett måste-bokmärke webbplats för varje webbutvecklare.

Vagrant Manager

Vagrant Manager är GUI-applikation för att styra Vagrant. Liknande MAMP, där du kan stoppa eller springa Vagrant och se vilken Vagrant som körs. Appen är tillgänglig för OS X och för Windows. Om du inte är säker på vad Vagrant är, kolla in vårt tidigare inlägg på Så här installerar du WordPress lokalt med Vagrant.

Bulma

Bulma är en frontendram. Paketet innehåller några gemensamma användargränssnittskomponenter av webben som navigation, dropdown och (naturligtvis) nätet som är byggt helt med Flexbox. Den enda funktionen saknas (åtminstone för närvarande) är JavaScript-komponenterna. Bulma komponenter är mycket slankare jämfört med Bootstrap, men det borde vara tillräckligt för att bygga en liten men presentabel webbplats.

Gutenberg

Uppkallad efter Johannes Gutenberg, masspressen uppfinnare. Gutenberg är en samling av stilregler för korrekt typografisk inställning på webben. Stilreglerna anger baslinjen, stilsorten och skalan och linjens höjd. Ett bra bibliotek för att göra ditt webbplatsinnehåll ser mycket bättre ut.

OkayNav

OkayNav är en jQuery för att bygga en responsiv navigering, men inte bara ännu en. Pluggen har en något annorlunda tag på responsiv design: eftersom visningsporten är mindre än mindre blir varje meny gradvis sammanslagna i en ikon för att tolerera den begränsade visningsportstorleken. Låter coolt, gör det inte?

Ny webbtypografi

De Ny webbtypografi är en djupgående, ögonöppnande uppsats om typografi. Det diskuterar stilar från de tidiga dagarna av böcker till det nuvarande sättet vi bygger och konsumerar på webben. Välforskad med flera illustrationer, och fullständigt refererad, är det en lång artikel av Robin Rendle, men definitivt värt att läsa för att få en bättre förståelse för typografi.

Färgssäker

Färgssäker är en palett för färggenerator för webben. Till skillnad från verktyg som vi tidigare nämnts i denna serie, kommer ColorSafe bara att generera färg som överensstämmer med WCAG-standarden för färgtillgänglighet.

Tillgänglig Modal Dialog

Detta är ett litet (endast ~ 0.5kb) JavaScript-bibliotek till bygga ett modalt dialogfönster. Att vara tillgänglig kan användarna enkelt öppna, stänga och navigera genom dialogrutan med ett tangentbord och en mus. Paketet är helt enkelt bara JavaScript, inga stylingar, så du kan fritt forma dialogen modal på något sätt du vill.

Mo.js

Mo.js är ett komplett paket med JavaScript-animeringsbibliotek. Den levereras med ett par förinställningar så att du snabbt kan ange och köra animationen. Det är modulärt, så att du kan ta bort onödig funktionalitet, såväl som flytande och slät. Att vara ett nytt nytt bibliotek, tyvärr är dokumentationen ännu inte klar (för nu).

partiklar

Detta bibliotek lägger till flytande partikelnät på din hemsida, helt enkelt för att göra din webbplats ser svalare direkt ut. Partiklarna kommer att reagera på markörrörelsen. Reaktionerna liksom andra element som färger, avstånd och form kan konfigureras genom alternativen.