Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2017 m. Vasario mėn.)

„Fresh Resouces for Web Developers“ serija ketverius metus, ir šios serijos išlaikymas man labai padėjo suprasti, kaip internetas progresuoja per metus. Yra nauji įrankiai kas mėnesį palengvinti žiniatinklio kūrimą.

Šioje įmokoje surinkome daug naujų įrankių, kurios apima „JavaScript“ bibliotekas, pora CSS bibliotekų ir nuoroda pagerinti savo įgūdžius. Patikrinkime juos.

Spustelėkite Daugiau išteklių

Raskite visą mūsų rekomenduojamų išteklių rinkinį ir geriausias žiniatinklio dizaino ir kūrimo priemones.

Antraštė

„JavaScript“ yra perimti darbalaukio aplikaciją perkeliamumui per skirtingas platformas, taip pat dirbti taip pat gerai, kaip vietinė programa. Ši programa, Antraštė, pavyzdžiui, yra pastatytas ant elektrono. Tai paprasta programa, leidžianti ieškoti subtitrų failų (.srt) pridėti prie žiūrimo vaizdo įrašo.

Awesome OSX komandų eilutė

An milžiniškas naudingų ir patogių komandų eilių sąrašas. Čia galite rasti daug dalykų, kuriuos galima atlikti per CLI “spausdinimo eilės išvalymas”, “paslėpti aplanką „Finder“”, ir “apsaugoti nuo sistemos miego”.

Trevor

Trevor yra tiesiog Travis CI padaryta neprisijungęs. „Travis“ yra nuolatinio integravimo paslauga kur kūrėjai išbando savo programinę įrangą norėdami sužinoti, ar programinė įranga veikia tinkamai, daugelyje aplinkų. Trevoras dar yra ankstyvame etape; ji šiuo metu palaiko tik “„NodeJS“”.

Palaipsniui

Gražus „JavaScript“ biblioteką, kad galėtumėte įkelti vaizdą palaipsniui, todėl pavadinimas. Mažas vaizdas bus įteiktas ir neryškus, kai naršyklė įkels visą vaizdą. Tai padeda jūsų svetainę įkelti daug greičiau ypač jei jame yra dideli vaizdai.

QartJS

Tai „JavaScript“ daro QR kodą mažiau nuobodu. Šiuo būdu galite perkelti QR kodą per vaizdą - pvz., Nuotrauką.

„WP Docker“

WP Docker yra a „Docker“ aplinka, sukurta specialiai „WordPress“ kūrimui. Aplinka yra savarankiška ir neturės įtakos jūsų kompiuterio sistemai, jei padarėte konfigūraciją. Tai yra puiki alternatyva „Vagrant“, „Valet“, „Local“ ir „MAMP“.

Rellax

„Rellax“ yra „JavaScript“ biblioteka sukurti parallaxo efektą puslapio slinktyje. Jame yra keletas galimybių ir gana lengva konfigūruoti. Tai lengvas, paleisti super greitai, ir nereikalauja jokios priklausomybės kaip jQuery taigi tai yra puiki alternatyva kitoms šios kategorijos bibliotekoms, pvz., Parallax.js arba Scrollax.js.

Išreikšti

Dar viena vėsioje „JavaScript“ biblioteka. Išreikšti duoda sintetinis balsas į jūsų svetainę. tai yra gali išanalizuoti ir skaityti jūsų svetainę, galiausiai galite pagerinti jūsų svetainės prieinamumą vartotojams, kurių matomumas yra silpnas.

MonetizeJS

MonetizeJS yra „JavaScript“ biblioteka Stripe lengvai įdiegti; taip pat lengva, kaip ir jQuery.

Vonic

Vonic yra UI rinkinys, skirtas mobilusis pastatytas naudojant Vue.js ir Ionic CSS. Jis apima daugybę UI komponentų, kurie paprastai randami mobiliajame telefone, įskaitant Pažymėkite langelį, paieškos formą, „Swiper“ ir vadinamąjį akordeoną. Galite naudoti mobiliosios programos taikymą prototipas tiesiai naršyklėje.

WordPress komponentų biblioteka

10up, vienas iš garsiausių WordPress pavadinimų, išleido UI biblioteką, sukurtą specialiai WordPress. Skirtingai nuo kitų UI bibliotekų, kuriose yra tik CSS ir HTML kodai, 10Up taip pat pateikia PHP kodo fragmentą, kurį galite įklijuoti į savo temą. Komponentą sudaro Navigacija, skirtukai, įrankių patarimai, „Commonts“ ir „Blogrol“.

„JavaScript“ paleidimo našumas

Puiki ir išsamūs straipsniai iš Addy Osmani, vienas iš „Google“ inžinierių, apie tai, kaip parašyti „JavaScript“, kuris veikia labai greitai. Raginu jus perskaityti jį išlyginkite „JavaScript“ įgūdžius.

KuteJS

Kute yra a „JavaScript“ biblioteka atlieka animaciją. Jis degantis greitai ir labai efektyviai atminties. Jame yra plėtinių ir papildomų įrankių, leidžiančių taikyti animaciją CSS, SVG ir net jQuery įskiepiai patogesnę sintaksę.

PWA akmenys

Progressive Web Application (PWA) - tai metodika, kurią leidžia tinklalapiui veikti greitai ir naudoti neprisijungus. Šiame PWA Rocks sąraše yra vienas, kurį „Google“ patvirtino kaip PWA. Į sužinokite daugiau apie „PWA“ iš „Google“ pažvelkite į „Progressive Web Apps“.

„Github“ automatinis atnaujinimas

„Github Auto-Updater“ yra Kompozitorių biblioteka, kuri leidžia atnaujinti „plugin“ iš „Github“. Tai patogus scenarijus, skirtas kūrėjams, kad jie galėtų išlaikyti savo klientams be priedų būtinai įkelkite jį į „Github“ saugyklą.

Kortelė

Kortelė yra „JavaScript“ biblioteka Kredito kortelių įvedimas labiau įtraukiamas ir pagerina naudotojo patirtį, kai įvedate savo kredito kortelių numerius. Tai veikia gerai su jQuery, React, Angular ir Ember.

Graaf

Graaf pateikite perdangą ant puslapio, kad pamatytumėte, kaip išdėstytas tinklelis - stulpelis, eilutė, latakas. Tu taip pat gali sukurti savo tinklo specifikaciją naudojant pateiktą API.

Luxbar

Luxbar yra a CSS sistema padeda lengvai reaguoti į navigaciją; tiesiog pridėkite stilių lentelę ir tinkamai pridėkite HTML. Šią biblioteką galite įdiegti per NPM, Bower, arba susieti stilių lentelę tiesiogiai iš CDN.

Kontrastinis tinklelis

Sąrašas lentelėje pateikiamas spalvų kontrastas ir prieinamumo laipsnis pagal WCAG 2.0. Galite pakeisti lentelės vertę ir greitai išsiaiškinti, ar spalvų derinys atitinka WCAG standartą.

ToneJS

ToneJS yra „JavaScript“ biblioteka sukurti toną ar garsą, kuris gali būti panašus į muzikos instrumentą. Manau, kad ši biblioteka bus naudinga kuriant žiniatinklio muzikos instrumentų emuliatorių arba žaidimo garso efektai.