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

Tato splátka přichází s širokou škálou zdrojů ještě jednou. Máme zdroje, které mohou inspirovat váš příští design vstupní stránky, dva způsoby, jak kodéři ztlumí efekty do očí bijící obrazovky, plugin pro vytváření rozvržení webu pomocí drag and drop, plugin jQuery pro zpřesnění datových sbírek a spoustu JavaScriptu knihoven, aby pomohli vývojářům.

Zahrnuty jsou také prostředky na HTTP2, typografické terminologie, stránky pro usnadnění přístupu a vyhledávací nástroj pro syntaxi programovacího jazyka. Podívejme se na ně.

Klepněte na tlačítko Další zdroje

Najděte si celou naši sbírku doporučených zdrojů a nejlepší dostupné nástroje pro web design a vývoj.

Přistání Folio

Přistání folio je centrálním místem, kde můžete najít příklady návrhů vstupní stránky. Tam jsou stovky příkladů na webu, a vy můžete finetune seznam založený na jejich kategorii. To je určitě stojí za záložku pro webové designéry.

Dotazy prvků

JavaScript, který vám umožní provádět Dotaz na prvek. Dotaz prvku je označen znakem @živel a na rozdíl od, @media, @živel je si vědom mnoha podmínek “výška” a “šířka”. Můžete například použít styly založené na číslech znaků obsažených v prvku.

HTTP2

HTTP2 je nejnovější specifikace HTTP s významnými změnami. Slibuje lepší výkon a efektivní přenos dat. V tomto zdroji můžete tyto změny (podrobně) najít, jejich dopad na bezpečnost, rychlost a uživatelské zkušenosti.

Elementor

Elementor je plugin pro WordPress, který vám umožní vytvářet rozložení webu pomocí drag-n-drop. S Elementorem můžete vytvořit přesvědčivější rozvržení. Je citlivý, plně přizpůsobitelný a uživatelsky příjemný.

TimeDropper

Tento plugin je vybaven několika animacemi, které zpříjemňují výběr dat na webu. Kromě toho jsou k dispozici možnosti pro změnu vzhledu uživatelského rozhraní. Jedná se o plugin jQuery pro milovníky sběru dat.

SyntaxeDB

Vyhledávač pro vyhledávání syntaxe programovacího jazyka. V současné době podporuje řadu jazyků, včetně jazyka Java, C, Ruby, JavaScript a Python. To by mohlo být konečný vyhledávač pro vývojáře, protože databáze a jazyková podpora roste.

Github Dark UI

Github Dark UI je tmavší barevný motiv pro Github.com. To by mohlo být dobré alternativní barevné schéma, pokud pracujete ve stmívaných prostředích nebo se budete muset dívat na obrazovku po dlouhou dobu.

Microlight

Namísto zvýraznění kódu s různými barvami, jak můžete vidět níže, Microlight dělá kód “záře”. Knihovna JavaScript, která zvýrazňuje kód - doslova.

BarbaJS

BarbaJS je knihovna JavaScriptu, která umožňuje plynulý přechod stránek přes rozhraní API API jazyka JavaScript / PushState. Tento plugin je dodáván s metodami, vlastními událostmi a hrstkou rozhraní API, které poskytují hladší zážitek pro stránky na vašich webových stránkách. Zde jsou nějaké příklady.

TypTerms

Přemýšleli jste někdy o tom, co se liší “mezery mezi písmeny” a “kerning” je? TypTerms je interaktivní prezentace, kde se můžete naučit tyto matoucí typografické terminologie.

ButterBean

ButterBean je nový a sofistikovaný plugin pro sestavení Meta Boxu ve WordPressu. Je vyvinut po moderní architektuře WordPress Customizer API. To činí tuto konkrétní WordPress admin UI více elegantní.

Kontrola dětské téma

WordPress plugin pro kontrolu vašeho dítěte téma proti nadřazené téma; zkontroluje, zda jsou aktualizovány soubory podřízeného motivu.

CloudFlare UI

CloudFlare UI je kolekce UI komponenty postavené na vrcholu React. S ohledem na popularitu Reactu je na vzestupu, může existovat řada podobných UI frameworků.

Lerna

Nutnost spravovat více balíčků a úložišť ve velkém projektu je nevyhnutelná. Tento nástroj umožňuje zpracovat tuto konkrétní situaci a nakonec zefektivnit pracovní postup.

Uklidněte se

Uklidněte se je knihovna JavaScript, která pomáhá snižovat využití procesoru. Poskytuje sadu funkcí, které lze použít namísto nativních funkcí jazyka JavaScript. To může být nasazeno na pravidelných webových stránkách nebo žádný Node.js aplikace.

GEL Typografie

GEL Typografie je průvodce typografickým stylem BBC. Velký zdroj a inspirace, jak můžete typografické styly standardizovat.

Vzory MIND

Vzory MIND jsou praktickým průvodcem pro vytvoření přístupné webové stránky elektronického obchodu. Poskytuje průvodce, pokud jde o konstrukci HTML, pomocí štítku ARIA, a vytváření stylů CSS, které jsou uživatelsky příjemné pro uživatele se zdravotním postižením..

CSS Specifičnost

Soubor ilustrací, které popisují, jak CSS Specificity funguje.

CSS Dig

Rozšíření Chrome, které vám pomůže optimalizovat CSS. To bude šrotu vaší stránky a poskytne se zprávou, seznam použitých vlastností, jako jsou barvy.

Šablona Stash

Kolekce ručně vybraných šablon, kde můžete najít širokou škálu šablon včetně šablon HTML5, WordPress, Ghost, Bootstrap a e-Commerce.