Svježi resursi za web-dizajnere i razvojne programere (ožujak 2016)

U našem zadnjem izdanju usredotočili smo se na razne Javascript i CSS knjižnice kako bismo pomogli u izgradnji boljih web stranica i web aplikacija. Ovaj mjesec imamo više knjižnica koje preporučujemo uz mali fokus na tipografiju.

U ovom krugu serija gledat ćete nekoliko JS knjižnica koje ćete naći u upotrebi, ali i zbirku savjeta, vrlo dugačkog eseja o tipografiji, generatoru boja i laganom frontendnom okviru. Bez daljnjih smetnji, provjerimo ih.

Kliknite za više resursa

Pronađite cjelokupnu zbirku preporučenih resursa i najbolje dostupne alate za web dizajn i razvoj.

JS Savjeti

JS Tips je zbirka savjeta za JavaScript, neki od njih se vrte oko sebe sintaksa, nešto o tome učinkovitost i učinkovitost koda, a neki drugi su specifični za okvir kao što je AngularJS. Novi se savjeti dodaju dnevno i trenutno je izdano 50 savjeta. To je u biti obaveznu knjižnu oznaku site za svakog web developera.

Vagrant Manager

Vagrant Manager je GUI aplikacija za kontrolu Vagrant. Sličan MAMP, gdje možete zaustaviti ili pokrenuti Vagrant, i vidjeti koji Vagrant trenutno radi. Aplikacija je dostupna za OS X i za prozore. Ako niste sigurni što je Vagrant, pogledajte naš prethodni post o tome kako lokalno instalirati WordPress s Vagrant.

Bulma

Bulma je okvir okvira. Paket uključuje neke uobičajene komponente korisničkog sučelja weba poput navigacije, padajućeg izbornika i (naravno) mreže koja je u potpunosti izgrađena s flexbox. Jedina značajka koja nedostaje (barem za sada) su JavaScript komponente. Bulma komponente su mnogo tanje u usporedbi s Bootstrapom, ali to bi trebalo biti dovoljno za izgradnju malog, ali prezentabilnog web-mjesta.

Gutenberg

Ime je dobio po Johannesu Gutenbergu, izumitelju masovnog tiska. Gutenberg je zbirka pravila stila za pravilno tipografsko postavljanje na internetu. Pravila stila postavljaju osnovnu liniju, veličinu fonta i skaliranje te visinu retka. Izvrsna knjižnica stila kako bi sadržaj vaše web stranice izgledao puno bolje.

OkayNav

OkayNav je jQuery za izgradnju odgovorne navigacije, ali ne samo još jednu. Plugin ima nešto drugačiji pristup uzvratnom dizajnu: budući da je prikaz promijenjen na manji, svaki će izbornik biti postepeno spojene u ikonu kako bi se tolerirala ograničena veličina prikaza. Zvuči cool, zar ne?

Nova web tipografija

Nova web tipografija je detaljan esej o tipografiji. Ona raspravlja o stilovima od ranih dana knjiga do trenutnog načina na koji gradimo i konzumiramo na webu. Dobro istraženo s više ilustracija, i potpuno referencirano, to je dugačak članak Robina Rendlea, ali svakako vrijedan čitanja kako bi se bolje razumjelo tipografiju.

Boja sigurna

Boja sigurna je paleta generatora boja za web. Za razliku od alata koje smo ranije spomenuli u ovoj seriji, ColorSafe će generirati samo boju koja je u skladu s WCAG standardom za dostupnost boja.

Pristupačni modalni dijalog

To je malena (samo ~ 0.5kb) JavaScript knjižnica izgradite modalni dijaloški prozor. Budući da su dostupni, korisnici mogu jednostavno otvarati, zatvarati i kretati se kroz dijalog pomoću tipkovnice i miša. Paket je samo goli JavaScript, nema stilova, tako da možete slobodno oblikovati dijaloški modal na bilo koji način.

Mo.js

Mo.js je kompletan paket JavaScript biblioteke animacija. Dolazi s nekoliko preseta tako da možete brzo postaviti i pokrenuti animaciju. To je modularno, omogućujući vam da uklonite nepotrebnu funkcionalnost, kao i tekuću i glatku. Kao svježa nova knjižnica, nažalost, dokumentacija još nije spremna (zasad).

čestice

Ova knjižnica dodaje plutajuće mreže čestica na vašoj web-lokaciji, jednostavno kako bi vaša web-lokacija odmah izgledala hladnije. Čestice će reagirati na kretanje pokazivača. Reakcije kao i drugi elementi kao što su boje, udaljenost i oblik mogu se konfigurirati kroz opcije.