Nové zdroje pro webové designéry a vývojáře (březen 2016)

V naší poslední splátce jsme se zaměřili na různé Javascript a CSS knihovny, které pomáhají vytvářet lepší webové stránky a webové aplikace. Tento měsíc máme k dispozici více knihoven, které doporučujeme vedle malého zaměření na typografii.

V tomto kole seriálu se budete dívat na několik knihoven JS, které můžete využít, ale také na sbírku tipů, velmi dlouhou esej o typografii, generátor barev a lehký rámec frontendu. Bez dalších okolků, podívejme se na ně.

Klepněte na tlačítko Další zdroje

Najděte si celou naši sbírku doporučených zdrojů a nejlepší dostupné nástroje pro web design a vývoj.

JS tipy

JS tipy je kolekce tipů JavaScriptu, některé z nich se točí kolem syntax, někteří o účinnost a výkonnost kódu, a některé další jsou specifické pro rámec jako AngularJS. Nové tipy se přidávají denně a v současné době je vydáno 50 tipů. Je to v podstatě nutná záložka stránky pro každého webového vývojáře.

Vagrant Manager

Vagrant Manager je GUI aplikace pro ovládání Vagrant. Podobné MAMP, kde můžete zastavit nebo spustit Vagrant a zjistit, který Vagrant je v současné době spuštěn. Aplikace je k dispozici pro OS X a pro Windows. Pokud si nejste jisti, co je Vagrant, podívejte se na náš předchozí příspěvek na téma Jak nainstalovat WordPress lokálně s Vagrantem.

Bulma

Bulma je rámec frontend. Balíček obsahuje některé společné UI komponenty webu, jako je navigace, rozevírací seznam a (samozřejmě) mřížka, která je zcela sestavena Flexbox. Jediná chybějící funkce (alespoň prozatím) je komponenta JavaScriptu. Komponenty Bulma jsou ve srovnání s Bootstrapem mnohem štíhlejší, ale měly by postačovat k vytvoření malé, ale reprezentativní webové stránky.

Gutenberg

Pojmenoval podle Johannesa Gutenberga, vynálezce masového tisku. Gutenberg je sbírka pravidla stylu pro správné typografické nastavení na webu. Pravidla stylu nastavují základní čáru, velikost písma a měřítko a výšku řádku. Velký styl knihovny, aby se vaše webové stránky obsah vypadají mnohem lépe.

OkayNav

OkayNav je jQuery budovat citlivou navigaci, ale ne jen další. Zásuvný modul má poněkud odlišný přístup k responzivnímu designu: při změně velikosti výřezu dolů na menší bude každé menu postupně sloučeny do ikony, aby bylo možné tolerovat omezenou velikost výřezu. Zní to dobře, ne?

Nová webová typografie

Nová webová typografie je hloubková esej o typografii. Diskutuje styly od počátků knih až po současný způsob, jak stavíme a konzumujeme na webu. Dobře prozkoumaný s více ilustracemi a plně odkazoval, to je dlouhý článek Robin Rendle, ale rozhodně stojí za přečtení získat lepší pochopení typografie.

Bezpečné barvy

Bezpečné barvy je paleta generátoru barev pro web. Na rozdíl od nástrojů, které jsme dříve uvedli v této sérii, ColorSafe vygeneruje pouze barvu, která odpovídá standardu WCAG pro přístupnost barev.

Dostupný modální dialog

Toto je malá (pouze ~ 0.5kb) JavaScript knihovna vytvořit modální dialogové okno. Uživatelé jsou snadno přístupní a snadno se otevírají, zavírají a procházejí dialogem pomocí klávesnice a myši. Balíček je prostě holý JavaScript, žádný styl, takže můžete libovolně tvarovat dialog modal jakýmkoliv způsobem chcete.

Mo.js

Mo.js je kompletní balíček knihovny animace JavaScriptu. Dodává se s několika předvolbami, takže můžete nastavit a spustit animaci rychle. Je modulární, což vám umožní odstranit zbytečné funkce, stejně jako plynulé a plynulé. Dokumentace není bohužel připravena pro novou knihovnu..

Částice

Tato knihovna přidává plovoucí částicové sítě na vaše webové stránky, jednoduše, aby vaše webové stránky vypadat chladnější okamžitě. Částice budou reagovat na pohyb kurzoru. Reakce i další prvky, jako jsou barvy, vzdálenost a tvar, lze konfigurovat pomocí možností.