Čerstvé zdroje pre návrhárov webových stránok a vývojárov (júl 2015)

Weboví vývojári sú požehnaní bezplatnými nástrojmi a zdrojmi, ktoré sa nachádzajú online, ktoré každý mesiac zhromažďujeme v našej sérii Čerstvé zdroje. Ak ste minulú mesiac zmeškali dávku, navštívte ju tu alebo skontrolujte zvyšok čerstvých zdrojov zostavených v začiatku roka.

Pre dávku v júli 2015 upozorňujeme na nové nástroje a zdroje, ktoré uľahčia vaše úlohy, od modulov WordPress, ktoré vám umožnia priviesť aktualizácie pluginov do knižnice JavaScript a pridať pútavé animácie.

Aladdin

Tento plugin pridáva do administrácie WordPress ďalšie funkcie, ktoré sú podobné OS X Spotlight. Vďaka nej rýchlo pristupujete k súborom a priečinkom v počítači Mac. Po nainštalovaní dvakrát stlačte tlačidlo Shift a zadajte, do ktorého chcete pristupovať. Zjednodušuje správu aplikácií WordPress pomocou klávesnice.

SiteOrigin CSS

SiteOrigin CSS je robustný doplnok WordPress, ktorý prispôsobí akýkoľvek vzhľad témy v reálnom čase. Zásuvný modul pridá nový panel pod Vzhľad> Vlastné CSS Ponuka. Tu môžete písať vlastné pravidlá CSS na prepisovanie CSS témy, ktorú používate, alebo tiež môžete použiť panel GUI na priradenie pravidiel CSS intuitívne.

DynamicsJS

DynmaicJS je knižnica na používanie animácie založenej na fyzike. Nie som odborník na fyziku, ale príklady tu v tomto menu vyzerajú naozaj super. Môže animovať prvky HTML a SVG a prináša vám rýchly výkon bez akejkoľvek závislosti. DynamicJS bol testovaný na stránkach Safari 7+, Firefox 35+, Chrome 34+ a IE10+.

Režim Lietadlo

Tento plugin zabráni niekoľkým požiadavkám na externé HTTP aplikácie WordPress, ako je napríklad aplikácia Google Fonts, Gravatar a WordPress, aby sa pokúšali pripojiť k zálohám a zálohám tém pre aktualizácie. Je to užitočný doplnok pre lokálny vývoj na potlačenie chýb pri vysielaní týchto volaní (čo sa zvyčajne vyskytuje pri vývoji lokálne na výnimočne pomalom internete).

Coverr

Zbierka videí, ktoré sú skvelé pre vaše hlavičky webových stránok. Všetky videá sú bezplatné, licencované pod verejnou doménou. Nezabudnite sa pozrieť na “Ako použiť” aby ste sa dozvedeli, ako pridať video na vašu webovú stránku.

VibrantJS

VibrantJS chytí popredné farby z obrázka. Zobrazuje tiež niekoľko rozhraní API, ktoré vám umožňujú spracovať získanú farbu, napríklad prepínanie farebného formátu a rozhodovanie o správnom zložení pre pozadie a text. Môžete ju použiť na zlepšenie vášho webového rozhrania s dynamickým vytváraním farieb, používanie farby ako zástupného symbolu v prípade, že obrázok ešte nie je plne naplnený, alebo vytvorenie webovej aplikácie na generovanie farebnej vzorky.

GradifyCSS

Táto knižnica uchopí dve výrazné farby a generuje gradient CSS zo získaných farieb. Podobne ako v prípade VibrantJS, môžete použiť gradient ako zástupný symbol obrázka, keď nie je obrázok úplne nabitý, alebo ako farbu prekrytia.

PurifyCSS

PurifyCSS vyčistí nepoužívané pravidlá CSS zo štýlu šablón. Môžete to použiť na ozdobenie veľkostí šablón štýlov veľkých rámcov, ako Bootstrap a Foundation až o 40%. PurifyCSS je k dispozícii ako plugin Grunt a Gulp.

Názov kapitálu pre WordPress

Meno to všetko povedalo. Tento doplnok WordPress zmení názvy a nadpisy v rámci obsahu na správne veľké písmená po uložení alebo publikovaní príspevku a stránky. Považujem tento plugin za užitočný pre webové stránky s viacerými autormi, aby si udržali konzistenciu obsahu svojich webových stránok.

GitHub Updater

Tento plugin umožňuje používateľovi inštalovať a automaticky aktualizovať WordPress pluginy hosťované v GitHub. Napriek tomuto názvu plugin tiež podporuje Bitbucket a GitLab, vrátane jedného v súkromnom repozitári. Je to užitočný doplnok pre vývojárov, ktorí vyvíjajú a distribuujú svoje doplnky alebo motívy výlučne len pre svojich klientov.

Príklady kódov

Zbierka príkladov kódov z WordPress Téma tím prehľadu. V súčasnosti sa tento príklad skladá z kódov na vytvorenie komponentov prispôsobenia tém pomocou rozhrania API prispôsobenia, vrátane vytvorenia sekcie, nastavení a panelu. Viac kódexových príkladov osvedčených postupov v budúcnosti.