Sveži viri za spletne oblikovalce in razvijalce (marec 2016)

V zadnjem obroku smo se osredotočili na različne knjižnice Javascript in CSS, da bi pomagali zgraditi boljše spletne strani in spletne aplikacije. V tem mesecu imamo več knjižnic, ki jih je treba priporočiti skupaj z majhnim poudarkom na tipografiji.

V tem krogu serije boste iskali nekaj knjižnic JS, za katere boste našli uporabo, pa tudi zbirko namigov, zelo dolg esej o tipografiji, barvni generator in okvir za lahek frontend. Brez dodatnega odlašanja jih preglejmo.

Kliknite za več virov

Poiščite celotno zbirko priporočenih virov in najboljše razpoložljivo spletno oblikovanje in razvojna orodja.

Nasveti za JS

JS Nasveti so zbirka nasvetov JavaScripta, nekateri od njih se vrtijo okoli skladnjo, nekaj o tem učinkovitost in učinkovitost kode, in nekateri drugi so specifični za okvir, kot je AngularJS. Novi nasveti se dodajo dnevno in trenutno je izdanih 50 nasvetov. V bistvu je obvezni zaznamek stran za vsakega spletnega razvijalca.

Upravljalec živil

Upravljalec živil je aplikacija GUI za nadzor Vagrant. Podoben MAMP, kjer lahko ustavite ali zaženete Vagrant, in si oglejte, kateri Vagrant trenutno teče. Aplikacija je na voljo za OS X in za okna. Če niste prepričani, kaj je Vagrant, si oglejte našo prejšnjo objavo o tem, kako lokalno namestiti WordPress z Vagrant.

Bulma

Bulma je frontendni okvir. Paket vključuje nekaj skupne komponente uporabniškega vmesnika spleta, kot je navigacija, spustni meni in (seveda) mreža, ki je v celoti zgrajena z Flexbox. Edina funkcija, ki manjka (vsaj za zdaj), so komponente JavaScripta. Bulma komponente so veliko manjše kot pri Bootstrap, vendar pa bi morale zadostovati za izdelavo majhnega, vendar predstavljivega spletnega mesta.

Gutenberg

Poimenovan po Johannesu Gutenbergu, masovnem izumitelju tiska. Gutenberg je zbirka pravila za pravilno tipografsko nastavitev na spletu. Pravila stila določajo osnovno linijo, velikost pisave in velikost ter višino vrstice. Velika knjižnica slog, da bo vaše spletne strani vsebina videti veliko bolje.

OkNav

OkNav je jQuery za izgradnjo odzivne navigacije, vendar ne samo še eno. Vtičnik ima nekoliko drugačen pristop k odzivnemu dizajnu: ker je prikazovalnik spremenjen na manjši, bo vsak meni postopoma združeni v ikono, da dovolijo omejeno velikost prikaza. Sliši se kul, kajne?

Nova spletna tipografija

The Nova spletna tipografija je temeljit esej o tipografiji. Razpravlja o stilih od zgodnjih dni knjig do trenutnega načina, ki ga gradimo in uporabljamo na spletu. Dobro raziskano z več ilustracijami in v celoti sklicevanjem, je dolg članek Robina Rendleja, vendar je vsekakor vredno branja, da bi bolje razumeli tipografijo.

Barvno varno

Barvno varno je paleta barvnih generatorjev za splet. Za razliko od orodij, ki smo jih prej omenili v tej seriji, bo ColorSafe ustvarjal samo barve, ki so skladne s standardom WCAG za dostopnost barv.

Dostopno modalno pogovorno okno

To je majhna (samo ~ 0.5kb) JavaScript knjižnica zgradite modalno pogovorno okno. Ker so dostopni, lahko uporabniki preprosto odprejo, zaprejo in krmarijo po pogovornem oknu s tipkovnico in miško. Paket je samo goli JavaScript, brez stylings, tako da lahko prosto oblikujejo pogovorni modal na kakršen koli način.

Mo.js

Mo.js je celoten paket knjižnice animacije JavaScript. Na voljo je nekaj prednastavitev, tako da lahko hitro nastavite in zaženete animacijo. Je modularna, kar vam omogoča, da odstranite nepotrebno funkcionalnost, pa tudi tekočo in gladko. Dokumentacija, ki je sveža nova knjižnica, žal še ni pripravljena (za zdaj).

Delci

Ta knjižnica dodaja plavajoče mreže delcev na vaši spletni strani, preprosto zato, da bi vaše spletno mesto takoj izgledalo hladnejše. Delci se bodo odzvali na gibanje kurzorja. Reakcije in drugi elementi, kot so barve, razdalja in oblika, se lahko konfigurirajo prek možnosti.