Tuoreet resurssit web-suunnittelijoille ja kehittäjille (elokuu 2018)

Näyttää siltä, ​​että kehitysyhteisö on viime aikoina aktiivisempi, sillä viime kuukausina on julkaistu runsaasti uusia työkaluja. Tässä sarjan kierroksella korostan joitakin mainittavia työkaluja.

Työkalujen luettelossa on a JavaScript-kirjasto luo dummy-tietoja, työkalu tiedostojen jakamiseen paikallisten verkkojen sisällä, ja jonka avulla voit tallentaa Terminal-istunnon SVG-animaatioon. Kuulostaa siistiltä? Tarkistetaan alla oleva luettelo.

Pushbar.js

Se on JavaScript-kirjasto liukuvan laatikon luomiseksi. Tyypillisesti liukuvaa laatikkoa käytetään sivuston valikon navigoinnin näyttämiseen, mutta voit käyttää tätä kirjastoa näyttämään mitä tahansa sivustollesi sopivaa. Pushbar.js on täysin muokattavissa ja riippuvuus vapaa, ei jQueryä tarvita.

Hiili nyt CLI

Carbon CLI on Node.js-paketti luo koodikuvake kauniisti komentorivikäyttöliittymän kautta. Tämä työkalu on innoittanut carbon.now.sh, jossa voit tehdä saman selaimessa olevan mukavan GUI: n kautta.

Faker.js

JavaScript-kirjasto luo dummy-tiedot. Se tukee useimpien tietojen, kuten nimien, postiosoitteen, yrityksen nimen, puhelinnumeron, päivämäärän ja paljon muuta. Kaikki nämä tiedot voivat olla erittäin hyödyllisiä testaa verkkosovelluksesi.

TermToSVG

TermToSVG ​​on a Linux-päätelaite joka tekee komentorivisiistasi SVG-animaatioon. Se on hyödyllinen työkalu kehittäjille opetusohjelman kirjoittamiseen.

Tietokannan varmuuskopiointipäällikkö

Se on PHP-kirjasto, ja kuten nimikin viittaa, se tarjoaa joukon toimintoja käsittele tietokannan varmuuskopiointia ja palautusta. Kirjasto tukee erilaisia ​​palveluita, jotka lähetetään tai vedetään varmuuskopiosta, mukaan lukien Dropbox, Amazon S3, FTP ja SFTP ja Rackloud Cloud.

Reagoi bitit

React.js-tekniikoita, vinkkejä ja temppuja käsittelevät humalaiset kokoelmat, React Bitit, kattavat yhteiset suunnittelumallit, muotoilun ja suorituskyvyn vinkit. Tämä on todella hyvä resurssi React.js-taitojesi tasolle.

DSS-kieli

DSS edustaa determinististä tyylisivua, uutta CSS-kirjoitustyökalua. Miten se toimii ja miten tätä voidaan soveltaa päivittäiseen työhöni? Minulla ei ole aavistustakaan. Mutta se näyttää siistiltä, ​​ja se on uusi, joten se on luettelossa. Kiitos!

PurgeCSS

PurgeCSS on NPM-paketti, joka sallii optimoi CSS-lähtö poistamalla ne, jotka eivät ole käytössä. Työkalulla on useita sisäänrakennettuja työkalutukia, kuten Gulp, Grunt, Grunt, Webpack ja PostCSS, joten voit integroida se projektiisi heti.

RFS

RFS tarkoittaa Responsive Font Size -ohjelmaa, ja se on mielenkiintoinen projekti, jolla voidaan ratkaista yksi vaikeimmista asioista verkossa, toisin sanoen tee kirjasinkoon vastaava, siten, että koko seuraa hyvin laitteen katseluportin kokoa. RFS on saatavana NPM: nä

SimpleBar

JavaScript-kirjasto, jolla voit luoda mukautetun vierityspalkin, SimpleBar mahdollistaa tyylin selaamisen vastaa sivustosi tyyliä käyttämällä CSS: ää kuten mitä tahansa muuta HTML-elementtiä sivustolla. Alustan ja selaimen rajoitusten vuoksi selaimen vierityspalkin muotoilu oli aikaisemmin monimutkainen, mutta SimpleBar on tehnyt siitä yksinkertaisen.

Larastan

Larastan on kääre PHPStan Laravelille. PHPStan on työkalu, jonka avulla voit tarkistaa koodit mahdollisen virheen tarvitsematta kirjoittaa yksikkötestiä. Se tarkistaa lukuisat asiat, mukaan lukien kutsutut menetelmät ja toiminnot, tyypit, jotka on määritetty ominaisuuksille, luokka ja luokka-konstruktorille määritetyt tyypit ja phpDocs-tiedostojen validointi.

PWMetrics

PWMetrics on työkalu, joka kerää Progressive Web Apps -mittareita Paul Irishin kehittämän komentoriviliittymän kautta. Työkalua käyttää Lighthouse ja se on saatavana NPM-pakettina. Se tarjoaa runsaasti vaihtoehtoja määritä mittatiedot, testin suorituskyky, ja odotukset, jotka haluat saavuttaa testistä.

Pax

Pax on JavaScript-paketti koota JavaScript-moduulit käyttökelpoiseksi tiedostoksi selaimille. Pax lupaa nopeutta. Se kokoaa nopeammin kuin jotkut vaihtoehtoiset myyjät. Se tukee täysin ES6: ta tuonti ja viedä syntaksi ja CommonJS-sytax tuonti. Toisin kuin PAX on kirjoitettu Rustilla ja se on saatavilla Rusten pakettirekisterin Cargo kautta.

SustyWP

SustyWP on a WordPress-teeman tavoitteena oli parempi syy; vähentää hiilijalanjälkeä vähentämällä sen kokoa mahdollisimman pieneksi. Se on paino vain 7-6kb, kun se ladataan selaimeen. Sen nopea ja kevyt, ja vastineeksi se kuluttaa vähemmän resursseja (esim. sähköä) sivuston lataamiseen. Tutustu Jack Lenoxin tämän aiheen teemateemaan.

Doodle-kirjasto

doodle-piirustusten kokoelma, Doodle-kirjastossa on runsaasti piirustuksia kokoelmassa ja ne on ryhmitelty useisiin luokkiin Faces, Places, Animals jne. Piirrokset ovat saatavilla SVG-muodossa ja jaetaan Creative Common Attribution 4.0: n alla

Tilt.js

JQuery-laajennus luo fancy kallistaa vaikutus samankaltaisia ​​kuin esikatselukuvat, joita näemme Apple TV: ssä. Se ei tarvitse ylimääräistä CSS: ää. Ne tarjoavat myös joitakin esimerkkejä tämän sivun toteutuksista, joten sen käyttö on melko yksinkertaista. Varmista, että sinä tarkista häikäisyn vaikutus; se on tosi siistiä.

Fileroom

Fileroom on web-sovellus peer-to-peer-tiedostojen jakaminen samassa verkossa. Voit jakaa tiedoston kollegasi kanssa yksinkertaisesti vetämällä n-pudotuksen käyttöjärjestelmästä riippumatta. Se toimii Windowsissa, MacOSissa, Linuxissa.

Coolhue

Kokoelma käsin poimittuja kaltevuusvärejä, Coolhue antaa sinulle mahdollisuuden napata värivalikoiman mallit Photoshop- ja Sketch-sovelluksiin tai asenna se projektiisi käyttämällä neitsytkammio tai NPM. Tämän pitäisi säästää aikaa, jotta värit tulevat tuleville sivustoille.

Riutta

Yksinkertainen JavaScript-kirjasto, jolla luodaan käyttöliittymä, Reefillä ei ole kaikkia suurempia kirjastoja, kuten React.js tai Vue.js. Mutta jos tarvitset vain muokkaa käyttöliittymää, vain datatuloa ja malli Reef voisi olla hyvä vaihtoehto. Sen paino on vain 2 kb

Ikivihreä

Kokoelma UI-komponenttia Segment.io: lta. Komponentit ovat melko vaihtelevia; joidenkin tavallisten komponenttien, kuten painikkeiden, kuvakkeiden, tekstinsyötön, ohella on muutamia, jotka ovat mielestäni ainutlaatuisia Evergreenille, kuten leivänpaahdin, sivulevy ja kulma-valintaikkuna.