Uued ressursid veebidisaineritele ja arendajatele (veebruar 2017)

Värske resouces veebi arendajatele on kestab umbes 4 aastat, ja selle sarja säilitamine on andnud mulle ülevaate sellest, kuidas veebi aastate jooksul edasi areneb. Seal on uued vahendid tulevad välja iga kuu veebiarenduse lihtsustamine.

Selles osas oleme kogunud mitmeid uusi vahendeid, mis sisaldavad JavaScripti raamatukogusid, paar CSS-raamatukogu ja viide oma oskuste parandamiseks. Vaatame need välja.

Klõpsake rohkem ressursse

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

Pealkiri

JavaScript on töölaua rakenduse ülevõtmine teisaldatavuse üle erinevate platvormide puhul, samuti töötades sama hästi kui kohalik rakendus. See rakendus, Pealkiri, näiteks on ehitatud Electroni peale. See on lihtne rakendus, mis võimaldab otsida subtiitrite faile (.srt), et lisada videole, mida vaatate.

Awesome OSX käsurea

An tohutu nimekiri kasulikest ja käepärastest käsurealadest macOS-i jaoks. Siin võib leida palju asju, mida võiks teha CLI kaudu, näiteks “prindijärjekorra tühjendamine”, “kausta peitmine Finderis”, ja “süsteemi une vältimine”.

Trevor

Trevor on lihtsalt Travis CI tehtud offline. Travis on pideva integreerimise teenus kus arendajad testivad oma tarkvara et näha, kas tarkvara töötab korralikult mitmes keskkonnas. Trevor on ikka veel varajases staadiumis; praegu toetab see ainult “NodeJS”.

Järk-järgult

Kena JavaScript pildi järkjärguliseks laadimiseks, seega nimi. Väike pilt serveeritakse ja ähmane, kui brauser laadib täiskujutise. See aitab teie veebisaidi laadimist kiiremini eriti kui see sisaldab suuri pilte.

QartJS

See on see JavaScript muudab QR-koodi vähem igavaks. Selle abil saate QR-koodi pildile üle kanda - näiteks teie foto.

WP dokkija

WP dokkija on a Dockeri keskkond, mis on loodud spetsiaalselt WordPressi arendamiseks. Keskkond on iseseisev ja ei mõjuta teie arvutisüsteemi, kui olete seadistanud. See on suurepärane alternatiiv Vagrantile, Valetile, Localile ja MAMPile.

Rellax

Rellax on JavaScripti raamatukogu loo parallaaksi efekt lehekülje kerimiseks. Sellel on vähe võimalusi ja suhteliselt lihtne seadistada. See on kerge, jookseb super kiiresti ja ei vaja sõltuvust nagu jQuery seega on see suurepärane alternatiiv teistele selle kategooria raamatukogudele, nagu Parallax.js või Scrollax.js.

Liigutage

Veel üks lahe JavaScript-raamatukogu. Nimetage toob sünteetiline hääl oma veebisaidile. see on suudab teie veebisaiti analüüsida ja lugeda, lõpuks võib teie veebisaidi kättesaadavust parandada nähtavusega kasutajate jaoks.

MonetizeJS

MonetizeJS on JavaScripti teek rakendage Stripet lihtsalt; sama lihtne kui jQuery kasutamine.

Vonic

Vonic on kasutajaliidese kogum mobiilsed, kasutades Vue.js ja Ionic CSS. See koosneb paljudest mobiilsideseadmetes leiduvatest UI komponentidest, sealhulgas Märkeruut, otsinguvorm, pühkija ja nn akordion. Võite kasutada mobiilirakenduse rakendust prototüüp otse brauseris.

WordPress Component Library

10up, üks tuntumaid nimesid WordPressis, vabastas välja kasutajaliidese raamatukogu spetsiaalselt WordPressi jaoks. Erinevalt teistest kasutajaliidese raamatukogu, mis pakub ainult CSS- ja HTML-koode, pakub 10Up ka PHP koodilõigu, mida saate oma teemale lihtsalt kleepida. Komponent sisaldab Navigeerimine, vahekaardid, tööriistavõimalused, Commonts ja Blogrol.

JavaScripti käivitamise jõudlus

Suurepärane ja üksikasjalikud artiklid Addy Osmanist, üks Google'i inseneridest, kuidas kirjutada JavaScripti, mis töötab super kiiresti. Ma julgustan teid seda läbi lugema tasandage oma JavaScripti oskus.

KuteJS

Kute on a JavaScripti raamatukogu animatsiooni teostamiseks. See on kiire ja väga efektiivne mälu tarbimises. Sellel on laiendused ja lisavahendid, et võimaldada animatsiooni rakendamist CSS, SVG ja isegi jQuery plugin mugavamaks süntaksiks.

PWA Rocks

Progressive Web Application (PWA) on metoodika võimaldab veebisaidil töötada kiirelt ja kasutatavaks. See PWA Rocksi loend on üks, mille Google on heaks kiitnud PWA-ks. Et Lisateave PWA kohta Google'ilt vaadake: Progressive Web Apps.

Githubi automaatne uuendaja

Github Auto-Updater on Heliloojate raamatukogu, mis võimaldab teie pluginat Githubilt värskendada. See on mugav skript, et arendajad saaksid oma klientidele pluginaid säilitada tingimata üleslaadimine Githubi hoidlasse.

Kaart

Kaart on JavaScript-raamatukogu mis muudab krediitkaardi sisendiga rohkem kaasatud ja parandab teie kasutajate kogemusi krediitkaardi numbrite sisestamisel. See töötab hästi jQuery, React, Angular ja Emberi puhul.

Graaf

Graaf andke oma lehele üle ülekate, et näha, kuidas võrk - veerg, rida, vihmaveerennid - on paigutatud. Sa saad ka luua oma võrguspetsifikatsioon kasutades API-d.

Luxbar

Luxbar on a CSS raamistik kergesti reageeriva navigatsiooni loomiseks; lihtsalt lisage stiilileht ja lisage HTML korralikult. Te saate selle raamatukogu installida NPM, Bower või linkige stiilileht otse CDN-ist.

Kontrastvõre

Nimekiri tabel näitab värvi kontrasti ja nende juurdepääsetavuse klassi WCAG 2.0 alusel. Saate muuta tabeli väärtust ja kiiresti välja selgitada, kas värvikombinatsioon vastab WCAG standardile.

ToneJS

ToneJS on JavaScripti teek luua toon või heli, mis võib meeldida muusikariistast. Ma arvan, et see raamatukogu on kasulik veebipõhise muusikariista emulaatori ehitamiseks või mängu heliefektid.