Friss források a webes tervezők és fejlesztők számára (2016. február)

A 2015-ös év nagyszerű volt a web számára: a webes technológiák már működtek a webhely vagy egy webalkalmazás megalkotásához számos formában elfogadott tényezők. Számos mobil és asztali alkalmazás épül HTML, CSS és JavaScript használatával. Ezt lehetővé teszi a webes technológiák és könyvtárak, mint például a React.js, az Angular és a Node.js hordozhatósága..

Tehát, a sorozat jelenlegi részében összeállítottunk egy pár JavaScript és CSS könyvtárat.

Kattintson a További források gombra

Keresse meg az ajánlott erőforrások teljes gyűjteményét és a legjobb webes tervezési és fejlesztési eszközöket.

Lapos csúszka

A jQuery UI egy közös webes felületet tartalmaz, beleértve a csúszkát - egy felhasználói felületet, amely lehetővé teszi a felhasználó számára, hogy a számértékek választékát válassza. A Lapos csúszka egy olyan webes eszköz, amely sokszor könnyebbé teszi a jQUery UI stílusának testreszabását, amely egykor nagyon ijesztő feladat volt.

Segédprogram nyitott típus

Segédprogram nyitott típus a drop-in osztályok gyűjteménye fejlett CSS tipográfiai jellemzők alkalmazása ilyen betűtípus-ligatúrák, kis nagybetűk és még sok más. Alapvetően a lehető legjobb olvasási élményt nyújtják felhasználóinak finom részletekben. A régebbi, nem támogatott böngészőkben szépen romlik.

ResponsifyJS

Az egyik leghíresebb kényszerfeltevő kép az, hogy általában a képet megfelelően méretezi, de ez a kép fő fókuszpontját átirányítja, amikor egy nagyon kis nézetablak-méretre van méretezve.

ResponsifyJS Könnyű JavaScript-könyvtár, amellyel használhatja állítsa be a koordinátákat a kép élességének fenntartásához átméretezéskor.

Lineáris

Lineáris egy vonalzó alkalmazás Mac számára. Használhatja a vonalzót a weblapok mérésére, megtudhatja az elem méretét anélkül, hogy megnyitná a DevTools-t, vagy kitalálná, hogy egy elem tökéletesen középre van-e állítva. Több vonalzó is lehet, és az egységet PX-ről EM-ra kapcsolhatja.

StickyStack

StickyStack egy jQuery plugin, amely egy verem görgetési élményt hoz létre, amikor egy panel eléri a nézetablak tetejét, ott marad, míg a további görgetés felemeli a következő panelt. Ez egy könnyű plugin, amely néhány lehetőséget tartalmaz az oldaltartály, a veremszakasz és a halom doboz árnyékának konfigurálására. Nézze meg a demót.

Néző

Néző a jQuery plugin a kép fénymásolata számára - egy fantasztikus népszerű mód a képek nagyítására az interneten. A bővítmény túlnyomó lehetőségekkel rendelkezik, amelyek lehetővé teszik testreszabása minden világító doboz felület.

A bővítmény API-k és egyéni események együttesét is tartalmazza a teljes vezérléshez világító doboz válasz és viselkedés. Sőt, az Internet Explorer 8-ra is működik.

DeviceMock

DeviceMock egy JavaScript könyvtár, amely lehetővé teszi hozzon létre eszközkereteket vagy maketteket például egy telefon, egy tabletta és egy asztal. Hasonlóképpen, a könyvtár lehetőséget biztosít a keret témájának, méretének és a keret tájolásának beállítására.

Lehet, hogy jó alternatíva a webes és az alkalmazás bemutatására a Photoshop használata helyett.

CLR

CLR kezdeményezés újból definiálja az alapértelmezett webszíneket egy szemkímélőbb, modernebb színtónusra. Ezenkívül a jobb hozzáférhetőség érdekében színes kombinációkat javasol. Ezeket a színeket az NPM, a Gem (Ruby) és a Photoshop és az Illustrator színminták segítségével telepítheti.

Colorify

Colorify egy szuper könnyű súlyú JavaScript könyvtár (3kb minified) kivonat domináns színek egy képből sok API-t a színek manipulálásához. A kivont színt helyőrzőként használhatja, amíg a kép teljesen betöltődik, színátmenetet állít elő, vagy módosítja a szomszédos felületet, hogy megfeleljen a kép színének.

BookBlock

BookBlock a jQuery bővítmény készítsen egy füzetet az oldalflip hatásával. Szép alternatíva, hogy több képet jelenítsen meg a webhelyén, különösen, ha van egy sorozata vagy folyamata, amelyet bemutatni kíván.

Itt megtekintheti a bemutatót, hogy megtudja, hogyan működik a BookBlock.