Nové zdroje pro webové designéry a vývojáře (červen 2015)
Můžete věřit, že tato série běží téměř 3 roky? V tomto krátkém čase jsme uvedli nejméně 30 seznamů nejčerstvějších zdrojů pro webové designéry a vývojáře. A budeme to držet s novou kompilací na červen.
V této kompilaci se podíváme na několik knihoven JavaScriptu pro zobrazení posuvníků, plynulejší posouvání datových tabulek, efekt efektu výtahu pro tlačítko posuvníku nahoru a další.
Podívejme se na ně.
Střední styl Potvrďte
Médium bylo oceněno za jeho design; Rozložení a uživatelské rozhraní se zdálo být důkladně promyšleno. Kromě toho také inspiruje webové vývojáře k vývoji buď JavaScript nebo CSS knihoven pro replikaci uživatelského rozhraní. Střední styl Potvrzení je jedna knihovna jazyka JavaScript, která se podobá místní nabídce nebo dialogovému oknu v poli Médium.
Tučňák
Tučňák je nový front-end rámec, který můžete použít jako podklad pro vaše webové stránky. S nástroji, jako je Grunt a Sass, můžete snadno přidávat nebo odebírat knihovny nebo CSS, které nepotřebujete mimo rámec, což je co nejlehčí. Je to také dobrá alternativa pro Bootstrap a Foundation.
Elevator.js
Viděli jste toto tlačítko na webové stránce, která vám umožní posunout se nahoru na začátek stránky? Většina tlačítek vás vezme na vrchol, ale pomocí Elevator.js získáte efekt posuvného zrychlení podobný výtahu, hudbě a hudbě. “Ding!” zvuk, jakmile dosáhnete horního patra. Opravdu pěkné!
X-Instagram
X-Instagram je polymerový prvek, který táhne a zobrazuje obrázky z Instagramu podle značky. Tento prvek usnadňuje celý proces. Prvek jednoduše přidáme jako běžný element HTML a klíčové slovo tagu určíme jako atributy elementu.
A nechte kouzlo začít!
CamanJS
CamanJS je skvělá JavaScript knihovna pro manipulaci s obrázky. Dodává se se sadou funkcí, kterou byste běžně našli v editoru obrázků. Rozmazání obrazu, černobílého obrazu a dokonce i zvýšení kontrastu.
ClusterizeJS
Clusterize.js je knihovna JavaScriptu, která zvýší výkon při práci s mnoha daty v tabulkách. Jak se posouváte dolů tabulkou s, řekněme, 5000 v seznamu, zpravidla se zážitek změní na laggy a trhané. Tento JavaScript knihovny budou řešit tento problém, takže rolování akce hladké plachtění celou cestu.
Posaďte test
Posaďte test je sbírka otázek k vyhodnocení vašich dovedností a znalostí o CSS3, HTML5 a JavaScriptu. Každý test má řadu otázek a omezený čas na dokončení všech těchto otázek. Je to dobrý zdroj, abyste zjistili, jak dobře jsme s těmito jazyky skutečně spokojeni.
Šipky HTML
Toto je kolekce speciálních nativních symbolů Unicode, které můžete vložit do HTML a CSS. Tyto znaky zahrnují šipky, měnu a interpunkci. Zjistíte, že někdy nepotřebujete pro zobrazení těchto znaků ikonu fontu.
Flickity
Flickity je knihovna JavaScriptu pro zobrazení karuselů, galerií nebo posuvníků na vašich webových stránkách. Je optimalizován pro dotykovou obrazovku; můžete snadno posouvat karusely prstem nebo trackpadem, pokud jste na notebooku. To také přichází s partou Volby umožňující plné přizpůsobení v žádném případě se vám líbí.
Typy
Tipslab je užitečný nástroj pro vytvoření plakátu typu Slab. Stačí napsat obsah a vybrat písmo, Typelab vygeneruje plakát okamžitě. Poté si jej můžete stáhnout nebo publikovat v Imguru.
MatchMedia
Matchmedia je knihovna, která replikuje dotazy na média CSS. Knihovna není tak čerstvá, ale je to opravdu užitečná knihovna, kterou jsem se rozhodla uvést na seznam. Pokud potřebujete udělat skriptování na základě velikosti pohledu uživatele nebo typu média, je to knihovna, kterou chcete.
Následující příklad slouží ke spuštění skriptu ve velikosti pohledu 320px a nižší:
if (matchMedia ('pouze obrazovka a (max. šířka: 320px)').)) 
Sass Burger
Sass Burger je dodáván s Mixin, který vám umožní vytvořit “Hamburger” a proměňte ji v křížovou značku s menšími problémy.
Marx
Marx je soubor pravidel stylů CSS, aby byly styly prvků konzistentnější. Je přizpůsobitelný (Sass), lehký a funguje z krabice. Dobrá alternativa k již populárním CSS reset nástrojům jako Normalize.css.
CSS.js
CSS.js slouží k analýze souborů CSS pro deklaraci stylu. Knihovna byla původně použita pro tým v Jotformu, aby vytvořila WYSIWYG zážitek pro úpravu formulářů pomocí CSS. Teď mají otevřený zdroj pro to, abychom ho mohli použít. Stojí za to šetřit, jen v případě, že to budete potřebovat později.
