Friss források a webes tervezők és fejlesztők számára (2015. június)
Úgy véli, hogy ez a sorozat már csaknem 3 éve fut? Ebben a rövid idő alatt legalább 30 listát találtunk a webes tervezők és fejlesztők legfrissebb forrásairól. És júniusban egy új összeállítással fogjuk megtartani ezt.
Ebben a összeállításban néhány JavaScript könyvtárat keresünk a csúszkák megjelenítéséhez, az adat táblázatok gördülékenyebb görgetéséhez, egy hűvös lifthatáshoz egy görgetés-to-top gombhoz, és így tovább.
Nézzük meg őket.
Közepes stílus megerősítése
A médiumot dicsérte a tervezés miatt; úgy tűnik, hogy az elrendezést és az UI-t alaposan átgondolták. Mindezeken felül a webfejlesztők is ösztönzik a JavaScript vagy a CSS könyvtárak fejlesztését az UI replikálásához. A közepes stílus megerősítése egy olyan JavaScript-könyvtár, amely hasonlít a Közepes ablakban található felugró ablakra vagy párbeszédablakra.
Pingvin
A Penguin egy új front-end keretrendszer, amelyet webhelyeinek alapjaként használhat. Olyan eszközökkel, mint a Grunt és a Sass, könnyedén hozzáadhat vagy eltávolíthat könyvtárt vagy CSS-t, amelyet nem kell a keretrendszerből kiépítenie, hogy a lehető legkönnyebb legyen. Ez is jó alternatíva a Bootstrap és az Alapítvány számára.
Elevator.js
Láttad ezt a gombot egy weboldalon, amely lehetővé teszi, hogy csúszik fel az oldal tetejére? A legtöbb gomb csak a tetejére visz, de a Elevator.js-nál egy lifthez, a zenéhez és a “zsong!” a felső szint elérése után hangzik. Igazán szép!
X-Instagram
Az X-Instagram egy polimer egyéni elem, amely húzza és megjeleníti a képeket Instagram-tól címkével. Ez az elem sokkal könnyebbé teszi az egész folyamatot. Egyszerűen hozzáadjuk az elemet, mint egy szokásos HTML elemet, és az elem attribútumként adja meg a címke kulcsszót.
És hagyja, hogy elkezdődjön a varázslat!
CamanJS
CamanJS egy nagyszerű JavaScript könyvtár a képkezeléshez. Egy olyan funkciókészletet tartalmaz, amelyet általában egy képszerkesztőben talál. A kép elmosódását, fekete-fehér és még a kontrasztot is növelheti.
ClusterizeJS
A Clusterize.js a JavaScript könyvtár, amely növeli a teljesítményt a táblázatok sok adatainak kezelésében. Amikor lefelé görgetsz egy táblázatot, mondjuk 5000-re a listában, általában a tapasztalat a laggy és jerky. Ez a JavaScript könyvtárak kezelni fogják ezt a problémát, így a görgetési művelet sima vitorlázást végez.
Üljön a tesztre
Üljön a tesztre a CSS3, HTML5 és JavaScript ismereteinek értékelésére szolgáló kérdések gyűjteménye. Minden tesztnek számos kérdése van és korlátozott idő áll rendelkezésre az összes kérdés teljesítéséhez. Jó forrás, hogy megtudjuk, milyen jó vagyunk ezeken a nyelveken.
HTML nyilak
Ez egy speciális unicode-szimbólumok gyűjteménye, amelyeket beágyazhat HTML-be és CSS-be. Ezek a karakterek a nyilak, a pénznem és az írásjelek. Meg fogja találni, hogy néha nem kell betűkészlet ikonra, hogy megjelenítse ezeket a karaktereket.
Flickity
A Flickity egy JavaScript-könyvtár, amely webhelyén megjeleníti a karusszeleket, galériákat vagy csúszkákat. Az érintőképernyőre van optimalizálva; ha a laptopon vagy, akkor könnyedén csúsztathatja a karusszeleket ujjával vagy a trackpaddal. Ez is egy csomó Opciók lehetővé teszi a teljes testreszabás bármilyen módon tetszik.
Typeslab
A Typeslab egy praktikus eszköz egy Slab típusú plakát létrehozásához. Egyszerűen írja be a tartalmat, és válassza ki a betűtípust, a Typeslab azonnal létrehozza a posztert. Ezután letöltheti vagy közzéteheti azt Imgurban.
MatchMedia
A Matchmedia olyan könyvtár, amely a CSS média lekérdezéseket replikálja. A könyvtár valójában nem olyan friss, de ez egy igazán hasznos könyvtár, amelyről úgy döntöttem, hogy felveszi a listát. Ha a felhasználói nézetablak mérete vagy a médiatípus alapján szkriptelésre van szükség, akkor ez a kívánt könyvtár.
A következő példa a parancsfájl 320x-os és a nézőablak-méret alatt történő futtatására szolgál:
if (matchMedia („csak képernyő és (max. szélesség: 320px)”).)
Sass Burger
A Sass Burger egy Mixinnel rendelkezik, amely lehetővé teszi, hogy hozzon létre egy “Hamburger” ikonra, és kevésbé problémás kereszttá válik.
Marx
A Marx a CSS stílusszabályok gyűjteménye, hogy az elemstílusok következetesebbek legyenek. Testreszabható (Sass), könnyű, és a dobozon kívül működik. Jó alternatíva a már népszerű CSS reset eszközökre, mint a Normalize.css.
CSS.js
CSS.js a CSS fájlok elemzésére szolgál a stílus deklarálásához. A könyvtárat eredetileg a Jotform csapata használta, hogy WYSIWYG élményt készítsen a CSS formában történő szerkesztéshez. Most már nyitott forrásból állnak, hogy mindannyian használhassuk. Érdemes megmenteni, csak abban az esetben, ha később szüksége lesz rá.