Čerstvé zdroje pre návrhárov webových stránok a vývojárov (január 2017)

Táto séria prešla ďalšou cestou, ktorou sme boli svedkami nástroje pre vývoj webových aplikácií; raz svietia, o niekoľko mesiacov neskôr sú zastarané s ďalšími najnovšími nástrojmi. Napriek tomu máme v zozname niekoľko nových nástrojov, ktoré naši vývojári môžu preskúmať aj v tomto mesiaci Knižnice jazyka JavaScript, doplnok Sketch pre návrh používateľského rozhrania, a niekoľko rámcov CSS.

Kliknite na položku Ďalšie zdroje

Nájdite našu celú zbierku odporúčaných zdrojov a najlepšie dostupné nástroje na návrh a vývoj webových aplikácií.

iTyped

JavaScript knižnica, ktorá vám umožňuje prezentovať písanie na stroji účinky zoznamu textu; aký vplyv ste možno videli na webe v poslednej dobe. Táto knižnica JavaScript je ľahko sa implementuje s niekoľkými možnosťami prispôsobiť efekt. Túto knižnicu môžete nainštalovať prostredníctvom NPM alebo ju načítať cez CDN na adrese https://unpkg.com/[email protected].

Opera Neon

Opera bola prvou, ktorá predstavila prehliadač založený na kartách a odvtedy máme prehliadače s takzvanými záložkami a rýchlou voľbou. Opera nedávno vydala svoju novú iniciatívu s názvom Opera Neon. Nový prehliadač s čerstvým rozhraním, ako je tzv omnibox, režim rozdelenej obrazovky a krásna tapeta výbery. Takže môže Opera Neon zmeniť priestor prehliadača ešte raz? Toto budeme musieť vidieť.

At.js

At.js je knižnica JavaScript, ktorá vám umožňuje pridať smajlíky, spomenúť priateľov alebo označovať; niečo ako sme videli na Slack, Twitter a Facebook. Tento plugin vyžaduje jQuery, ktorý mu umožňuje pracovať v programe Internet Explorer 7 a možno Internet Explorer 6 tiež. fantastický!

uvoľnenie

Uvoľnenie robí vytvorenie novej verzie verzie softvéru v spoločnosti Github viac efektívny. Nová verzia je obvykle sprevádzaná changelogom a týmto modulom umožňuje zadať menič zmeny automaticky odvodené z správ Git.

krajší

JavaScript Beautifier zabezpečenie toho, aby náš kód JavaScript bol formátovaný konzistentným spôsobom. Podporuje ES2017 a JSX.

Ayu

Ayu je Téma vznešeného textu so sviežou a modernou príťažlivosťou. Dodáva sa s 2 tmavými a ľahkými tónmi. Ayu znamená krásne v Indonézii, a tak hovoriť; to Užívateľské rozhranie typu Sublime Text je krajšie.

JSON Splora

ľahká aplikácia na úpravu a vizualizáciu údajov JSON. Aplikácia je kompatibilná so systémami Windows, Linux a MacOS.

zoomovanie

JavaScript na precízne zväčšenie obrazu. Optimalizovaný pre mobilné zariadenia, pracuje pekne na obrazovke hi-def a je ľahko prispôsobiteľný.

ram

Ramme je Instagram desktop klient. Aj keď je to neoficiálne, možno sa naučíte pár nové veci zo zdrojového kódu.

Zmeňte používateľské meno

Plugin WordPress, ktorý je aktivovaný, pridáva a “zmena” odkaz vedľa vstupu používateľského mena a umožňuje zmeniť používateľské meno.

NodeifyWP

NodeifyWP je úplne jedinečný doplnok WordPress. To vám umožní používať WordPress ako obvykle výstup pomocou modulu Node.js. Tento doplnok som ešte nevyskúšal v žiadnom projekte. Ale prezentáciu, ktorú som videl v programe WordCamp Denpasar 2016, tento doplnok vyzerá veľmi sľubne na modernizáciu vývoja WordPressu.

Color

ColorMe je úplne odlišný od iných aplikácií na generovanie farieb, ktoré som videl predtým. Okrem vytvárania farebných kódov aplikácia tiež dáva kontrolu nad nastavením jasu, odtieňa, odtieňa, sýtosti, kontrastu atď.

Balíky WP-CLI

zbierka rozšírení WP-CLI ktorý pridáva prídavné príkazové riadky a parametre na vykonanie ďalších úloh, ako je jeden pre nasadenie WordPress na vzdialený server, migrácia stránky WordPress, splachovanie cache, a oveľa viac.

Tvorca stránok na mieru

WordPress plugin, ktorý vám umožní vytvorte nelineárny obsah pomocou rozhrania drag-n-drop. Plugin je rozšíriteľný pre novú súčasť, ktorá pridáva jedinečný typ obsahu. Poskytuje WP-API aj na správu tohto obsahu. Tailor Page Builder je ďaleko najlepší plugin v tejto kategórii.

XVG

XVG je rozšírenie prehliadača Chrome zobrazuje SVG grafické obrysy a kotvy ktoré vám pomôžu ľahko ladiť objekty SVG.

RibbonJS

RibbonJS je knižnica JavaScript, ktorá vám umožňuje vytvárať ozdobné stuhy na vašich webových stránkach, ako môžete vidieť nasledujúcu snímku obrazovky. Je to len 1kb veľkosti, a ľahko prispôsobiť.

Auto rozloženie

Automatické rozloženie je a Náčrt plugin, ktorý poskytuje množstvo prednastavených veľkostí obrazoviek na otestovanie dizajnu používateľského rozhrania. Takže môžete zaistiť, že dizajn vyzerá rovnako dobre, či je zobrazený na iPhone 5, iPhone 6 atď. Zásuvný modul vám tiež umožňuje definujte vlastné veľkosti v prípade, že nie je k dispozícii v prednastavení. Pozrite si, ako plugin v akcii v tomto videu.

Funcssions

Funcssion je a zbierka tried CSS ktorý nasleduje podľa princípu Pure Function. Každá trieda CSS definuje jeden účel štýlu. Tento rámec CSS je práve prebiehajúci proces s viacerými funkciami, ktoré sa v budúcnosti dajú predstaviť citlivá mriežka, gombíky atď.

Webslides

Ľahké a ľahko použiteľný rámec na vytváranie prezentácií pomocou HTML a CSS. Webslides v súčasnosti poskytuje niekoľko pekných snímok šablón, kde môžete okamžite spustite prezentáciu obrázkov.

Odolný webový dizajn

Resilient Web Design je online kniha. Táto kniha nie je nič technickej, namiesto toho sa vzťahuje histórií, princípov a vynálezov, ktoré formujú web ako vieme v dnešnom svete. Myslím, že je to skvelé čítanie na víkend.