Nové zdroje pro webové designéry a vývojáře (listopad 2012)

Existuje celá řada nových skvělých nástrojů a zdrojů, které dávají webovým designérům a vývojářům větší vliv na jejich práci. Tento měsíc máme nějaké skvělé bezplatných nástrojů a zdrojů hodný pokusu, počínaje pluginem k vytvoření skvělých fotografických efektů do pluginu pro obsah a posun obrázků s opravdu chladným přechodem.

Podívejme se na ně.

Podívejte se na všechny naše čerstvé zdroje (podle měsíce):

Proto

Reagující web design se nyní stává běžnou praxí při vytváření webových stránek. To dělá tento nástroj opravdu užitečné pro práci. Proto je protokol Proto postaven na systému SCSS pro rychlé vytváření prototypů, který umožňuje rychlé definování předdefinovaných tříd CSS, definování citlivé sítě a některých tříd specifických pro zařízení..

Zobrazení mřížky

Pokud pracujete s frameworkem Responsive Design, jako je Bootstrap nebo Foundation, budete pravděpodobně potřebovat tento bookmarklet pro sledování mřížky v prohlížeči. Tento nástroj zobrazí na obrazovce, kterou prohlížíte, překryvnou mřížku. Je to docela šikovné, stačí je přetáhnout do lišty záložek. Stačí kliknout na bookmarklet kdykoliv budete potřebovat mřížky.

BootMetro

Systém Windows 8 používá jednoduchost jazyka návrhu systému Metro. Pokud chcete tento styl přijmout na svých webových stránkách, BootMetro je pravděpodobně to, co potřebujete.

Podtržítka

Existuje mnoho WordPress startér témata k dispozici na internetu, ale žádný jiný není tak velký jako podtržítka. S ním můžete specifikovat a přizpůsobit téma Název, Popis, Autor a konkrétně Téma Slug, který se vztahuje na funkci motivu, jakmile si stáhnete balíček, takže dostanete něco jako theme_slug_function.

Jarallax

Stejně jako efekt Parallax vidíte na webových stránkách, jako je tento? Chcete-li použít podobný efekt na své webové stránky, můžete použít Jarallax, knihovnu animací JavaScriptu k vytvoření efektu Parallax (téměř bez času).

Větrný

Nudíte se efektem posouvání galerie, které se pohybuje pouze vodorovně? Pak se podívejte na Windy, který využívá 3D transformaci ke spuštění obsahu skutečně jedinečným způsobem. Viz demo zde.

Změna sklonu

Stručně řečeno, tiltShift ve fotografování je technika, aby se fotografie vypadala menší, téměř miniaturní, než ve skutečnosti je. Podívejte se na naši sbírku těchto fotek v tomto příspěvku: “Fotografování s posunutím”. Pokud chcete použít takový efekt ve své fotogalerii, můžete jednoduše použít tuto knihovnu JavaScript, TiltShift.js.

Sekvence

Sequence.js je zásuvný modul Responsive jQuery slider s některými pokročilými efekty přechodu. Na rozdíl od jiného jezdce, Sequence nepřichází s vlastním vestavěným motivem. Takže můžeme zcela přizpůsobit vzhled a vzhled tak, aby odpovídal našim webovým stránkám.

Delta

jQuery UI je kompletní sada běžného webového uživatelského rozhraní a interakce, která se snadno používá. Výchozí motiv je však nudný. Pokud tedy chcete mít jiný vzhled uživatelského rozhraní jQuery, ale nechcete si nechat špinavé ruce pomocí CSS, můžete jednoduše nahradit výchozí styly CSS pomocí Delta, úhledného motivu pro uživatelské rozhraní jQuery.