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

V této splátce nových zdrojů máme v seznamu různorodé zdroje. Kromě některých nástroje založené na kódu Jako nové knihovny JavaScript a rámce jsme také zahrnuli pár praktických GUI aplikace že jsem si jist, že ocení jak vývojáři, tak návrháři.

Podívejme se podrobně na seznam a dejte mi vědět, který z nich je váš oblíbený v sekci komentáře níže.

Unikátní

Nástroj k najít jedinečná písma to může být zřídkakdy vidět jinde, unikátní je užitečné pro vytvoření loga nebo jen najít správnou jedinečnou kombinaci písma pro váš dokument jednoduše několika kliknutími. Jakmile si vyberete své preference, můžete stáhnout a pojmenovat si vlastní písmo. To je opravdu super!

Duotony

Jednoduchá webová aplikace, která bude přeměnit jakoukoliv fotografii na duotones; monochromatická fotografie sestávající ze dvou kontrastních barev. Můžete nahrát své vlastní fotografie nebo vybrat fotografie, které nástroj umožňuje upravovat a stahovat výsledek. Dobrý nástroj pro vytváření nápadného obrázku na vašich webových stránkách.

MDX

MDX je specifikace, která kombinuje Markdown a JSX. To umožňuje provádět některé bláznivé věci, které se nikdy neudělaly, například import souborů Markdown, použít soubor Markdown jako samostatnou komponentu zahrnout do jiných souborů a použít v něm komponentu React.

FontDrop

Po ruce zobrazení podrobných informací o písmu. Jednoduše pusťte písmo, zobrazí se mimo jiné název, styl, verze, informace o autorských právech, glyfy, podporovaný jazyk atd.

DOM Testovací knihovna

Knihovna JavaScript pro testování DOM (Document Object Model). Můžete to použít napište testovací jednotku pro vaše webové uživatelské komponenty, zajistit, aby uživatelské rozhraní fungovalo jako skutečný uživatel. To také pomáhá udržovat funkčnost uživatelského rozhraní uživatelského rozhraní během refactoring kódu.

Výpis

Jednoduchá složka React Dump nebo log výstup přímo v prohlížeči, nikoli v konzole prohlížeče s console.log. Tento nástroj vytvořil Wes Bos, jeden z nejpopulárnějších lektorů v Reactu.

Lept

Praktická aplikace pro blikající obrazy OS na zaváděcí flash disk. Tento proces byl poměrně obtížný sledovat. S Etcherem je to stejně snadné jako 1-2-3. Tento nástroj podporuje téměř všechny hlavní operační systémy včetně Windows, Linux a macOS.

Ni

Alternativním způsobem, jak nainstalovat balíčky NPM, může Ni nainstalovat chybějící závislosti package.json soubor, zobrazit zastaralé závislosti, a celkově lepší rozhraní.

Sépie

Generátor statických stránek pro React.js., Cuttlebelle poskytuje větší rozšiřitelnost způsobem, který můžete rozšířit rozložení stránky o komponenty založené na Reactu. Pokud jste již obeznámeni s React.js, můžete snadno vytvořit nové rozvržení a použít jej v libovolném možném souboru.

ImgBlur

ImgBlur je jednoduchá komponenta JavaScriptu pro načtení obrázků moderním způsobem CLI pro vytvoření rozmazaného obrazu z původního obrazu. Rozmazaný obraz má malou velikost, která bude načtena nejdříve před načtením originálu. Podívejte se na demo a uvidíte tuto komponentu v akci.

Dinero.js

Knihovna JavaScriptu pro vytváření, výpočet a formátování peněz, Dinero.s. podporuje všechny mezinárodní měny mimo provoz. Knihovnu můžete použít v prostředí Node.js, nahrát ji do prohlížečů, pomocí CommonJS nebo EcmaScript 6.

WiredJS

WiredJS je postaven s nativní “Webové komponenty”. Je to unikátní UI knihovna s povrchním vzhledem. Co je z této knihovny super, je to, že tahy prvků jsou nakresleny náhodně, což znamená, že žádné dva prvky nebudou přesně stejné. Perfektní knihovna pro tvorbu drátových modelů nebo maket.

Vuido

Vuido je lehký desktopový aplikační framework s Vue.js. Rozhraní API Vue.js a mnoho jeho doplňků, například Vuex, můžete použít například pro vytvořit desktopovou aplikaci pro Windows, Linux a MacOS. Je to skvělá alternativa k Electronovi.

Hybridy

Knihovna JavaScript k vytvoření vlastního prvku HTML pomocí nativních komponent Web s přátelským rozhraním API. Knihovna poskytuje jednodušší API podobné tomu ve Vue.js nebo React.js.

Saber.js

A generátor statických stránek vytvořený pro Vue.js. Saber.js nepřichází s fantazijními věcmi jako v Nuxt.js. Možnosti a konfigurace jsou minimální, což z něj dělá skvělou alternativu, pokud chcete mít statickou webovou stránku, která bude snadno udržovatelná.

Vítr

Moderní čtečka RSS a Podcast, Winds je dostupná pro Windows, macOSv a Linux. Aplikace vypadá krásná a moderní s elfated box-stín, kulatý roh, přechody, a co ne. Tohle je dobré aplikace pro správu vašich odběrů stránek, abyste udrželi krok s tímto rychle se měnícím odvětvím.

Uvolněný

Převodník, který změní HTML nebo Pug do PDF. Jste schopni vytvořit složité rozložení pomocí HTML, CSS, JavaScriptu a použití Markdown zapsat hlavní obsah. Kromě toho můžete také použít knihovnu JavaScript, jako je například Chart.js, abyste přidali diagram a MathJax přidali formátování Math.

Matice stylu písma

Nástroj pro výběr dvou písem Google a nativního písma nainstalovaného v počítači s podobným vzhledem. Jedná se o užitečný nástroj pro webového vývojáře ke zmírnění tohoto ošklivého FOUC (záblesku nestandardního obsahu), když písma Google ještě nejsou plně načtena..

PWA WP

Iniciativa přinést PWA (Progressive Web Application) do WordPress Core. V době tohoto psaní je tento projekt v rané fázi. Jedná se o zajímavý projekt, který následuje, zejména pokud pracujete primárně ve WordPress ekosystému.

Blueprint.js

Knihovna UI založená na Reactu, Blueprint. A plovoucí vyhledávací pole podobně jako aplikace Spotlight nebo Alfred v makrech.