Koduleht » Veebidisain » Uued ressursid veebidisaineritele ja arendajatele (august 2018)

    Uued ressursid veebidisaineritele ja arendajatele (august 2018)

    Näib, et viimasel ajal on arendusringkond aktiivsem, kuna viimastel kuudel on ilmnenud üsna palju uusi vahendeid. Selles seeria voorus rõhutan mõningaid vahendeid, mida väärib märkimist.

    Tööriistade nimekirja hulgas on a JavaScripti teek, mis genereerib näivaid andmeid, vahend failide jagamiseks kohalikes võrkudes, ja üks, mis võimaldab teil terminali sessiooni SVG animatsiooniks salvestada. Kõlab lahedalt? Vaatame allolevat täielikku nimekirja.

    Pushbar.js

    See on JavaScript-raamatukogu libistavate sahtlite loomiseks. Tavaliselt kasutatakse libistavat sahtlit saitide menüü navigeerimiseks, kuid te võite seda raamatukogu kasutada oma saidile sobiva teabe kuvamiseks. Pushbar.js on täielikult kohandatav ja vaba sõltuvus, ei vaja jQuery-d.

    Süsinik Nüüd CLI

    Carbon CLI on paketi Node.js pakett genereeri koodipilt ilusti läbi käsurealiidese. See tööriist on inspireeritud carbon.now.sh-st, kus saab sama teha ka brauseri kena GUI kaudu.

    Faker.js

    JavaScripti teek luua näivaid andmeid. See toetab suurema hulga andmete, nagu nimed, postiaadress, ettevõtte nimi, telefoninumber, kuupäev ja palju muud. Kõik need andmed võivad olla väga kasulikud testige oma veebirakendust.

    TermToSVG

    TermToSVG ​​on a Linuxi terminali salvestaja mis muudab teie käsurea istungid SVG animatsiooniks. See on kasulik vahend arendajatele juhendaja kirjutamiseks.

    Andmebaasi varundamise haldur

    See on PHP raamatukogu ja nagu nimigi ütleb, pakub see funktsioone käsitseda andmebaasi varundamist ja taastamist. Raamatukogu toetab mitmesuguseid teenuseid, mis saadavad varukoopiaid, kaasa arvatud Dropbox, Amazon S3, FTP ja SFTP ja Rackloud Cloud.

    Reageerib bitid

    React.js'i tehnikate, näpunäidete ja trikkide humongous kogud hõlmavad reaktiivseid kujundeid, stiili ja jõudluse näpunäiteid. See on tõesti suurepärane ressurss oma React.js oskuste taseme tõstmiseks.

    DSS keel

    DSS tähistab uut CSS-i loomise tööriista deterministlikku stiililehte. Kuidas see toimib ja kuidas seda saab minu igapäevases töös rakendada? Mul on ausalt siiani aimugi. Aga see tundub lahe ja see on uus, nii et see on nimekirjas. Aitäh!

    PurgeCSS

    PurgeCSS on NPM pakett, mis võimaldab optimeerida CSS väljundit veebirakenduses, eemaldades need, mida ei kasutata. Tööriistal on mitmesugused sisseehitatud tööriistatoed, sealhulgas Gulp, Grunt, Grunt, Webpack ja PostCSS, nii et saate integreerige see oma projekti kohe.

    RFS

    RFS tähistab vastupanuvõimelist kirja suurust ja on huvitav projekt, mis aitab lahendada ühte kõige raskematest asjadest veebis, st teha kirjasuuruse tundlikuks, nii, et suurus järgib hästi seadme vaateava suurust. RFS on saadaval NPM-na

    SimpleBar

    JavaScripti raamatukogu, et luua kohandatud kerimisriba, võimaldab SimpleBar teil kerida sobitage oma saidi stiil CSS-iga nagu iga teine ​​HTML-element kohapeal. Platvormi ja brauseri piirangute tõttu oli brauseri kerimisriba kujundamine varem keeruline, kuid SimpleBar on tõesti lihtsaks muutnud.

    Larastan

    Larastan on ümbris PHPStan Laraveli jaoks. PHPStan on vahend, mis võimaldab teil kontrollida oma koodide potentsiaalset viga, ilma et oleks vaja ühikukatset kirjutada. See kontrollib paljusid asju, sealhulgas kutsutud meetodite ja funktsioonide olemasolu, tüübile omistatud tüüpe, klassi konstruktorile määratud arvu ja tüüpe ning phpDocside kinnitamist.

    PWMetrics

    PWMetrics on tööriist, mis kogub progressiivseid veebirakenduste näitajaid Paul Irishi arendatud käsurealiidese kaudu. Tööriista toiteallikaks on Lighthouse ja see on saadaval NPM-paketina. See pakub palju võimalusi konfigureerige meetrika, testitulemused, ja ootused, mida soovite testist välja saada.

    Pax

    Pax on JavaScripti pakett JavaScript-moodulite koostamine brauserite kasutatavaks failiks. Pax lubab kiirust. See koostab kiiremini kui mõned alternatiivsed pakettmüüjad. Ta toetab täielikult ES6 import ja eksport süntaks ja CommonJS-i saksaks import. Erinevalt pax on kirjutatud Rustiga ja on saadaval Rust paketi registri nimega Cargo.

    SustyWP

    SustyWP on a WordPressi teema eesmärk on parem põhjus; vähendada süsiniku jalajälge, vähendades selle suurust võimalikult väikesele. See on kaal ainult 7-6kb, kui laaditakse brauserisse. See on kiire ja kerge, ja vastutasuks kulutab see vähem ressursse (nt elektrit) saidi laadimiseks. Vaadake Jack Lenoxi selle postituse teemapildi.

    Doodle'i raamatukogu

    A doodle joonistuste kogumine, Doodle'i raamatukogus on kogumikus palju jooniseid ja need on rühmitatud mitmesse kategooriasse Näod, Kohad, Loomad jne. Joonised on saadaval SVG-vormingus ja levitatakse Creative Common Attributions 4.0 all

    Tilt.js

    JQuery plugin luua väljamõeldud kallutada mõju sarnane eelvaate pisipiltidega, mida näeme Apple TV-s. See ei vaja täiendavat CSS-i. Nad annavad ka mõned näited selle lehekülje rakendustest, nii et selle kasutamine on üsna lihtne. Veenduge, et olete vaadake pimestamise efekti; see on tõesti lahe.

    Fileroom

    Fileroom on veebirakendus peer-to-peer failide jagamine samas võrgus. Faili saate oma kolleegiga jagada lihtsalt lohistades, olenemata operatsioonisüsteemist. See töötab Windows, MacOS, Linux.

    Coolhue

    Käsitsi valitud gradientvärvide kogum, Coolhue võimaldab teil värvipaleti värvidega Photoshopi ja Sketch'i rakenduse või installige see oma projekti kasutades bower või npm. See peaks säästma mõnda aega, et värve oma eelseisvatele veebisaitidele kätte saada.

    Reef

    Lihtne JavaScripti raamatukogu, kus luuakse kasutajaliides, Reefil ei ole kõiki suuremaid raamatukogusid nagu React.js või Vue.js. Aga kui kõik on vaja muuta kasutajaliides, lihtsalt andmesisestus ja malli Reef võiks olla suurepärane alternatiiv. See on kaal ainult 2Kb

    Evergreen

    Segment.io kasutajaliidese komponendi kogum. Komponendid on üsna erinevad; kõrvale mõned tavalised komponendid, nagu nupud, ikoonid, tekstisisestus, on mõned, mis minu arvates on unikaalsed Evergreenile, nagu röster, külgleht ja nurk-dialoog.