Domača » Oblikovanje spletnih strani » Sveži viri za spletne oblikovalce in razvijalce (avgust 2018)

    Sveži viri za spletne oblikovalce in razvijalce (avgust 2018)

    Zdi se, da je razvojna skupnost v zadnjem času aktivnejša, saj je bilo v zadnjih nekaj mesecih izdanih precej novih orodij. V tem krogu bomo izpostavili nekaj orodij, ki jih je vredno omeniti.

    Med seznamom orodij obstaja JavaScript knjižnica za ustvarjanje dummy podatkov, orodje za skupno rabo datotek v lokalnih omrežjih, in tisti, ki vam bo omogočil snemanje Terminalske seje v SVG animacijo. Sliši se kul? Oglejmo si celoten seznam spodaj.

    Pushbar.js

    Je knjižnica JavaScript za ustvarjanje drsnega predala. Navadno se drsni predal uporablja za prikaz navigacije po menijih spletnega mesta, vendar lahko s to knjižnico prikažete vse, kar je primerno za vaše spletno mesto. Pushbar.js je popolnoma prilagodljiv in brezplačen, ni potreben jQuery.

    Carbon Now CLI

    Carbon CLI je paket Node.js za ustvarite posnetek zaslona kode lepo prek vmesnika ukazne vrstice. To orodje je navdihnilo carbon.now.sh, kjer lahko naredite enako skozi lepo GUI v brskalniku.

    Faker.js

    Knjižnica JavaScripta za ustvarite navidezne podatke. Podpira generiranje večine podatkov, kot so imena, poštni naslov, ime podjetja, telefonska številka, datum in še veliko več. Vsi ti podatki so lahko zelo koristni preizkusite svojo spletno aplikacijo.

    TermToSVG

    TermToSVG ​​je a Linux terminalski snemalnik , ki vaše seje ukazne vrstice pretvorijo v animacijo SVG. To je uporabno orodje za razvijalce pri pisanju vadnice.

    Upravljalnik varnostnih kopij baze podatkov

    Je knjižnica PHP, in kot že ime pove, zagotavlja nabor funkcionalnosti upravljate varnostno kopiranje in obnovitev baze podatkov. Knjižnica podpira različne storitve za pošiljanje ali povlačenje varnostne kopije, vključno s Dropboxom, Amazon S3, FTP in SFTP in Rackloud Cloud.

    Reagirajte Bit

    Reagentni bitki React Bits zajemajo običajne vzorce oblikovanja, oblikovanja in nasvete glede učinkovitosti. To je resnično odličen vir za izboljšanje spretnosti React.js.

    Jezik DSS

    DSS pomeni Deterministic StyleSheets, novo orodje za avtoring CSS. Kako deluje in kako se lahko to uporablja za moje vsakodnevno delo? Resnično nimam pojma do sedaj. Toda izgleda kul in je nov, zato je na seznamu. Hvala vam!

    PurgeCSS

    PurgeCSS je paket NPM, ki omogoča optimizirajte izhod CSS v svoji spletni aplikaciji z odstranitvijo tistih, ki niso v uporabi. Orodje ima različne vgrajene podpore orodja, vključno z Gulp, Grunt, Grunt, Webpack in PostCSS, tako da lahko ga vključite v svoj projekt takoj.

    RFS

    RFS pomeni Responsive Font Size in je zanimiv projekt za reševanje ene od najtežjih stvari na spletu, to je, da prilagodite velikost pisave, tako, da bo velikost lepo sledila velikosti prikaza naprave. RFS je na voljo kot NPM

    SimpleBar

    Knjižnica JavaScript za ustvarjanje po meri drsnega traku, SimpleBar vam omogoča slog pomikanja ujemajo s stilom spletnega mesta z uporabo CSS-ja, tako kot vsak drug element HTML na strani. Zaradi omejitev v platformi in brskalniku je bila styling drsni trak brskalnika zapletena, vendar je SimpleBar res naredil preprost.

    Larastan

    Larastan je ovoj PHPStan za Laravel. PHPStan je orodje, ki vam bo omogočilo, da preverite svoje kode za potencialne napake, ne da bi morali pisati test enote. Preverja številne stvari, vključno z obstojem imenovanih metod in funkcij, tipi, dodeljenimi lastnostim, številkam in tipom, dodeljenim konstruktorju razreda, in preverjanju phpDocs.

    PWMetrics

    PWMetrics je orodje, ki združuje meritve naprednih spletnih aplikacij prek vmesnika ukazne vrstice, ki ga je razvil Paul Irish. Orodje poganja Lighthouse in je na voljo kot paket NPM. Zagotavlja veliko možnosti konfigurirate meritve, testno zmogljivost, in pričakovanja, ki bi jih radi dosegli iz preskusa.

    Pax

    Pax je JavaScript, s katerim lahko sestavite module JavaScript v uporabno datoteko za brskalnike. Pax obljublja hitrost. Izdelava je hitrejša od nekaterih alternativnih združenj. Popolnoma podpira ES6 uvoz in izvoz sintakso in souporabo CommonJS uvoz. Za razliko od pax je napisana z Rust in je na voljo preko registra Rust, ki se imenuje Cargo.

    SustyWP

    SustyWP je WordPress tema namenjena boljšemu vzroku; zmanjšati ogljični odtis z zmanjšanjem njegove velikosti na najmanjšo možno mero. Ko je naložen v brskalnik, je tehtan le 7-6kb. To je hitro in svetlo, in v zameno porabi manj sredstev (npr. električne energije) za nalaganje mesta. Oglejte si tematsko ozadje v tem prispevku Jack Lenox.

    Knjižnica Doodle

    A zbirka risb, Knjižnica Doodle ima v zbirki veliko risb in so razvrščene v več kategorij Lica, Mesta, Živali itd.. Risbe so na voljo v formatu SVG in so razdeljeni pod Creative Common Attributions 4.0

    Tilt.js

    Vtičnik jQuery ustvarite domišljijo nagib učinka podobne tistim sličicam za predogled, ki jih vidimo na Apple TV. Ne potrebuje dodatnih CSS. Prav tako zagotavljajo nekaj vzorcev izvedb na tej strani, zato je uporaba preprosta. Prepričaj se da preverite učinek bleščanja; res je kul.

    Prostor za pisarne

    Fileroom je spletna aplikacija za skupna raba datotek v istem omrežju. Datoteko lahko delite z vašim kolegom preprosto s povleci n-drop, ne glede na operacijski sistem. Deluje v operacijskih sistemih Windows, MacOS, Linux.

    Coolhue

    Zbirka ročno izbranih gradientnih barv, Coolhue vam omogoča, da zgrabite swatchi barvne palete za aplikacijo Photoshop in Sketch ali namestite ga v svoj projekt uporabo bower ali npm. To vam bo prihranilo nekaj časa, da poberete barve za prihajajoče spletne strani.

    Greben

    Enostavna knjižnica JavaScript za ustvarjanje uporabniškega vmesnika, Reef nima vseh zvončkov iz večje knjižnice, kot sta React.js ali Vue.js. Ampak, če vse kar potrebujete, je prikazati uporabniški vmesnik, samo vnos podatkov in predlogo Reef bi lahko bila odlična alternativa. Teža je samo 2Kb

    Evergreen

    Zbirka komponente uporabniškega vmesnika iz segmenta. Sestavni deli so precej raznoliki; poleg nekaterih običajnih komponent, kot so gumbi, ikone, vnos besedila, obstaja nekaj, za katere menim, da so edinstvene za Evergreen, kot so toaster, stranski list in pogovorno okno.