Uued ressursid veebidisaineritele ja arendajatele (detsember 2016)

Me läheneme 2016. aasta lõpuni ja see on olnud põnev aasta paljudele, sealhulgas veebiarendajatele. Sellel aastal, ReactJSi populaarsus tõusis eksponentsiaalselt, vabastatakse uus ReactJS-laiend ja see asub Githubi trendikad hoidlad (peaaegu) iga nädal.

PHP7 avaldatakse ka sel aastal mis pakub nii kiirust, kui ka vabastamist WordPress 4.7 koos kauaoodatud WP-API-ga funktsioon ja Facebook tutvustas ka lõngapaketti see võib seada kahtluse alla NPM.

Klõpsake rohkem ressursse

Leia kogu meie soovitatud ressursside kogu ja parimad veebidisaini ja arendustööriistad.

Lisateavet iga kasuliku väljaande kohta vaadake järgmist loendit:

LightHouse

LightHouse on a Google'i mugav vahend uurida oma veebisaite kaasaegsete veebiarenduse näitajate suhtes, mis sisaldavad lehekülje laadimise jõudlus, teenusepakkujatega, serveri aja vastus ja nii edasi. Need tööriistad on kahes vormis: CLI (käsurealiides) ja Google Chrome'i laiendus.

FuseJS

Fuzzy-search on otsingu lõpetamise tüüp, kus see on tagastab numbri võimalusi isegi siis, kui see ei vasta täpselt otsingu argumentidele. Näiteks, kui otsite sõna „kuni”, võib tulemuseks saada tegema, robot, ja jalg. See on populaarne otsingu tulemus tänapäeva veebirakendustes. FuseJS on a kerge JavaScript-raamatukogu mis võimaldab teil seda oma veebilehel hõlpsasti rakendada.

Lõngipakett

Lõng on a Facebooki poolt ehitatud sõlmpaketi haldur. Põhimõtteliselt toimib see sarnaselt NPM-iga, ehkki edusammud mitmes valdkonnas, näiteks kiirustel, „vallasrežiim”, mis võimaldab pakette installida ilma Interneti-ühenduse loomata, turvalisust ja usaldusväärsust.

Menüü vahemälu

Käepärane WordPress plugin vahemälu WordPress Menu Transient API kasutamine andmebaasi päringu kiiruse parandamiseks. Plugin on varustatud mitme filtriga kohandage vahemälu perioodi ja teha muid asju. Seda saab paigaldada Composeri abil või a regulaarne WordPress plugin.

Githunt

Githunt on Google Chrome'i laiendus asendab Chrome'i kodulehe Githubi trendi repositooriumiga. Tulemusi saab sorteerida perioodi ja programmeerimiskeele alusel. Ma arvan, et see on, must-install utiliit iga arendaja jaoks, et nad oleksid pidevalt värskemad, pidades silmas kõige lihtsamaid tööriistu.

FFocus

Ei saa keskenduda oma tööle ja soovite oma tööd kiiresti teha? Proovige FFocus'i. see on CLI, mis võimaldab teil terminali kaudu teatud aja jooksul veebilehte blokeerida. FFocus võib olla installitud NPM-i kaudu käivitades npm i ffocus -g käsk.

Accesslint

AccesslintJS on a JavaScripti raamatukogu veebisaidi kinnitamiseks juurdepääsuks. Selle raamatukogu kasutamine on sama lihtne kui selle laadimine enne ja sa saad kõik hoiatused ja vead otse DevToolsi konsoolist.

Värviline

Värviline on a mugav veebirakendus mis võimaldab teil luua värvikombinatsiooni, mis vastab WCAG juhistele, ja teeb ka teie veebisaidi nägemispuudega kasutajatele ligipääsetav nagu värvipimedus.

Micon

Micon on a valitud Microsoft Windows 10 pildifailide font ikoon. See võib olla a FontAwesome'i suur asendamine mida ma arvan, et on juba liiga palju kasutatud.

CSS viide

Nimi ütleb kõik. see on CSS-i viide CSS-süntaksite otsimiseks. Samuti esitatakse see kena meeldival viisil, mis teeb selle a suurepärane alternatiiv CSS dokumentatsioonile MDN-is, kui te arvate, et see on liiga igav.

Hooratta kohalik

See on GUI rakendus, mis muudab MacOSis kohaliku WordPressi veebisaidi loomise nii lihtsaks. Rakendus on pakitud arendajatele suurepäraste utiliitidega, näiteks; “Üks klõps” WordPressi installimine, SSH juurdepääs, lihtne SSL-i seadistamine, saidi plaan ja XIP.io. Rakendus oli hinnaga umbes 149USD, kuid on sellest ajast alates on tasuta antud, kui hooratas on omandanud.

FreeCodeCamp

See on tasuta ressurss veebi koodi tundmaõppimiseks. Teemadeks on HTML, CSS, JavaScript ja a mõned raamatukogud nagu ReactJS ja D3. See pakub väljakutseid või projekti näiteid kursuste ajal, samuti õpetused aitab teil paremini mõista seda teemat.

OverPass Font

OverPassi font on fontide perekond, mis koosneb kaheksa kaalu (200-900), tõsi kaldkirjas ja monospace kirjas. Fonti saab laadida nii veebifontina KeyCDN-ist kui ka installitud töölaua kasutamiseks. See on vaba ja avatud lähtekoodiga.

Vormi alus

Vormi alus on a CSS-stiili reeglite kogum mis lähtestavad vormi elemendid, mis sisaldavad sisend, märkeruut, valige, ja tekst põhiliste, kuid ilusate stiilidega. See CSS raamatukogu on hea kasutada koos teise “CSS resetter” nagu Normalize.css.

Esiots

see on raam, mida kasutatakse 24ways.org ehitamiseks; suurepärane ressurss et te võite uurida õppida arenenud CSS-tehnikaid.

Võit

ReactJS on tõusuteel ja sellega kaasneb seda toetavad paljud laiendused. Võit on a ReactJS komponent lisada vahe- ja graafikuid või andmete visualiseerimist.

Inferno

Inferno on a JavaScripti raamatukogu veebiliidese loomiseks mobiilseadmetes. see on ReactJSist inspireeritud seega pärineb sarnased süntaksikonventsioonid. Erinevus on aga see, et Inferno on ehitatud meeleolukorraga mis teeb selle palju väiksem ja annab sellele ka a kiirem renderdamisaeg.

Ülevene

Permonish on raamatukogu, mis suudab ennustada kasutajate järgmist koostoimet. See võimaldab teil valmistada kasutajaliides (UI) paremini ette enne, kui tegelik kasutaja teie veebisaidiga suhtleb.

SPA Starter Kit

See on näide SPA-st (Single Page Application), mis on ehitatud Laravel ja VueJS-iga. See on veel teine suurepärane ressurss veebiarenduse õppimiseks raamistike abil - vaata allikat Luke!

Docute

Docute on JavaScript-raamatukogu ühe lehekülje dokumentatsiooni loomiseks. See on varustatud VueJS-iga ja tarnitakse koos paljude sõlmedega, mis võimaldavad teil seda kasutada seadistage ja käivitage oma dokumentatsioon kiiresti.