Friss források a webes tervezők és fejlesztők számára (2018. április)

Ebben a hónapban néhány közleményt láttunk a tech nevekből. Például az Apple egy új adatbázis-rendszert nyit meg, a Google új eszközt bocsátott ki a webhely sebességének mérésére mobilon, és a Github egy ingyenes tanfolyamon, hogy elindítsa Git, Github és általában a kódolását.

Is, a mai hozzászólás, én is számos új eszköz van, amelyek jelenleg növekszik. Ugrásunk arra, hogy mi van a listán.

VuePress

A Vue, VuePress új alkotója egy új eszköz statikus helygenerátor tervezték a Vue.js-ot. Az egyes oldalakhoz statikus HTML-t generál és előállít SPA-ként fut (egyoldalas alkalmazás). A készülék néhány funkcióval rendelkezik, beleértve a Google Analytics-azonosítót, a keresést, a következő és az előző navigációt, az oldalsávot és a PWA.

IMG-2

A JavaScript könyvtár, amely bevezeti a egyéni elem, img-2. Az új elem számos optimalizálást tartalmaz, amelyek nem tartoznak a szabványhoz img elem, a kép betöltésének módja a felhasználók számára. Az egyéni elemmel a kép előzetes gyorsítótárba kerül, azt is lusta terhelés csak a képeket írja be a gyorsítótárból, ha a képek beírják a felhasználó nézetablakát. Nézze meg a demót.

Tabler

Elegáns műszerfal / kezelőpanel a Bootstrap 4 alapján. A műszerfal előre elkészített összetevőket tartalmaz, mint például a diagramok, űrlapok, galériák, árképzési táblázat és egy szép egyéni ikonok gyűjteménye. Nagyszerű kiindulópont ahhoz, hogy a fejlesztők gyorsan létrehozhassanak egy adminisztrációs panelt. Nézze meg a demót!

DayJS

DayJS A JavaScript könyvtár a dátumok és idők formázásához. Még több, a DayJS hasonló API-kat is tartalmaz a Moment.js-hoz, mégis csak súlya 2Kb. Mivel ez lehet a nagyszerű alternatívája a Moment.js-nak, ha könnyebb könyvtárat szeretne, mégis ismeri a már ismert ismereteit.

UnifiedArchive

Egy tömörített fájlokkal foglalkozó PHP könyvtár, az UnifiedArchive számos formátumot támogat, beleértve a RAR, Zip, Gzip, Tar, és sok más tömörítési típus. Ezzel a könyvtárral archiválhatja és kivonhatja a fájlokat vagy könyvtárakat. Ez egy néhány API-t a fájlok kezeléséhez miután kivették az archívumból. Az UnifiedArchive Composer csomagként érhető el.

Github Learning Lab

Github nemrég bejelentette a ingyenes tanfolyam, elsősorban Git-ben, Githubban. Jelenleg 5 kurzus van, ahol megtanulhat néhány hasznos dolgot, mint például hogyan kell használni a Githubot a kódokat, hogyan kell használni a Github oldalakat egy ingyenes webhely vagy blog létrehozása a projekthez, és hogyan kezelhető a konfliktusok összevonása, amelyek gyakran fordulnak elő, ha a projekt számos fejlesztőjével dolgozik.

WordPress UnitTest DOM Parser

Egy szép tipp Takayuki Miyauchi-tól A DOMElement tesztelése a UnitPort alkalmazásakor a WordPress alkalmazásokban. Én személy szerint ezt nagyon hasznosnak találtam; remélem ugyanezt találod.

Popmotion

A JavaScript könyvtár a vajas, sima animációhoz az interneten, “Popmotion” olyan fizikai API-t nyújt, amely lehetővé teszi, hogy közel valós valós animációs effektusokat hozzon létre. Befejezetlen; a könyvtár egyszerűen kimenetek értékei a konfiguráció meghatározott készletén alapulnak. Ez lehetővé teszi, hogy ezeket a kimeneteket bármilyen közegre, köztük a CSS-re, az SVG-re, a Three.js-ra és a React.js-ra emelje..

Driver.js

A JavaScript-könyvtár, amely lehetővé teszi “hajtás” a felhasználó fókuszál egy oldalon. Ez különösen akkor hasznos, ha konkrét funkciókat szeretne bemutatni vagy az adott oldalon meghatározott feladatokra irányítani. A Driver.js igaz 4 KB méretű, testreszabható és billentyűzetbarát.

Cserélje ki az Animált GIF-et a Videóval

A GIF mindenhol van, miután nagyszerű visszajött. De a GIF-re vonatkozó probléma az, hogy ez általában nagyon hatalmas. Ez a sávszélesség elvesztése, de a grafikus minőség gyakran szörnyű. Ez A Google útmutatója megmutatja, hogyan “Videó” helyettesítheti a GIF-et animált grafikák megjelenítéséhez.

Szövegmaszk

A JavaScript könyvtár átalakítsa a speciális formázást igénylő szöveget mint egy telefonszám, pénznem vagy hitelkártyaszám. Ahogy a felhasználó gépel, a szöveg automatikusan átalakul a megfelelő formázásra, javítva a felhasználói élményt. TextMask használható a React, Vue vagy csak a régi JavaScript használatával.

Hasonlítsa össze a mobilhely sebességét

Ez egy másik hasznos eszköz a Google-tól. Ez az eszköz lehetővé teszi ellenőrizze a webhely sebességét a mobilról történő betöltéskor és becsülje meg a teljes bevételkiesést, amikor a weboldal lassan tölt be. tudsz válassza ki az országot és a sebességet ebből a webhelyét tesztelni fogják.

VueNut

A Vue.ut és a Vuex webes alkalmazásának fejlesztésében a VueNut fejlesztői társa könnyebb felfedezni a tárolt adatot és lehetővé teszi, hogy könnyen kezelje az adatokat a fejlesztés során. Menő cucc!

FoundationDB

A közelmúltban az Apple készítette az FoundationDB nyílt forrását Githubban. Ez egy kulcs-érték pár adatbázis rendszer amely skálázhatóságot és teljesítményt ígér. Hűvös, hogy nagy technológiai cégek kezdik el szentelni a nyílt forráskódú termékeiket.

Mesekönyvek

A StoryBooks eszköz építsünk egy React komponenst elkülönítve. Ez biztosítja a felhasználói felületet a böngészőben, amely lehetővé teszi az egyes összetevők különböző állapotainak megtekintését, valamint tesztelje az alkatrészeket.

GhostText

A böngésző kiterjesztése szinkronizálja azt, amit a böngészőben ír, a szövegszerkesztőre Vagy fordítva. Ezt végül hasznosnak találtam, ha szeretné, hogy a kódszerkesztő kényelmével és funkcióival egy weboldalra írhasson. A GhostText a Chrome, a Firefox és az Opera számára elérhető.

Coala

Coala a CLI, amely felületet biztosít a fóliázáshoz és a rögzítő kódhoz, függetlenül a használt nyelvektől. A Coala-t egy kódszerkesztőn belül használhatja, integrálhatja egy CI-vel (folyamatos integráció), és testreszabhatja azt egy konfigurációs szintaxissal .coafile. A Coala számos nyelvet támogat, mint például a CSS, a JavaScript, a PHP, és többet talál a könyvtárban.

ReactStrap

A ReactStrap a Bootstrap 4 komponensek gyűjteménye, amelyeket újrafelhasználható React komponensekké alakítanak át. Ha szeretné modernizálni a régi Bootstrap alapú webhelyet, akkor ezt a könyvtárat érdemes megnézni.

Reacto

Egy másik React-szel kapcsolatos eszköz, a Reacto egy Az IDE az Electron tetején épült, és a ReactJS webes alkalmazások fejlesztésére készült. Ez nagyon praktikusnak tűnik, ha a fejlesztés elsődlegesen a ReactJS köré fordul.

PicoJS

A JavaScript könyvtár lehetővé teszi az arcfelismerést. Ez egy fényképpel vagy az integrált fényképezőgéppel működik. Nagyon érdekes, hogy az elmúlt években hogyan fejlődik a webes technológia.