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 resursaKliknite 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.