Tuoreet resurssit Web-suunnittelijoille ja kehittäjille (helmikuu 2017)

Fresh Resouces for Web Developers -sarjassa on kestää noin neljä vuotta, ja tämän sarjan säilyttäminen on antanut minulle paljon tietoa siitä, miten web etenee vuosien varrella. On uusia työkaluja tulee joka kuukausi helpottaa web-kehitystä.

Tässä erässä olemme keränneet useita uusia työkaluja, jotka sisältävät JavaScript-kirjastoja, pari CSS-kirjastoa ja viite parantaa taitojasi. Tarkistetaan ne.

Klikkaa lisää resursseja

Etsi koko kokoelma suositeltuja resursseja ja parhaat web-suunnittelu- ja kehitystyökalut.

kuvateksti

JavaScript on työpöytäsovelluksen siirtäminen siirrettävyyttä eri alustoilla sekä yhtä hyvää kuin natiivi sovellus. Tämä sovellus, kuvateksti, esimerkiksi on rakennettu Electronin päälle. Se on yksinkertainen sovellus, jonka avulla voit etsiä tekstitystiedostoja (.srt) liittää katsomasi videon.

Mahtava OSX-komentorivi

valtava luettelo hyödyllisiä ja käteviä komentorivejä macOS: lle. Täällä saatat löytää paljon asioita, jotka voitaisiin tehdä CLI: n kautta “tulostusjonon tyhjentäminen”, “kansiota piilossa Finderissa”, ja “järjestelmän unen estäminen”.

Trevor

Trevor on yksinkertaisesti Travis CI tehty offline. Travis on jatkuva integrointipalvelu jossa kehittäjät testaavat ohjelmistojaan Voit tarkistaa, toimiiko ohjelmisto oikein useissa ympäristöissä. Trevor on vielä alkuvaiheessa; se tukee tällä hetkellä vain “NodeJS”.

progressiivisesti

Mukava JavaScript kirjasto ladata kuvan asteittain, siitä syystä nimi. Pieni kuva palvelee ja hämärtyy, kun selain lataa koko kuvan. Tämä auttaa sivustosi lataamista paljon nopeammin varsinkin jos se sisältää suuria kuvia.

QartJS

Tämä on JavaScript tekee QR-koodista vähemmän tylsää. Tämän avulla voit peittää QR-koodin kuvan päälle - kuten valokuvasi.

WP-telakointiasema

WP Docker on a Docker-ympäristö, joka on suunniteltu erityisesti WordPressin kehittämiseen. Ympäristö on itsenäinen eikä vaikuta tietokoneen järjestelmään, jos olet määrittänyt asetukset. Se on hyvä vaihtoehto Vagrantille, Valetille, Localille ja MAMP: lle.

Rellax

Rellax on JavaScript-kirjasto luo parallaksivaikutus sivun vieritykseen. Siinä on muutamia vaihtoehtoja ja suhteellisen helppo määrittää. Se on kevyt, juoksee erittäin nopeasti ja ei vaadi riippuvuutta kuin jQuery näin ollen se on erinomainen vaihtoehto muille tämän luokan kirjastoille, kuten Parallax.js tai Scrollax.js.

Artikuloitu

Vielä toinen viileä JavaScript-kirjasto. Niveltää tuo synteettinen ääni sivustoosi. se on pystyy jäsentämään ja lukemaan sivustosi, lopulta voi parantaa sivustosi saatavuutta käyttäjille, joilla on heikentynyt näkyvyys.

MonetizeJS

MonetizeJS on JavaScript-kirjasto toteuttaa Stripe helposti; yhtä helppoa kuin jQueryn käyttäminen.

Vonic

Vonic on UI: n kokoelma mobiili rakennettu käyttäen Vue.js ja Ionic CSS. Se käsittää paljon UI-komponentteja, joita yleisesti esiintyy matkaviestimessä, mukaan lukien Valintaruutu, hakulomake, pyyhkäisijä ja ns. Voit rakentaa mobiilisovelluksen sovelluksen prototyyppi suoraan selaimessa.

WordPress-komponenttikirjasto

10up, joka on yksi WordPressin merkittävimmistä nimistä, julkaisi UI-kirjaston, joka on suunniteltu erityisesti WordPressille. Toisin kuin muut UI-kirjastot, joissa on vain CSS- ja HTML-koodit, 10Up tarjoaa myös PHP-koodinpätkän, jonka voit liittää teemaansi. Komponentti sisältää Navigointi, välilehdet, työkaluvihkot, Commonts ja Blogrol.

JavaScript-käynnistysteho

Erinomainen ja yksityiskohtaisia artikkeleita Addy Osmanilta, yksi Googlen insinööreistä, miten kirjoittaa JavaScript, joka toimii erittäin nopeasti. Kehotan teitä lukemaan sen läpi tasoita JavaScript-taitosi.

KuteJS

Kute on a JavaScript-kirjasto suorittaa animaatiota. Se on nopea ja erittäin tehokas muistin kulutuksessa. Siinä on laajennuksia ja ylimääräisiä työkaluja, joiden avulla animaatio voidaan ottaa käyttöön CSS, SVG ja jopa jQuery-laajennus helpompaa syntaksi.

PWA Rocks

Progressive Web Application (PWA) on menetelmä, jota mahdollistaa verkkosivuston nopean ja käytettävän offline-tilassa. Tämä PWA Rocksin lista on yksi, jonka Google on hyväksynyt PWA: ksi. jotta lisätietoja PWA: sta Googlesta Katsokaa: Progressive Web Apps.

Githubin automaattinen päivitys

Github Auto-Updater on Säveltäjän kirjasto, jonka avulla voit päivittää laajennuksen Githubista. Tämä on kätevä komentosarja kehittäjille ylläpitämään laajennuksia asiakkailleen ilman lataamalla se välttämättä Github-arkistoon.

Kortti

Kortti on JavaScript-kirjasto joka tekee luottokorttitulosta kiinnostavampaa ja parantaa käyttäjäkokemustasi kirjoittamalla luottokorttinumeronsa. Se toimii hyvin jQuery, React, Angular ja Ember kanssa.

Graaf

Graaf anna sivun päälle päällekkäin nähdäksesi, miten ruudukko - sarake, rivi, räystäli - on asetettu. Voit myös luo oma ruudukon määrittely käyttämällä API: ta.

Luxbar

Luxbar on a CSS-kehys luo helposti reagoivan navigoinnin; lisää vain tyylisivu ja lisää HTML-koodi oikein. Voit asentaa tämän kirjaston läpi NPM, Bower tai linkitä tyylitaulukko suoraan CDN: stä.

Kontrasti Grid

Luettelo taulukossa on värikontrasti ja niiden saavutettavuusluokka WCAG 2.0: n perusteella. Voit muuttaa taulukon arvoa ja selvittää nopeasti, onko väriyhdistelmä WCAG-standardin mukainen.

ToneJS

ToneJS on JavaScript-kirjasto luo ääni tai ääni, joka saattaa kuulua soittimesta. Oletan, että tämä kirjasto on kätevä web-pohjaisen musiikkilaitteen emulaattorin rakentamiseen tai pelin ääniefektejä.