Friss források a webes tervezők és fejlesztők számára (2018. augusztus)
Úgy tűnik, hogy a fejlesztőközösség mostanában aktívabb, mivel az elmúlt néhány hónapban elég sok új eszköz került kiadásra. A sorozat ebben a fordulójában néhány olyan eszközt fogok kiemelni, amelyekre érdemes megemlíteni.
Az eszközök listája között van egy A JavaScript könyvtárban a dummy adatok létrehozása, amely eszköz a helyi hálózatokon belüli fájlok megosztására, és az, amely lehetővé teszi, hogy a terminál munkamenetét SVG animációba rögzítse. Jól hangzik? Nézzük meg az alábbi teljes listát.
Pushbar.js
Ez egy JavaScript könyvtár, amely csúszó fiókot hoz létre. Jellemzően a csúszó fiók a webhely menü navigációjának megjelenítésére szolgál, de ezt a könyvtárat használhatja a webhelyének megfelelő bárki számára. A Pushbar.js teljesen testreszabható és függőségmentes, nincs szükség jQuery-re.

Carbon Now CLI
A Carbon CLI egy Node.js csomag generál egy kódképet szépen egy parancssori felületen keresztül. Ezt az eszközt a carbon.now.sh ihlette, ahol ugyanezt teheted a böngésző egy szép grafikus felületén.

Faker.js
A JavaScript könyvtár készítsen dummy adatokat. Támogatja az adatok, mint például a nevek, a postai cím, a cégnév, a telefonszám, a dátum és még sok más adat létrehozását. Mindezek az adatok nagyon hasznosak lehetnek tesztelje webes alkalmazását.

TermToSVG
A TermToSVG a Linux terminálrögzítő amely parancssor-üléseit SVG-animációvá teszi. Ez hasznos eszköz a fejlesztők számára a bemutató írásához.

Adatbázis-biztonsági mentéskezelő
Ez egy PHP könyvtár, és amint azt a neve is jelzi, egy sor funkciót biztosít kezelje az adatbázis-mentést és a helyreállítást. A könyvtár számos olyan szolgáltatást támogat, amellyel a biztonsági másolatot a Dropbox, az Amazon S3, az FTP és az SFTP és a Rackloud Cloud segítségével küldhetjük vagy húzzuk le.

Reagál a bitekre
A React.js technikák, tippek és trükkök humongous gyűjteményei, a React Bits kiterjed a közös tervezési mintákra, a stílusra és a teljesítményre vonatkozó tippekre. Ez valóban nagyszerű erőforrás a React.js készségeinek kiegyenlítéséhez.

DSS nyelv
A DSS a determinisztikus stíluslapok, az új CSS-író eszköz. Hogyan működik és hogyan alkalmazható ez a napi munkámra? Őszintén szólva fogalmam sincs. De jónak tűnik, és új, így a listán szerepel. Köszönöm!

PurgeCSS
A PurgeCSS egy NPM csomag, amely lehetővé teszi optimalizálja a CSS kimenetet a webes alkalmazásban a nem használt fájlok eltávolításával. Az eszköz számos beépített szerszámtámogatást tartalmaz, beleértve a Gulp, a Grunt, a Grunt, a Webpack és a PostCSS, így integrálja azt a projektbe azonnal.

RFS
Az RFS a Responsive Font Size, és egy érdekes projekt az interneten lévő legnehezebb dolgok kezelésére, azaz hogy a betűméret érzékeny legyen, oly módon, hogy a méret jól követi az eszköz nézetablakméretét. Az RFS elérhető NPM-ként

SimpleBar
A JavaScript könyvtár, amely egy egyéni görgetősávot hoz létre, a SimpleBar lehetővé teszi a görgetés stílusát a HTML-elemhez hasonlóan hasonlítsa össze a webhelystílusát a CSS használatával az oldalon. A platform és a böngésző korlátozásai miatt a böngésző görgetősávjának kialakítása bonyolult volt, de a SimpleBar valóban egyszerűvé tette.

Larastan
Larastan egy csomagolás PHPStan Laravel számára. A PHPStan egy olyan eszköz, amely lehetővé teszi, hogy ellenőrizze a kódokat potenciális hibára anélkül, hogy egység tesztet kellene írni. Számos dolgot vizsgál, beleértve az úgynevezett módszerek és funkciók létezését, a tulajdonságokhoz rendelt típusokat, az osztály konstruktorhoz rendelt számot és típusokat, valamint a phpDocs érvényesítését..

PWMetrics
A PWMetrics egy olyan eszköz, amely a Paul Irish által kifejlesztett parancssori felületen keresztül összegyűjti a Progressive Web Apps metrikákat. Az eszközt a világítótorony táplálja, és NPM csomagként kapható. Rengeteg lehetőséget biztosít konfigurálja a méréseket, a teszt teljesítményét, és a várakozások, amelyeket a tesztből el akarnak érni.

Pax
A Pax JavaScript csomagja fordítson JavaScript modulokat a böngészők számára használható fájlba. Pax sebességet ígér. Gyorsabban állítja össze, mint néhány alternatív kötegelő. Teljes mértékben támogatja az ES6-ot import
és export
szintaxis és a CommonJS sytax import
. nem úgy mint pax
Rust-szal van írva, és elérhető a Cargo nevű Rust csomagregiszteren keresztül.

SustyWP
A SustyWP a A WordPress téma egy jobb okot céloz; a szén-dioxid-kibocsátás csökkentése a méretének a lehető legkisebbre történő csökkentésével. Ez csak 7-6kb súlyú, amikor a böngészőbe töltődik. ez gyors és könnyű, és cserébe kevesebb erőforrást (például villamos energiát) fogyaszt az oldal betöltésére. Nézd meg Jack Lenox témaköreit.

A Doodle könyvtár
A doodle rajzok gyűjteménye, a Doodle könyvtárban rengeteg rajz van a gyűjteményben, és több kategóriába sorolhatók: Arcok, Helyek, Állatok stb. A rajzok SVG formátumban érhetők el és a Creative Common Attributions 4.0 alatt terjesztik

Tilt.js
Egy jQuery bővítmény képzelet létrehozása billenés hatás hasonló az Apple TV-n megjelenített előnézeti bélyegképekhez. Nincs szükség további CSS-re. Ezenkívül az ezen az oldalon végrehajtott implementációkat is bemutatják, így a használat nagyon egyszerű. Győződjön meg róla nézd meg a Glare hatást; ez nagyon klassz.

Fileroom
A Fileroom webes alkalmazás peer-to-peer fájlmegosztás ugyanazon a hálózaton belül. A munkatársaival egyszerűen megoszthatja a fájlt, ha az operációs rendszertől függetlenül húzza a n-dropot. Windows, MacOS, Linux operációs rendszerben működik.

Coolhue
Kézzel válogatott színátmenetek gyűjteménye, a Coolhue lehetővé teszi, hogy megragadja a színpaletta színmintákat a Photoshop és a Sketch alkalmazáshoz, vagy telepítse a projektbe használva lugas
vagy NPM
. Ezzel időt takaríthat meg, hogy megkapja a színeket a következő webhelyeken.

Zátony
Egy egyszerű JavaScript könyvtár, amely létrehozza az UI-t, a Reef nem rendelkezik a nagyobb könyvtárból, mint a React.js vagy a Vue.js. De ha mindent meg kell tenned az UI-t, csak az adatbevitelt és a Reef sablon nagyszerű alternatíva lehet. Ez csak 2Kb súly

Örökzöld
A Segment.io felhasználói felület összetevőinek gyűjteménye. Az összetevők igen változatosak; néhány rendszeres összetevőt, például a gombokat, az ikont, a szövegbevitelt, néhány olyan, amiről úgy gondolom, hogy egyedülállóak az Evergreen számára, mint például a kenyérpirító, az oldalsó lap és a sarok párbeszédablak.
