Svježi resursi za web-dizajnere i razvojne programere (veljača 2017.)

Serija Fresh Resouces za web programere ima trčanje za oko 4 godine, a održavanje ove serije uvelike mi je dalo uvid u to kako web napreduje tijekom godina. Tamo su svaki mjesec izlaze novi alati olakšati razvoj weba.

U ovom obroku prikupili smo niz novih alata, koji uključuju JavaScript knjižnice, nekoliko CSS knjižnica i referenca poboljšati svoje vještine. Provjerimo ih.

Kliknite za više resursa

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

Naslov

JavaScript je preuzimanje desktop aplikacije za prenosivost na različitim platformama, kao i rad jednako dobar kao izvorni app. Ova aplikacija, Naslov, na primjer izgrađen na vrhu Electrona. To je jednostavna aplikacija koja omogućuje pretraživanje datoteka podnaslova (.SRT) da biste se priložili videozapisu koji gledate.

Strašna OSX naredbena linija

ogroman popis korisnih i praktičnih naredbenih naredbi za MacOS. Ovdje možete pronaći mnogo stvari koje bi se mogle obaviti putem CLI-ja, kao što je “brisanje reda čekanja na ispis”, “skriva mapu u programu Finder”, i “sprečavanje spavanja sustava”.

Trevor

Trevor je jednostavno Travis CI učinio offline. Travis je usluga kontinuirane integracije gdje programeri testiraju svoj softver da biste provjerili radi li softver ispravno u više okruženja. Trevor je još uvijek u ranoj fazi; trenutno podržava samo “NodeJS”.

Postupno

Lijep JavaScript učitati sliku postupno, otuda i ime. Mala slika bit će poslužena i zamagljena dok preglednik učitava punu sliku. Ovaj pomaže brže učitavanje vaše web-lokacije osobito ako sadrži velike slike.

QartJS

To je JavaScript čini QR kod manje dosadnim. Na taj način možete prekriti QR kod preko slike - kao što je vaša fotografija.

WP Docker

WP Docker je Docker okruženje posebno dizajnirano za razvoj WordPressa. Okruženje je samostalno i neće utjecati na vaš računalni sustav u slučaju da ste napravili konfiguraciju. To je izvrsna alternativa Vagrant, Valet, Local i MAMP.

Rellax

Rellax je JavaScript biblioteka za stvoriti paralaksu učinak na stranici pomicanje. Ona dolazi s nekoliko opcija i relativno lako konfigurirati. Lagan je, trči super brzo i ne zahtijeva ovisnost poput jQuery stoga je to odlična alternativa drugim knjižnicama u ovoj kategoriji, kao što su Parallax.js ili Scrollax.js.

Artikulirati

Još jedna kul JavaScript biblioteka. Artikulacija donosi sintetički glas na svoju web-lokaciju. to je moći analizirati i pročitati vaše web stranice, s vremenom može poboljšati pristupačnost vaše web-lokacije korisnicima s oštećenom vidljivošću.

MonetizeJS

MonetizeJS je JavaScript biblioteka za Lako ugradite Stripe; lako kao s jQuery.

Vonic

Vonic je zbirka korisničkog sučelja za mobitel izgrađen pomoću Vue.js i jonskog CSS-a. Sastoji se od mnogo UI komponenti koje se obično nalaze u mobitelu uključujući i Potvrdni okvir, Obrazac za pretraživanje, Swiper i takozvani Harmonika. Možete upotrijebiti za izgradnju aplikacije za mobilne aplikacije prototip izravno u pregledniku.

Knjižnica komponenti WordPressa

10up, jedno od istaknutih imena u WordPressu, izdalo je dizajniranu UI knjižnicu posebno za WordPress. Za razliku od drugih UI knjižnica koja nudi samo CSS i HTML kodove, 10Up također sadrži isječak PHP koda koji možete jednostavno zalijepiti u svoju temu. Komponenta uključuje Navigacija, Kartice, Opisi alata, Commonts i Blogrol.

Performanse JavaScripta pri pokretanju

Izvrsna i detaljni članci iz Addy Osmani, jedan od Googleovih inženjera, o tome kako pisati JavaScript koji radi super brzo. Ohrabrujem vas da je pročitate povisite svoje JavaScript vještine.

KuteJS

Kute je JavaScript knjižnica za izvođenje animacije. To je plamen brzo i super učinkovit u potrošnji memorije. Ima proširenja i dodatne alate za omogućavanje primjene animacije u programu CSS, SVG, pa čak i jQuery dodatak za prikladniju sintaksu.

PWA Rocks

Progresivna web-aplikacija (PWA) je metodologija web-lokaciji omogućuje brzo pokretanje i upotrebu izvanmrežno. Ovaj PWA Rocks navodi jedan koji je Google odobrio kao PWA. Do saznajte više o PWA od Googlea pogledajte: Progressive Web Apps.

Github Automatsko ažuriranje

Github Auto-Updater je Knjižnica skladatelja koja dopušta ažuriranje dodatka iz Githuba. Ovo je zgodan skript za razvojne programere koji moraju održavati dodatke za svoje klijente bez nužno je učitati u Github spremište.

Kartica

Kartica je JavaScript knjižnica što čini unos kreditne kartice zanimljivijim i poboljšava korisničko iskustvo dok unosite brojeve kreditnih kartica. To dobro radi s jQuery, React, Angular i Ember.

Graaf

Graaf navedite sloj iznad svoje stranice kako biste vidjeli kako je mreža - stup, red, oluk - postavljen. Također možete generirajte vlastitu specifikaciju mreže pomoću navedenog API-ja.

Luxbar

Luxbar je CSS okvir za jednostavno kreiranje odgovorajuće navigacije; jednostavno dodajte listu stilova i ispravno dodajte HTML. Knjižnicu možete instalirati putem NPM, Bower ili povezati stilsku ploču izravno s CDN-om.

Kontrastna mreža

Popis Tablica prikazuje kontrast boja i njihovu dostupnost na temelju WCAG 2.0. Možete promijeniti vrijednost na stolu i brzo shvatiti je li kombinacija boja u skladu s WCAG standardom.

ToneJS

ToneJS je JavaScript biblioteka za stvorite ton ili zvuk koji možda vole glazbeni instrument. Pretpostavljam da će ova knjižnica biti korisna za izgradnju emulatora glazbenih instrumenata na webu ili zvučne efekte igre.