Uued ressursid veebidisaineritele ja arendajatele (märts 2016)

Meie viimases osamakses keskenduti erinevatele Javascript ja CSS raamatukogudele, et aidata luua paremaid veebisaite ja veebirakendusi. Sellel kuul on meil rohkem raamatukogusid, et soovitada koos väikese keskendumisega tüpograafiale.

Selles seeria ringis vaatate mõningaid JS-i raamatukogusid, mida te kasutate, aga ka kogumik vihjeid, väga pikk essee tüpograafiast, värvigeneraator ja kerge esipaneeli raamistik. Ilma edasiste juhudeta vaatame need läbi.

Klõpsake rohkem ressursse

Leia kogu meie soovitatud ressursside kogu ja parimad veebidisaini ja arendustööriistad.

JS Tips

JS Tips on kogumik JavaScript nõuandeid, millest mõned pöörduvad ümber süntaks, mõned umbes koodi tõhusus ja jõudlus, ja mõned teised on spetsiifilised raamistikule nagu AngularJS. Uusi vihjeid lisatakse iga päev ja praegu on välja antud 50 nõuandeid. See on sisuliselt must-järjehoidja iga veebi arendaja jaoks.

Vagrant Manager

Vagrant Manager on GUI rakendus Vagranti juhtimiseks. Sarnane MAMP, kus saab peatada või käivitada Vagrant ja vaadake, milline Vagrant praegu töötab. Rakendus on saadaval OS X ja akende jaoks. Kui te ei ole kindel, mida Vagrant on, vaadake meie eelmist postitust „Kuidas installida WordPress kohapeal Vagrantiga”.

Bulma

Bulma on esikülje raamistik. Pakett sisaldab mõningaid ühised kasutajaliidese komponendid veebi nagu navigeerimine, rippmenüü ja (loomulikult) võrk, mis on täielikult ehitatud Flexbox. Ainus puuduv funktsioon (vähemalt praegu) on JavaScript-komponendid. Bulma komponendid on Bootstrapiga võrreldes palju õhemad, kuid see peaks olema piisav, et luua väike, kuid esinduslik veebisait.

Gutenberg

Nimetati Johannes Gutenbergi massimaterjalide leiutajana. Gutenberg on kogumik stiili reeglid õige tüpograafilise seadistuse jaoks veebis. Stiilieeskirjad määravad baasjoone, fondi suuruse ja skaleerimise ning rea kõrguse. Suurepärane stiil, mis muudab teie veebisaidi sisu palju paremaks.

OkeiNav

OkeiNav on jQuery, mis on mõeldud reageeriva navigeerimise loomiseks, kuid mitte ainult veel üks. Pluginil on mõnevõrra erinev reageeriv disain: kui vaateava suurus on väiksem, väheneb iga menüü järk-järgult ühildub ikooniga, et tal oleks piiratud vaateava suurus. Kõlab lahe, kas pole?

Uus veebitüpograafia

The Uus veebitüpograafia on põhjalik, silmade avamise essee tüpograafia kohta. Selles arutatakse stiilid raamatute algusaegadest kuni praeguse viisini, kuidas me veebis ehitame ja tarbime. Hästi uuritud mitme illustratsiooniga ja täielikult viidatud, see on Robin Rendle'i pikk artikkel, kuid kindlasti tasub lugeda, et saada parem arusaamine tüpograafiast.

Värvikindel

Värvikindel on veebi värvigeneraatori palett. Erinevalt tööriistadest, mida me oleme selles seerias eelnevalt maininud, loob ColorSafe ainult värvi, mis vastab värvi kättesaadavuse WCAG standardile..

Kättesaadavad moodulid

See on väike (ainult ~ 0.5kb) JavaScript-raamatukogu ehitada modaalse dialoogiakna. Olles ligipääsetav, saavad kasutajad klaviatuuri ja hiirega dialoogi hõlpsasti avada, sulgeda ja navigeerida. Pakett on lihtsalt JavaScript, stiilideta, nii et saate dialoogi modaalselt vabalt kujundada.

Mo.js

Mo.js on täielik JavaScripti animatsiooniraamatukogu pakett. Kaasas paar eelseadistust, et saaksite animatsiooni kiiresti seadistada ja käivitada. See on modulaarne, mis võimaldab eemaldada tarbetuid funktsioone, samuti vedelikku ja sujuvat. Värskena uue raamatukogu kujul pole dokumentatsioon kahjuks veel valmis (praegu).

Osakesed

See raamatukogu lisab teie veebisaidile ujuvad osakeste võrgud, lihtsalt selleks, et muuta oma veebisait koheselt jahedamaks. Osakesed reageerivad kursori liikumisele. Reaktsioonid ja muud elemendid, nagu värvid, kaugus ja kuju, on võimalik seadistuste kaudu konfigureerida.