Sveži viri za spletne oblikovalce in razvijalce (februar 2017)

Serija Fresh Resouces for Web Developers ima tečejo približno 4 leta, vzdrževanje te serije mi je v veliki meri omogočilo vpogled v napredek spleta v preteklih letih. Obstajajo vsak mesec prihajajo nova orodja olajšati razvoj spletnih strani.

V tem obroku smo zbrali številna nova orodja, ki vključujejo knjižnice JavaScript, nekaj knjižnic CSS in reference da bi izboljšali svoje znanje. Poglejmo jih.

Kliknite za več virov

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

Napis

JavaScript je prevzem namizja za prenosljivost na različnih platformah, kot tudi delo enako dobro kot native aplikacijo. Ta aplikacija, Napis, na primer zgrajena na vrhu Electrona. To je preprosta aplikacija, ki omogoča iskanje datotek podnapisov (.srt), da se priloži videoposnetku, ki ga gledate.

Odlična ukazna vrstica OSX

An ogromen seznam uporabnih in priročnih ukaznih vrstic za macOS. Tu lahko najdete veliko stvari, ki bi jih lahko naredili preko CLI, kot je npr “čiščenje čakalne vrste za tiskanje”, “skrita mapa v programu Finder”, in “preprečevanje spanja sistema”.

Trevor

Trevor je preprosto Travis CI brez povezave. Travis je storitev kontinuirane integracije kjer razvijalci preizkušajo svojo programsko opremo da preverite, ali programska oprema deluje pravilno v več okoljih. Trevor je še v začetni fazi; trenutno podpira samo “NodeJS”.

Postopno

Lep JavaScript knjižnico za postopno nalaganje slike, od tod tudi ime. Majhna slika bo prikazana in zabrisana, ko brskalnik nalaga polno sliko. To omogoča hitrejše nalaganje vaše spletne strani še posebej, če vsebuje velike slike.

QartJS

To je JavaScript QR koda je manj dolgočasna. S tem lahko kodo QR prekrijete preko slike - na primer fotografije.

WP Docker

WP Docker je a Docker okolje, zasnovano posebej za razvoj WordPressa. Okolje je samostojno in ne bo vplivalo na vaš računalniški sistem, če ste nastavili konfiguracijo. Je odlična alternativa Vagrant, Valet, Local in MAMP.

Rellax

Rellax je JavaScript knjižnica ustvarite učinek paralakse na strani drsenja. Na voljo je z nekaj možnostmi in relativno enostavno konfigurirati. Je lahek, teče zelo hitro in ne zahteva odvisnosti, kot je jQuery zato je odlična alternativa drugim knjižnicam te kategorije, kot so Parallax.js ali Scrollax.js.

Artikulirati

Še ena kul JavaScript knjižnica. Artikulacija prinaša sintetično glasu na vašo spletno stran. je lahko razčlenite in preberete vašo spletno stran, sčasoma lahko izboljša dostopnost vaše spletne strani za uporabnike s slabšo vidljivostjo.

MonetizeJS

MonetizeJS je knjižnica JavaScript za z lahkoto izvedite trak; preprosto kot z uporabo jQuery.

Vonic

Vonic je zbirka uporabniškega vmesnika za mobilna, izdelana z uporabo Vue.js in ionskega CSS-ja. Vsebuje veliko komponent uporabniškega vmesnika, ki se običajno nahajajo v mobilnem telefonu, vključno z Potrditveno polje, Obrazec za iskanje, Swiper in tako imenovani Harmonika. Uporabite lahko za izdelavo aplikacije za mobilne aplikacije prototip v brskalniku.

Knjižnica komponent WordPress

10up, eno od uglednih imen v WordPressu, je izdalo oblikovano knjižnico uporabniškega vmesnika posebej za WordPress. Za razliko od druge knjižnice uporabniškega vmesnika, ki ponuja le kode CSS in HTML, 10Up ponuja tudi odrezek kode PHP, ki ga lahko prilepite v svojo temo. Komponenta vključuje Navigacija, zavihki, nasveti, seznami ukazov in Blogrol.

Zagonska uspešnost JavaScripta

Odličen in podrobne članke od Addy Osmani, eden od Googlovih inženirjev, o tem, kako pisati JavaScript, ki deluje zelo hitro. Spodbujam vas, da ga preberete dvignite raven spretnosti JavaScript.

KuteJS

Kute je a JavaScript knjižnica za izvajanje animacije. To je hitro in super učinkovito v porabi pomnilnika. Ima razširitve in dodatna orodja, ki omogočajo uporabo animacije v CSS, SVG in celo vtičnik jQuery za bolj priročno sintakso.

PWA Rocks

Progressive Web Application (PWA) je metodologija, ki spletno mesto omogoča hitro in uporabno delovanje brez povezave. Ta PWA Rocks navaja enega, ki ga je Google odobril kot PWA. Za izveste več o Googlu PWA poglejte: Progressive Web Apps.

Github Samodejno posodabljanje

Github Auto-Updater je Knjižnica skladateljev, ki omogoča, da se vaš vtičnik posodobi iz Githuba. To je priročen skript za razvijalce, ki vzdržujejo vtičnike za svoje stranke brez nujno nalaganje v skladišče Github.

Kartica

Kartica je knjižnica JavaScript zaradi česar je vnos kreditne kartice bolj zanimiv in izboljša uporabniško izkušnjo, medtem ko vnašate številke kreditnih kartic. To dobro deluje z jQuery, React, Angular in Ember.

Graaf

Graaf podajte prekrivno stran nad vašo stran, da vidite, kako je mreža - stolpec, vrstica, žleb - razporejena. Lahko tudi ustvarite lastno specifikacijo omrežja z uporabo priloženega API-ja.

Luxbar

Luxbar je a CSS okvir za enostavno odzivno navigacijo; preprosto dodajte slog in dodajte HTML pravilno. To knjižnico lahko namestite NPM, Bower ali povežite slogovno tabelo neposredno s CDN.

Kontrastna mreža

Seznam tabela prikazuje barvni kontrast in stopnjo dostopnosti, ki temelji na WCAG 2.0. Vrednost lahko spremenite na tabeli in hitro ugotovite, ali je barvna kombinacija v skladu s standardom WCAG.

ToneJS

ToneJS je knjižnica JavaScript za ustvarite ton ali zvok, ki ga lahko slišite iz glasbila. Mislim, da bo ta knjižnica koristna za izgradnjo spletnega emulatorja glasbenih inštrumentov ali zvočne učinke igre.