Homepage » Web Design » Friss források a webes tervezők és fejlesztők számára (2015. június)

    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á.