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

Weboví vývojáři jsou obdařeni bezplatnými nástroji a zdroji, které jsou k dispozici online a které každý měsíc poslušně sbíráme v naší sérii Fresh Resources. Pokud jste zmeškali minulý měsíc, přečtěte si jej zde nebo se podívejte na zbytek čerstvých zdrojů sestavených na začátku roku.

Pro dávku v červenci 2015 jsme zdůraznili nové nástroje a zdroje, které by usnadnily vaše úkoly, od zásuvných modulů WordPress, které umožňují nasazení aktualizací pluginů soukromě do knihovny jazyka JavaScript a přidávání poutavých animací.

Aladin

Tento plugin přidává další funkce pro správu WordPress, která je podobná OS X Spotlight. S ním získáte rychlý přístup k souborům a složkám v počítači Mac. Po instalaci dvakrát stiskněte klávesu Shift a poté zadejte, co chcete zpřístupnit. Díky tomu je WordPress administrace přístupnější pomocí klávesnice.

SiteOrigin CSS

SiteOrigin CSS je robustní plugin WordPress přizpůsobit vzhled motivu v reálném čase. Plugin přidává nový panel pod Vzhled> Vlastní CSS Jídelní lístek. Zde můžete psát vlastní pravidla CSS, která přepíšou CSS motivu, který používáte, nebo můžete také intuitivně přidat panel CSS..

DynamicsJS

DynmaicJS je knihovna pro aplikaci animace založené na fyzice. Nejsem odborník na fyziku, ale příklady v této nabídce vypadají opravdu skvěle. To může animovat HTML a SVG prvky, a to vám dává rychlý výkon bez závislosti. DynamicJS byl testován na Safari 7+, Firefox 35+, Chrome 34+ a IE10+.

Režim Letadlo

Tento plugin zabrání několika WordPress externím HTTP požadavkům, jako je Google Fonts, Gravatar, a WordPress updater z pokusu o připojení k pluginy a témata repozitáře pro aktualizace. Je to užitečný plugin pro místní vývoj, který má potlačit chyby, ke kterým dochází, když tyto hovory selžou (což se obvykle stává, když se vyvíjíte lokálně pod výjimečně pomalým internetem).

Coverr

Sbírka videí, která jsou skvělá pro záhlaví vašich webových stránek. Všechna videa jsou bezplatná, licencovaná pod Public Domain. Nezapomeňte se podívat na “Jak používat” se dozvíte, jak přidat video na svou webovou stránku.

VibrantJS

VibrantJS chytí prominentní barvy z obrazu. To také vystavuje několik API, které vám umožní zpracovat získané barvy, jako je změna formátu barev a rozhodování o správném složení pozadí a textu. Můžete jej použít ke zlepšení rozhraní webových stránek s dynamickým generováním barev, použít barvu jako zástupný obrázek, když obrázek ještě není plně načten, nebo vytvořit webovou aplikaci pro generování vzorníku barev.

GradifyCSS

Tato knihovna chytí dvě prominentní barvy a generuje gradient CSS ze získaných barev. Podobně jako VibrantJS můžete použít přechod jako zástupný symbol obrázku, když obrázek není plně načten, nebo jako barva překrytí.

PurifyCSS

PurifyCSS vyčistí nepoužitá pravidla CSS z vašeho stylu. To můžete použít k oříznutí velikostí stylů velkých rámců, jako je Bootstrap a Foundation až o 40%. PurifyCSS je k dispozici jako plugin Grunt a Gulp.

Název Kapitál pro WordPress

Jméno to všechno řeklo. Tento plugin WordPress změní tituly, stejně jako záhlaví v obsahu do správné kapitalizace při ukládání nebo publikování příspěvku a stránky. Tento plugin je užitečný pro webové stránky s více autory, aby se zachovala konzistence obsahu jejich webových stránek.

GitHub Updater

Tento plugin umožňuje uživateli nainstalovat a automaticky aktualizovat WordPress pluginy hostované v GitHub. Navzdory jménu, plugin také podporuje Bitbucket a GitLab, včetně jednoho v soukromém úložišti. Je to užitečný plugin pro vývojáře, kteří vyvíjejí a distribuují své pluginy nebo témata výhradně pouze pro své klienty.

Příklady kódu

Sbírka příkladů kódu z WordPress Téma Review Tým. V tomto okamžiku se příklad skládá z kódů pro sestavení komponent programu Customizer pomocí nástroje Customizer API, včetně vytvoření sekce, nastavení a panelu. V budoucnu byly přidány další příklady osvědčených postupů.