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

Každý měsíc existují desítky bezplatných věcí, které sdílejí velmi štědrí lidé v komunitě webového designu a vývoje webu; je téměř nemožné držet krok se všemi těmito novými věcmi. Neměli byste se však bát; v tomto příspěvku jsme vybrali 10 užitečných „věcí“ od útržků kódu až po nástroje, rámce pro pluginy usnadnit práci a život jako návrháři a vývojáři webu.

Podívejme se na ně.

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

• Říjen 2012
• Listopad 2012
• Prosinec 2012

CSSS

CSSS což je zkratka pro "SlideShow System" založený na CSS je framework vytvořený Lea Verou (známý jako CSS guru). V podstatě tento rámec umožňuje vytvářet prezentační snímky s webovými standardy HTML a CSS. Tato prezentace podporuje klávesové zkratky jako ←, →, ↓ a ↑ procházet snímky.

Pokud máte CSS a HTML, tento rámec je myslím (lepší) náhrada za high-ceny software, jako je MS PowerPoint.

BonsaiJS

Bonsai je odlehčená JavaScriptová grafická knihovna s intuitivním API. Pomocí této knihovny můžeme kreslit jednoduché tvary, jako je obdélník, trojúhelník, kruh nebo grafika s hlubokou složitostí. Tuto knihovnu lze také použít k vykreslování škálovatelných vektorových grafik (SVG) v nepodporovaných prohlížečích jako záložní.

Kromě toho, Bonsai také poskytuje několik funkcí, včetně animace, události a filtry, aby tyto grafiky jednat interaktivněji.

Citlivý vzor

Reagující vzory je kolekce vzorů, které můžete použít k vytvoření citlivé webové stránky. Tato kolekce obsahuje několik příkladů citlivého rozvržení a navigace s několika dalšími responzivními vzory běžných webových komponent, jako jsou obrázky, video, tabulky a formuláře..

Effin Toolsets

To je asi vše, co potřebujete k rozvoji svých webových stránek. Effin Toolsets je sbírka tuctu užitečných nástrojů pro webové vývojáře, zabalených na jednom místě.

Jedním z nástrojů této sbírky, které osobně považuji za velmi užitečné, je Entifier, tento nástroj tyto znaky změní, < a >, do svého HTML kódu tak, aby se fragment kódu vykreslil správně uvnitř

 štítek.
 
 
Zaneprázdněný
 
Susy je citlivá mřížka pro Compass. Stejně jako všechny ostatní citlivé mřížkové rámce se skládá z několika předdefinovaných stylů, ale protože je postaven na platformě Sass a Compass, je tento rámec mnohem konfigurovatelnější.
 
Susy vám umožní přizpůsobit číslo sloupce, šířku sloupce, okapový žlab a mřížkovou výplň, což z ní dělá vlastní mřížku, která vyhovuje vašim webovým stránkám. Zaneprázdněný udělá veškerou tvrdou práci: výpočet. Pokud jste super-geek, který má rád práci s Sass a Compass, toto rozšíření je určitě pro vás.
 
 
Nekonečné rozevírací navigace
 
Rozbalovací nabídka je společná součást, kterou jsme našli na webových stránkách. Vytvoření rozevírací navigace však není tak snadné, jak vypadá. Harry Roberts CSS Wizardry, naštěstí sdílí jeho “magický kód” vytvořit nekonečnou rozevírací navigaci (což je úžasné).
 
 
Bourbon Neat
 
Čistý je citlivý mřížkový rámec, který vám pomůže snadno spustit citlivé webové stránky. Je postaven na Sassu a Bourbonu, kolekci užitečných mixinů pro Sass. Tento rámec je klenot Ruby, může být instalován prostřednictvím terminálu nebo příkazového řádku s tímto příkazovým řádkem gem install čistý.
 
 
Typicons
 
Ikony nebudou stačit. Typicons jsou sady ikon písma, které se skládají z 88 znaků. Tyto ikony můžete přidat @ font-face pravidlo a aplikovat je na vaše webové stránky s CSS pseudo-elementy nebo je vložit přímo s jejich HTML znakem.
 
Používáním webfontu k doručování ikon můžete mít výhody, že nemusíte nasazovat CSS sprite a upravovat polohu pozadí pro zobrazení ikon, připravených obrazovek s vysokým rozlišením a technicky snižuje požadavky na http a spotřebovává nižší šířku pásma než ikony bitmap.
 
 
Anotátor
 
Tato knihovna umožňuje přidávat komentáře, značky a značky do webového obsahu a spolu s poznámkou můžete ukládat anotace zdarma.
 
 
Letiště
 
Když jste na letišti, uvidíte letovou informační tabulku s překlápěcím textem. S tímto pluginem jQuery, Airport, jsme schopni vytvořit stejný efekt textového filtrování.
 
 
Závěr
 
To je vše pro tento měsíc. Vyzkoušeli jste některý z těchto věcí? Který z nich je váš oblíbený? Našli jste nějaké další skvělé věci pro webové designéry / vývojáře, které jsme z tohoto seznamu vynechali?.
 
Neváhejte se o ně podělit v poli pro komentář níže, a rádi bychom také slyšeli vaše myšlenky.