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

Utolsó részletünkben a különböző Javascript és CSS könyvtárakra összpontosítottunk, hogy jobb webhelyek és webes alkalmazások épüljenek. Ebben a hónapban több könyvtárunk van, hogy javasoljon egy kis összpontosítást a tipográfia mellett.

A sorozat ebben a fordulójában néhány JS könyvtárat fog megnézni, melyeket hasznosnak talál, de egy sor tippet, egy nagyon hosszú esszét a tipográfiáról, a színgenerátort és a könnyű frontend keretrendszert. További részletek nélkül nézzük meg őket.

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.

JS Tippek

A JS Tips a JavaScript tippek gyűjteménye, amelyek közül néhányat körbejárnak szintaxis, valamiről kód hatékonysága és teljesítménye, és néhány más olyan, mint az AngularJS. Új tippeket adnak hozzá naponta, és jelenleg 50 tipp található. Ez lényegében kötelező könyvjelző webhely minden webfejlesztő számára.

Vagrant Manager

Vagrant Manager a GUI alkalmazás a Vagrant vezérlésére. Hasonló MAMP, ahol megállíthatja vagy futtathatja a Vagrantot, és láthatja, hogy melyik Vagrant jelenleg fut. Az alkalmazás elérhető az OS X és az ablakok számára. Ha nem biztos benne, hogy mi a Vagrant, nézze meg az előző hozzászólásunkat, hogyan telepítheti a WordPress-et helyben a Vagrant-szal.

Bulma

Bulma egy frontend keretrendszer. A csomag tartalmaz néhányat közös UI-összetevők a web, mint a navigáció, legördülő és (természetesen) a teljes hálózatba épített rács flexbox. Az egyetlen olyan funkció, amelyik hiányzik (legalábbis most), a JavaScript összetevői. A Bulma komponensek sokkal vékonyabbak a Bootstrap-hoz képest, de elegendő ahhoz, hogy egy kis, de megjeleníthető webhelyet építsenek.

Gutenberg

Johannes Gutenberg, a tömegprés feltalálója. Gutenberg egy gyűjteménye stílusszabályok a megfelelő tipográfiai beállításhoz az interneten. A stílusszabályok az alapvonalat, a betűméretet és a méretezést, valamint a vonalmagasságot határozzák meg. Egy nagyszerű stíluskönyvtár, amely a webhely tartalmát sokkal jobbá teszi.

OkayNav

OkayNav egy jQuery egy érzékeny navigáció létrehozására, de nem csak egy újabb. A bővítmény kissé eltérő felvételt készít a választható tervezéshez: mivel a nézetablak kisebbre változik, minden menü lesz fokozatosan ikonra egyesítve, hogy elviselje a korlátozott nézetablak méretét. Hűvösnek tűnik, nem?

Új webes tipográfia

A Új webes tipográfia A tipográfia alapos, szem megnyitó esszéje. Megvitatja a könyvek kezdeti napjaitól a stílusokat az éppen éppen épített és fogyasztott módon az interneten. Több illusztrációval jól kutatott és teljesen hivatkozott Robin Rendle egy hosszú cikk, de mindenképpen érdemes elolvasni a tipográfia jobb megértését..

Szín biztonságos

Szín biztonságos egy színgenerátor paletta a web számára. Ellentétben a korábbi sorozatban említett eszközökkel, a ColorSafe csak olyan színeket hoz létre, amelyek megfelelnek a WCAG szabványnak a színes hozzáférhetőségnek..

Hozzáférhető modális párbeszédablak

Ez egy apró (csak ~ 0,5 kb) JavaScript könyvtár épít egy modális párbeszédablakot. A felhasználók könnyen hozzáférhetők, könnyen megnyithatók, bezárhatók és navigálhatnak a párbeszédablakban billentyűzet és egér segítségével. A csomag egyszerűen csak JavaScript, nincs stílusa, így szabadon alakíthatja ki a modális modult bármilyen módon.

Mo.js

Mo.js a JavaScript animációs könyvtár teljes csomagja. Jó néhány beállítást tartalmaz, így gyorsan beállíthatja és futtathatja az animációt. Moduláris, lehetővé teszi a felesleges funkciók eltávolítását, valamint folyékony és sima. A friss új könyvtár, sajnos, a dokumentáció még nem áll készen (most).

részecskék

Ez a könyvtár úszó részecske-hálózatokat hoz létre a webhelyén, egyszerűen azért, hogy a webhelye azonnal hűvösebb legyen. A részecskék reagálnak a kurzor mozgására. A reakciók és más elemek, mint például a színek, a távolság és az alakzat az opciók segítségével konfigurálhatók.