Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2016. gada decembris)

Mēs tuvojamies 2016. gada beigām, un tas ir bijis aizraujošs gads daudziem, tostarp tīmekļa izstrādātājiem. Šogad, ReactJS popularitāte strauji pieauga, tiek atbrīvots jauns ReactJS paplašinājums, un tas atrodas sarakstā Githubas tendenču krātuves (gandrīz) katru nedēļu.

PHP7 tiek izlaists arī šogad kas nodrošina ievērojamu ātruma uzlabošanos, kā arī izlaišanu WordPress 4.7 ar ilgi gaidīto WP-API iezīme, un Facebook ieviesa arī dzijas paketi kas var apstrīdēt NPM.

Noklikšķiniet, lai iegūtu vairāk resursu

Atrast visu mūsu ieteikto resursu kolekciju un labākos pieejamos web dizaina un izstrādes rīkus.

Lai iegūtu sīkāku informāciju par katru no šiem noderīgajiem izlaidumiem, apskatīsim šādu sarakstu:

LightHouse

LightHouse ir a ērts rīks no Google pārbaudīt jūsu tīmekļa vietnes pret mūsdienīgām tīmekļa attīstības rādītājām, kas ietver lapas ielādes veiktspēja, caching ar pakalpojumu darbiniekiem, servera laika atbilde un tā tālāk. Šie rīki ir divos veidos: CLI (komandrindas saskarne) un Google Chrome paplašinājums.

FuseJS

Fuzzy-search ir meklēšanas pabeigšanas veids, kur tas notiek atgriež skaitļu iespējas pat tad, ja tas precīzi neatbilst meklēšanas argumentiem. Piemēram, ja meklējat “uz”, rezultāts var atgriezties darīt, robots, un kājām. Tas ir populāra meklēšanas veiktspēja mūsdienu tīmekļa lietojumprogrammās. FuseJS ir a viegla JavaScript bibliotēka kas ļauj jums to viegli īstenot savā tīmekļa vietnē.

Dzijas pakete

Dzija ir a Facebook izveidots mezglu pakotnes pārvaldnieks. Tā pamatā darbojas līdzīgi kā NPM, lai gan ar sasniegumiem vairākās jomās, piemēram, ātrumā, “bezsaistes režīms”, kas ļauj instalēt paketes bez savienojuma ar internetu, drošību, kā arī uzticamību.

Izvēlnes kešatmiņa

Ērts WordPress spraudnis , lai cache WordPress Menu izmantojot Transient API, lai uzlabotu datu bāzes vaicājuma ātrumu. Spraudnis ir aprīkots ar vairākiem filtriem pielāgot kešdarbības periodu un veikt citas lietas. To var uzstādīt, izmantojot Composer vai kā a regulāri WordPress spraudnis.

Githunt

Githunt ir Google Chrome paplašinājums aizstāj Chrome sākumlapu ar Github trending repository. Rezultātus var kārtot, pamatojoties uz periodu un programmēšanas valodu. Manuprāt, tas ir, must-install lietderība katram attīstītājam palikt atjauninātam ar visizdevīgākajiem rīkiem.

FFocus

Nevar koncentrēties uz savu darbu un vēlaties ātri paveikt savu darbu? Izmēģiniet FFocus. Tas ir CLI, kas ļauj bloķēt vietni noteiktā laikā, izmantojot termināli. FFocus var būt instalēta, izmantojot NPM palaižot npm i ffocus -g komandu.

Accesslint

AccesslintJS ir a JavaScript bibliotēka, lai apstiprinātu jūsu vietni pieejamību. Šīs bibliotēkas izmantošana ir tikpat vienkārša, kā to ielādēt pirms un jūs saņemsiet visi brīdinājumi un kļūdas tieši pie DevTools konsoles.

Krāsains

Krāsains ir a ērta tīmekļa lietojumprogramma kas ļauj jums izveidot krāsu kombināciju, kas atbilst WCAG vadlīnijām, kā arī nodrošina jūsu vietni pieejamība lietotājiem ar redzes traucējumiem piemēram, krāsu aklums.

Micon

Micon ir a izvēlēto Microsoft Windows 10 pictographics fontu ikona. Tas var būt a lieliska FontAwesome nomaiņa kas, manuprāt, jau ir pārmērīgi izmantots.

CSS atsauce

Vārds to visu saka. Tas ir CSS atsauce, lai meklētu CSS sintaksi. Tas tiek prezentēts arī jaukā, patīkamā veidā, kas padara to par a lieliska alternatīva CSS dokumentācijai MDN, ja jūs domājat, ka tas ir pārāk garlaicīgi.

Vietējā spararats

Tas ir GUI lietotne, kas ļauj izveidot vietējo WordPress tīmekļa vietni jūsu MacOS. Lietojumprogramma ir iesaiņota ar lieliem komunālajiem pakalpojumiem izstrādātājiem, piemēram; “Vienu klikšķi” WordPress instalēšana, SSH piekļuve, vienkārša SSL iestatīšana, vietnes plāns un XIP.io. App bija cena aptuveni 149USD, bet ir tagad ir brīvi piešķirts, ja to iegādājies Flywheel.

FreeCodeCamp

Tas ir bezmaksas resurss, lai uzzinātu par Web kodu. Tēmas ietver HTML, CSS, JavaScript un a dažas bibliotēkas, piemēram, ReactJS un D3. Tas nodrošina problēmas vai projektu piemēri kamēr jūs lietojat kursus, kā arī konsultācijas palīdzēt jums labāk saprast šo tēmu.

OverPass fonts

OverPass fonts ir fontu saite, kas sastāv no astoņi svari (200–900), īstais slīpraksts un monospace. Fonti var ielādēt kā tīmekļa fontu no KeyCDN, kā arī instalēta darbvirsmas lietošanai. Tas ir bezmaksas un atvērtā koda.

Veidlapas bāze

Veidlapas bāze ir a CSS stila noteikumu kopums kas atiestata veidlapas elementus, kas ietver ievadi, izvēles rūtiņu, izvēlieties, un textarea ar pamata vēl skaistiem stiliem. Šī CSS bibliotēka ir laba izmantot kopā ar citu “CSS resetter” tāpat kā Normalize.css.

FrontEnd

tas ir rāmis, kas tiek izmantots, lai izveidotu 24ways.org; lielisks resurss ka jūs varat ieskatīties apgūt uzlabotas CSS metodes.

Uzvara

ReactJS ir augošs, un ar to nāk liels skaits paplašinājumu, lai to atbalstītu. Uzvara ir a ReactJS komponents pievienot starpkultūru un diagrammas vai datu vizualizāciju.

Inferno

Inferno ir a JavaScript bibliotēka, lai izveidotu tīmekļa saskarni mobilajās ierīcēs. Tas ir no ReactJS līdz ar to pārņem līdzīgas sintakses konvencijas. Tomēr atšķirība ir tā, ka Inferno ir būvēts ar sniegumu kas to padara daudz mazāks un arī dod tai ātrāks atveidošanas laiks.

Premonish

Permonish ir bibliotēka, kas spēj prognozēt nākamo lietotāju mijiedarbību. Tas ļaus jums pilnveidot lietotāja interfeisu (UI) pirms faktiskais lietotājs mijiedarbojas ar jūsu vietni.

SPA starta komplekts

Šis ir SPA (Single Page Application) piemērs, kas veidots ar Laravel un VueJS. Tas vēl ir vēl viens lielisks resurss, lai apgūtu tīmekļa izstrādi, izmantojot sistēmas - apskatīt avotu Lūkas!

Dokuments

Dokuments ir JavaScript bibliotēka vienas lapas dokumentācijas izveidei. Tas tiek darbināts ar VueJS un tiek piegādāts ar vairākiem mezglu pakalpojumiem, kas ļauj jums ātri izveidojiet un palaist savu dokumentāciju.