Nové zdroje pro webové designéry a vývojáře (únor 2015)

Poté, co to dělá více než rok, nejtěžší část o psaní tohoto měsíčního zdroje hromadu pro projektanty a vývojáře je úvod. I když jsme na toto téma, zde je váš únor 2015 rekapitulaci nejlepších a nejčerstvějších zdrojů pro webové vývojáře, jako jste vy.

V této splátce se díváme na speciální vyhledávač pro nalezení kódu, velmi vynalézavý odkaz na problémy s adresou v modulu Flexbox, a vývojové nástroje pro lepší řízení barvy, písma a přechody.

Gradient Animator

CSS3 Gradient nám umožňuje vytvářet na našich webových stránkách bezduché přechody bez nutnosti načítání obrázků. Můžeme to dokonce kombinovat s CSS3 Animation, aby byl efekt ještě působivější. Ale pokud je kód příliš pro vás, použijte jednodušší trasu Gradator Animator, abyste vytvořili jeden s pěkným rozhraním.

SVG Pocket Guide

SVG Pocket Guide je sestaven Joni Trythall. Je to šikovný odkaz, který vás provede základy SVG (například vytváření tvarů a textu) až do pokročilejších funkcí (jako je vytváření přechodů, ořezových cest a vzorů). Kniha je ve formátu Markdown a je k dispozici v angličtině a portugalštině.

Flexbugs

Flexbox je velmi nadějný nový modul v CSS3, který by zcela změnil způsob, jakým budujeme webové rozvržení. Nicméně to také přichází s cross-browser problémy s kompatibilitou své vlastní. Toto úložiště, Flexbugs, je kolekce těchto chyb a jejich řešení. To je velmi užitečný zdroj pro každého, kdo žije na krvácejícím okraji webu.

Icono

Je to úžasné, co můžeme dosáhnout jen pomocí CSS, jako je vytvoření plně prezentovatelné ikony pomocí jediného prvku. Icono je to knihovna, která to dělá. V této knihovně najdete kolekci známých ikon, které jsou vytvořeny pouze s jedním prvkem a CSS. Tyto ikony se načítají rychleji a jsou lépe přizpůsobitelné než ikony založené na obrázcích.

Dillinger

Dillinger je okouzlující Markdown editor. Zde můžete psát ve formátu Markdown a okamžitě zobrazit výstup na pravé straně karty. Pro vaše pohodlí Dillinger umožňuje exportovat vaši práci do HTML, PDF, nebo jen ve formátu Markdown, jakmile jste to udělali. Případně jej můžete také připojit ke službě třetích stran, jako je Dropbox a Github, kde můžete soubor uložit.

HTML5Up

HTML5Up je kolekce volných šablon založených na HTML5. Můžete najít několik rozvržení, které zajišťují různé typy webových stránek: podnikání, portfolio nebo jen jednoduchý blog. Všechny šablony jsou také citlivé a zajišťují, že obsah a rozložení webových stránek jsou příjemné v různých velikostech obrazovky.

CSS Barvy

Přemýšleli jste někdy, jakou konkrétní barvu pojmenovali? CSS Barvy zobrazuje název barvy a formát Hex a RGBA pro kolekci základních barev. Je to dobrý zdroj pro nalezení perfektní barevné kombinace pro vaše webové stránky.

Re-view

Opětovné zobrazení je rozšíření Chrome, které analyzuje vaše webové stránky @media dotazy a zobrazí vaše webové stránky v každém z bodů určených v každém z těchto bodů @media dotaz. Pokud hledáte nástroj, který by vám mohl ušetřit trochu času při testování citlivých webových stránek, pak je to nástroj, který potřebujete.

TypGenius

Pokud se podíváte do knihovny Google Font, najdete v ní mnoho písem v různých tvářích, rodinách, hmotnostech a typech. Výběr správného páru nebo kombinace písem by tedy mohl být skutečným ohromujícím úkolem. TypGenius umožňuje výběr párů fontů jednoduchých a rychlých a možných pro širokou populaci.

SearchCode

Jak už název napovídá, jedná se o vyhledávač, který hledá kódy nebo úryvky kódu z mnoha programovacích jazyků včetně JavaScriptu, C, PHP. Tento vyhledávač získá svůj výsledek z mnoha zdrojů, jako je Github, Bitbucket a Google Code. Toto je jednoznačný nástroj pro těžké kodéry.