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

Konec leta 2016 se bližamo in to je bilo veliko let za mnoge, vključno s spletnimi razvijalci. To leto, Priljubljenost ReactJS se je eksponentno povečala, sprosti novo razširitev ReactJS, ki je na seznamu Githubova zbirka trendov (skoraj) vsak teden.

PHP7 je izdan tudi letos ki omogoča znatno izboljšanje hitrosti, kot tudi sprostitev WordPress 4.7 z dolgo pričakovanim WP-API funkcijo in Facebook je uvedel tudi paket preje lahko izpodbija NPM.

Kliknite za več virov

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

Za več podrobnosti o vsakem od teh uporabnih izdaj si oglejte naslednji seznam:

LightHouse

LightHouse je a priročno orodje Googla pregledati vaše spletne strani glede na sodobne meritve razvoja spletnih strani, ki vključujejo zmogljivost nalaganja strani, caching s servisnimi delavci, časovni odziv strežnika in tako naprej. Ta orodja so v dveh oblikah: vmesnik CLI (vmesnik ukazne vrstice) in razširitev za Google Chrome.

FuseJS

Fuzzy iskanje je vrsta zaključnega iskanja, kjer je vrne številne možnosti, tudi če se ne ujemajo natančno z argumenti iskanja. Na primer, če iščete »do«, se lahko rezultat vrne narediti, robot, in stopala. To je a priljubljena iskanja v današnjih spletnih aplikacijah. FuseJS je a lahka knjižnica JavaScript ki vam omogoča, da jo preprosto izvedete na vaši spletni strani.

Paket preje

Preja je a Upravitelj paketov vozlišč, ki ga je zgradil Facebook. V bistvu deluje podobno kot NPM, čeprav z napredkom na več področjih, kot so hitrosti, "offline mode", ki vam omogoča namestitev paketov brez povezave z internetom, varnosti in zanesljivosti.

Predpomnilnik menija

Priročen WordPress vtičnik za predpomnjenje menija WordPress z uporabo API-ja Transient za izboljšanje hitrosti poizvedb v zbirki podatkov. Vtičnik ima številne filtre za prilagodite obdobje predpomnjenja in opravlja druge stvari. Namesti se lahko s pomočjo Composerja ali kot redni WordPress vtičnik.

Githunt

Githunt je razširitev za Google Chrome, ki nadomešča domačo stran Chrome z Githubovim skladiščem za trende. Rezultate lahko razvrstite glede na obdobje in programski jezik. Mislim, da je, orodje, ki ga morate namestiti za vsakega razvijalca, da ostane posodobljen s sijajnimi orodji.

FFocus

Ne morete se osredotočiti na svoje delo in želite hitro opraviti svoje delo? Poskusite FFocus. je CLI, ki omogoča blokiranje spletnega mesta za določeno trajanje prek Terminala. FFocus je lahko nameščen preko NPM z zagonom npm i ffocus -g ukaz.

Dostopna povezava

AccesslintJS je a Knjižnica JavaScript za potrditev vaše spletne strani dostopnosti. Uporaba te knjižnice je tako preprosta kot nalaganje pred in boste dobili vsa opozorila in napake desno na DevTools konzoli.

Barvno

Barvilo je a priročna spletna aplikacija ki vam omogoča ustvarjanje barvne kombinacije, ki je skladna s smernicami WCAG, in tudi vaše spletno mesto dostopne uporabnikom z motnjami vida kot barvna slepota.

Micon

Micon je a ikona pisave izbrane piktografije Microsoft Windows 10. To je lahko a velika zamenjava FontAwesome kar je po mojem mnenju že pretirano.

Referenca CSS

Ime pove vse. je Referenca CSS za iskanje sintakse CSS. Predstavljen je tudi na prijeten in prijeten način odlična alternativa za dokumentacijo CSS v MDN, če misliš, da je preveč dolgočasen.

Lokalno z vztrajnikom

To je GUI App, ki omogoča postavitev lokalne WordPress spletne strani v vašem MacOS tako enostavno. Aplikacija je prepakirana z velikimi pripomočki za razvijalce, kot je npr. “En klik” WordPress namestitev, Dostop SSH, preprosta namestitev SSL, načrt spletnega mesta in XIP.io. Aplikacija je imela ceno okoli 149 USD, vendar je zdaj dano brezplačno, odkar ga je pridobil vztrajnik.

FreeCodeCamp

Je brezplačen vir za učenje kode za splet. Teme vključujejo HTML, CSS, JavaScript in a nekaj knjižnic, kot sta ReactJS in D3. Zagotavlja izzivi ali primeri projektov medtem ko jemljete tečaje, kot tudi vaje bolje razumete predmet.

Pisava za prekomerno pisavo

Pisava OverPass je družina pisav, ki jo sestavljajo osem uteži (200-900), resnično ležeče in pisave z enojno črto. Pisavo lahko naložite kot spletno pisavo tako kot KeyCDN kot tudi nameščen za namizno uporabo. Je prost in odprtokoden.

Obrazec Base

Osnovna oblika je a niz pravil za stil CSS to ponastavi elemente oblike, ki vključujejo vnos, potrditveno polje, izberite, in textarea z osnovnimi, a lepimi stili. Ta knjižnica CSS je dobra uporabo v povezavi z drugo “Ponastavite CSS” kot Normalize.css.

FrontEnd

to je okvir, ki se uporablja za izdelavo 24ways.org; velik vir ki jih lahko preučite za učenje naprednih CSS tehnik.

Zmaga

ReactJS je v porastu in s tem prihaja veliko število podaljškov za podporo. Zmaga je Komponenta ReactJS dodajanje interkativnih in grafikonov ali vizualizacije podatkov.

Inferno

Inferno je a Knjižnica JavaScript za izdelavo spletnega vmesnika na mobilnih napravah. je navdih iz ReactJS zato podeduje podobne konvencije sintakse. Razlika pa je v tem, da je Inferno zgrajena z mislijo na zmogljivost kar ga naredi veliko manjši in daje tudi a hitrejše upodabljanje.

Premonish

Permonish je knjižnica, ki je sposobna predvidite naslednjo interakcijo uporabnikov. To vam bo omogočilo pripravite uporabniški vmesnik (UI) bolj popolno preden je uporabnik vzpostavil interakcijo z vašim spletnim mestom.

SPA Starter Kit

To je primer SPA (Single Page Application), zgrajenih z Laravel in VueJS. Še je še en dober vir za učenje spletnega razvoja z uporabo ogrodij - pogled na vir Luke!

Dokument

Docute je Knjižnica JavaScript za izdelavo dokumentacije za eno stran. Napaja se z VueJS in je dobavljena s številnimi pripomočki Node, ki vam omogočajo hitro vzpostavite in zaženite dokumentacijo.