Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2017. gada februāris)

Svaigas Resouces for Web Developers sērijai ir darbojas aptuveni 4 gadus, un šīs sērijas uzturēšana man sniedza ieskatu par to, kā interneta gaita gadu gaitā notiek. Tur ir katru mēnesi iznāk jauni instrumenti padarīt tīmekļa attīstību vieglāku.

Šajā maksājumā mēs esam savākuši vairākus jaunus rīkus, kas ietver JavaScript bibliotēkas, pāris CSS bibliotēkas un atsauce lai uzlabotu savas prasmes. Pārbaudīsim tos.

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.

Paraksts

JavaScript ir pārņemt darbvirsmas lietojumprogrammu par pārnesamību dažādās platformās, kā arī strādājot tikpat labi kā vietējā lietotne. Šī lietotne, Paraksts, piemēram, ir uzcelta uz Electron. Tā ir vienkārša lietotne, kas ļauj meklēt subtitru failus (.srt) pievienot videoklipam, kuru skatāties.

Awesome OSX komandrinda

An milzīgs saraksts ar noderīgām un ērtajām MacOS komandu rindām. Šeit jūs varat atrast daudzas lietas, ko varētu veikt, izmantojot CLI “drukāšanas rindas notīrīšana”, “mapē Finder”, un “novērst sistēmas miegu”.

Trevors

Trevors tas ir vienkārši Travis CI bezsaistē. Travis ir nepārtrauktas integrācijas pakalpojums kur izstrādātāji pārbauda savu programmatūru lai redzētu, vai programmatūra darbojas pareizi vairākās vidēs. Trevors joprojām ir agrīnā stadijā; tā pašlaik atbalsta tikai “NodeJS”.

Pakāpeniski

Jauks JavaScript bibliotēka, lai pakāpeniski ielādētu attēlu, līdz ar to nosaukums. Mazs attēls tiks pasniegts un izplūdis, kamēr pārlūks ielādēs pilnu attēlu. Tas palīdz jūsu tīmekļa vietnei ielādēt daudz ātrāk īpaši, ja tajā ir lieli attēli.

QartJS

Tas ir JavaScript padara QR kodu mazāk garlaicīgu. Ar to jūs varat pārklāt QR kodu uz attēla - piemēram, fotoattēlu.

WP dokstacija

WP dokstacija ir a Docker vide, kas īpaši izstrādāta WordPress izveidei. Vide ir pašpietiekama un neietekmēs jūsu datora sistēmu, ja esat konfigurējis. Tas ir lieliska alternatīva Vagrant, Valet, Local un MAMP.

Rellax

Rellax ir JavaScript bibliotēka izveidot parallaxa efektu uz lapas ritināšanu. Tas ir aprīkots ar dažām iespējām un salīdzinoši viegli konfigurēt. Tas ir viegls, palaist super ātri un nav nepieciešama atkarība, piemēram, jQuery tāpēc tā ir lieliska alternatīva citām šīs kategorijas bibliotēkām, piemēram, Parallax.js vai Scrollax.js.

Artikulēt

Vēl viena atdzist JavaScript bibliotēka. Skaidri parāda sintētisks balss uz jūsu vietni. Tas ir spēj analizēt un lasīt jūsu vietni, beidzot var uzlabot jūsu tīmekļa vietnes pieejamību lietotājiem, kuriem ir vājāka redzamība.

MonetizeJS

MonetizeJS ir JavaScript bibliotēka viegli īstenot Stripe; tikpat viegli kā jQuery.

Vonic

Vonic ir UI kolekcija mobilais būvēts, izmantojot Vue.js un Ionic CSS. Tā sastāv no daudziem UI komponentiem, kas parasti sastopami mobilajā ierīcē, ieskaitot Atzīmējiet izvēles rūtiņu, meklēšanas formu, swiper un tā saukto harmoniju. Varat izmantot, lai izveidotu mobilās lietotnes lietojumprogrammu prototips tieši pārlūkprogrammā.

WordPress komponentu bibliotēka

10up, viens no svarīgākajiem vārdiem WordPress, izlaida UI bibliotēka izstrādāta īpaši WordPress. Atšķirībā no citām UI bibliotēkām, kas nodrošina tikai CSS un HTML kodus, 10Up nodrošina arī PHP koda fragmentu, ko varat ielīmēt savā tēmā. Komponents ietver Navigācija, cilnes, rīku padomi, Commonts un Blogrol.

JavaScript palaišanas veiktspēja

Lieliska un detalizēti raksti no Addy Osmani, viens no Google inženieriem, kā rakstīt JavaScript, kas darbojas super ātri. Es aicinu jūs to izlasīt izlīdziniet JavaScript prasmes.

KuteJS

Kute ir a JavaScript bibliotēka, lai veiktu animāciju. Tas ir degošs ātrs un ļoti efektīvs atmiņas patēriņā. Tajā ir paplašinājumi un papildu rīki, kas ļauj lietot animāciju CSS, SVG un pat jQuery spraudnis ērtākai sintaksei.

PWA Rocks

Progresīvā tīmekļa lietojumprogramma (PWA) ir metodoloģija ļauj tīmekļa vietnei darboties ātri un izmantojami bezsaistē. Šis PWA Rocks saraksts ir viens, ko Google ir apstiprinājusi kā PWA. Uz uzziniet vairāk par PWA no Google apskatiet: Progressive Web Apps.

Github Auto-Updater

Github Auto-Updater ir Komponistu bibliotēka, kas ļauj jūsu spraudni atjaunināt no Github. Tas ir ērts skripts, lai izstrādātāji varētu saglabāt spraudņus saviem klientiem bez obligāti augšupielādējot to Github repozitorijā.

Karte

Karte ir JavaScript bibliotēka kas padara kredītkaršu ievadi vairāk saistošu un uzlabo jūsu lietotāja pieredzi, ievadot kredītkaršu numurus. Tā darbojas labi ar jQuery, React, Angular un Ember.

Graaf

Graaf sniedziet pārklājumu pār jūsu lapu, lai redzētu, kā ir izveidots režģis - kolonna, rinda, notekas. Jūs varat arī izveidot savu tīkla specifikāciju izmantojot paredzēto API.

Luxbar

Luxbar ir a CSS sistēma, lai viegli izveidotu atsaucīgu navigāciju; vienkārši pievienojiet stilu un pievienojiet HTML pareizi. Varat instalēt šo bibliotēku NPM, Bower vai saistīt stilu tieši no CDN.

Kontrasta režģis

Saraksts ar tabulā ir redzams krāsu kontrasts un pieejamības pakāpe, pamatojoties uz WCAG 2.0. Varat mainīt tabulas vērtību un ātri noskaidrot, vai krāsu kombinācija atbilst WCAG standartam.

ToneJS

ToneJS ir JavaScript bibliotēka radīt toni vai skaņu, kas var būt, piemēram, no mūzikas instrumenta. Es domāju, ka šī bibliotēka būs noderīga tīmekļa instrumenta emulatora izveidei vai spēles skaņas efekti.