Friss források a webes tervezők és fejlesztők számára (2017. július)

Az idő repül, és most már 2017 közepén vagyunk. Ebben a hónapban a nagyszámú JavaScript-könyvtár és néhány más, mint egy plugin van, amely lehetővé teszi a GraphQL használatát a WordPress-ben, asztali alkalmazást a CSV-adatok megjelenítésére, és néhány weboldalt keretek között. Nézzük meg őket.

HeroPatterns

Gyűjtemény az SVG-vel készült ismétlődő minta amit a webhelyen háttérként használhat. A helyszínen praktikus beállítás van testre szabhatja a minta színét és átlátszóságát és egyszerűen másolhatja és beillesztheti a hozzáadandó kódot a CSS-be.

TestCafe

A TestCafe egy end-to-end (e2e) tesztelési eszköz amely lehetővé teszi, hogy tesztelje webhelyeit és webes alkalmazásait, mintha valódi felhasználók használnák. A teszt elvégzése során több dolgot is automatizál, beleértve a következőket: A böngészők indítása, a megadott tesztegység futtatása, jelentések készítése, a képernyőképek, valamint a hibajelzők, hogy könnyen elhárítsák a hibákat.

SugarJS

A SugarJS egy JavaScript könyvtár manipulálja az Objektumokat, Array-eket és Dátumokat szépebb és olvashatóbb szintaxissal. A könyvtárhoz tartozik néhány hasznos funkció, például, .escapeHTML () Melyik lesz konvertálhatja a HTML elemeket Entity formátumba.

KISASSZONY

Egy praktikus JavaScript könyvtár fordítsa az időt, a számot és a normál karakterláncot milliszekundumra. ms (2 nap), például átalakításra kerül 172800000.

pa11y

A szerszámok nagy gyűjteménye javítsa a hozzáférhetőséget a webhelyén és webes alkalmazások. A pa11y egy CLI-t tartalmaz bármely weblap tesztelésére bármely akadálymentesítési kérdésben, a A műszerfal megjeleníti a hibákat és figyelmeztetéseket tartalmazó jelentéseket, és egy olyan CLI-t, amely kifejezetten egy olyan CI eszközhöz lett kifejlesztve, mint a Codeship vagy a Travis.

Tollak ikonok

A modern hangulatú ikonok gyűjteménye. Ezek az ikonok tökéletesen illeszkednek a webhelyekhez és az alkalmazásokhoz tervezett alkalmazásokhoz (iOS, Windows vagy Ubuntu). Az ikonok jönnek be Az SVG, valamint a React és Angular komponensek.

Repct Flight

A React modul a készítsen animációs kompozíciót az alkalmazásban. A könyvtárat a Vázlat elve ihlette, amelyben lehet interaktivitást adjon az UI összetevőhöz gyorsan és egyszerűen.

BounceJS

Egy könyvtár készítsen animációkat ugráló hatással. Az animációt a CSS3 és számos előre beállított animáció táplálja. A JavaScript könyvtárat az npm, bower vagy a egyszerűen másolja a CSS animációt létrehozott a weboldalon.

Bojler

Bojler egy e-mail keretrendszer a HTML-kód írásának iránymutatásával amely a legelterjedtebb e-mail klienseken megfelelően jelenik meg. Több e-mail keretrendszert találhat az előző bejegyzésünkben.

Devicon

Gyűjtemény a programozási nyelvek ikonjai, tervezési és fejlesztési eszközök. Az ikonok SVG és Font formátumban érhetők el. Egyesek Az olyan ikonok, mint például a Firefox, az AWS és a HTML5, részletes változatai is megtalálhatók. Elég hűvös jobb?

Most UI Kit

A Bootstrap 4 alapú kollekció-érzékeny felület 50 elemet és 3 egyéni sablont tartalmaz. A HTML verzió mellett a felhasználói felület a PSD és a Sketch formátumban is rendelkezésre áll.

T-görgetéssel

A T-görgetés a JavaScript könyvtár az animáció alkalmazásához amikor egy elem látható a nézetablakban. Fel van szerelve egy csomó opcióval és előre beállított animációkkal.

Ory Editor

Az ORY egy modern és hozzáférhető webszerkesztő a weben. Az ORY szerkesztő a React és Flux tetején épült. A szerkesztés egyszerűvé teszi a felhasználók számára a tartalom szerkesztését és az eredmény azonnal megtekintését anélkül, hogy tudnunk kellene olyan speciális szintaxist, mint a HTML vagy a Markdown.

TadViewer

A TadViewer egy praktikus asztali alkalmazás a CSV megtekintéséhez és nagy adatokon és fájlokon működik. Az alkalmazás elérhető a MacOS, a Windows és a Linux rendszeren.

Sima görgetés Polyfill

A sima görgetés igazoltabb felhasználói élményt nyújt. A W3C-ben most hivatalosan is javasolják és elkészítik. Jelenleg csak a Chrome-ban, a Firefoxban és az Opera-ban dolgozik. Használja ezt a könyvtárat emulálja az Internet Explorer és a Safari sima görgetési viselkedését.

Nem köszi

JavaScript könyvtár az értesítések megjelenítéséhez, A Noty megkönnyíti az Alart, a siker, a hiba, a figyelmeztetés, az információ vagy a párbeszéd üzenet megjelenítését. Használható egy animációs könyvtárral, mint például a mo.js és a bounce.js hogy az értesítés kecsesen bejusson és kinyílik.

ugróiskola játék

A Hopscotch egy nyílt forráskódú projekt, amelyet a LinkedIn fejlesztett ki. Ez egy olyan keret, amely megkönnyíti a fejlesztők számára, hogy hozzáadjanak terméktúrákat. Nézze meg az élő példát és az API-t.

SurveyJS

A SurveyJS egy másik fantasztikus JavaScript könyvtár. Ahogy a neve is jelzi, ez az célja, hogy felmérési inputokat hozzon létre. Különböző beviteli típusokat tartalmaz a felmérési válaszok kitöltéséhez és számos népszerű JavaScript keretrendszerre is átvitték beleértve AngularJS, VueJS és React.

WP GraphQL

A GraphQL emelkedik, és lehet, hogy a erős versenyző a REST architektúra cseréjére amely majdnem minden web API-t futtat. Ez egy olyan bővítmény, amely lehetővé teszi letölteni WordPress tartalmát a GraphQL segítségével. Íme egy nagyszerű hivatkozás arra, hogyan különböznek egymástól a REST és a GraphQL.

Monaco szerkesztő

Monaco szerkesztő ez a szerkesztő a Visual Code Editor használatát. Ezt a Microsoft építi, és több nyelvet is támogat a dobozból, beleértve a HTML, CSS, LESS, CoffeeScript és PHP-t is Az Intellisense segíti a kód gyorsabb írását.