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

V tejto splátke čerstvých zdrojov máme na zozname zmiešané množstvo zdrojov. Okrem niektorých kódové nástroje ako nové knižnice a rámčeky jazyka JavaScript, sme tiež zaradili pár praktických Aplikácie GUI že som si istý, že vývojári i dizajnéri ocenia.

Pozrime sa na zoznam podrobne a dajte mi vedieť, ktorý z vašich obľúbených je v sekcii komentárov nižšie.

jedinečný

Nástroj na nájsť jedinečné písma ktoré možno zriedkavo vidia niekde inde, unikátne je užitočné pri vytváraní loga alebo len pri hľadaní jedinej jedinečnej kombinácie písma pre váš dokument jednoducho len niekoľkými kliknutiami. Akonáhle si vyberiete svoje predvoľby, môžete stiahnite si a uveďte jej vlastné písmo. To je naozaj super!

duplexy

Jednoduchá webová aplikácia, ktorá bude obrátiť ľubovoľnú fotografiu na duotóny; monochromatická fotografia pozostávajúca z dvoch kontrastných farieb. Môžete odovzdať vlastné fotografie alebo vybrať fotografie, ktoré nástroj ponúka na úpravu a sťahovanie výsledku. Dobrý nástroj na vytvorenie pozoruhodného pozadia na vašich webových stránkach.

MDX

MDX je špecifikácia, ktorá kombinuje Markdown a JSX. To vám umožní robiť nejaké bláznivé veci, ktoré sa nikdy predtým nevykonávali, napríklad importovanie súborov Markdown, použite súbor Markdown ako samostatnú súčasť zahrnúť do iných súborov a použiť komponentu React v nej.

FontDrop

Šikovný nástroj na zobrazenie podrobných informácií týkajúcich sa písma. Jednoducho spustite písmo, okrem iného ukáže meno, štýl, verziu, informácie o autorských právach, glyfy, podporovaný jazyk atď.

Knižnica DOM Testing

Knižnica JavaScript na otestovanie objektu DOM (Document Object Model). Môžete to použiť na napíšte testovaciu jednotku pre vaše komponenty webového rozhrania, zaistiť, aby používateľské rozhranie fungovalo ako skutočný používateľ, ktorý ho používa. To tiež pomáha udržiavať funkčnosť používateľského rozhrania používateľského rozhrania počas refaktorovania kódu.

skládka

Jednoduchá zložka React na dump alebo log výstup priamo v prehliadači ako v konzole prehliadača s console.log. Tento nástroj vytvoril Wes Bos, jeden z najpopulárnejších lektorov v React.

ten, kto leptá

Šikovná aplikácia pre blikajúce obrázky OS na zavádzací flash disk. Tento proces bol dosť ťažké sledovať. S Etcherom je to tak jednoduché ako 1-2-3. Tento nástroj podporuje takmer všetky hlavné operačné systémy, vrátane systémov Windows, Linux a MacOS.

ni

Alternatívny lepší spôsob inštalácie balíkov NPM môže Ni nainštalovať chýbajúce závislosti od package.json súbor, zobraziť zastarané závislosti, a celkovo lepšie rozhranie.

Cuttlebelle

Generátor statickej lokality pre spoločnosť React.js., Cuttlebelle poskytuje väčšiu rozťažnosť spôsobom, ktorý môžete rozšíriť rozloženie stránky s komponentami založenými na reakcii. Ak ste už oboznámení s React.js, môžete ľahko vytvoriť nové rozloženie a použiť ho v ľubovoľnom súbore Markdown.

ImgBlur

Jednoduchá zložka jazyka JavaScript na načítanie obrázkov moderným spôsobom, ImgBlur prichádza s a CLI na vytvorenie rozmazaného obrazu z pôvodného obrázka. Rozmazaný obraz má malú veľkosť, ktorá sa načíta najprv pred načítaním originálu. Pozrite sa na demo, aby ste videli túto zložku v akcii.

Dinero.js

Knižnica JavaScript vytvoriť, vypočítať a formátovať peniaze, Dinero.s. podporuje všetku medzinárodnú menu mimo rámca. Knižnicu môžete použiť v prostredí Node.js a načítať ju do prehliadačov pomocou aplikácie CommonJS alebo EcmaScript 6.

WiredJS

WiredJS je postavený s natívnym “Webové komponenty”. Je to jedinečná knižnica rozhrania UI s nápadným pohľadom. Čo je v tejto knižnici v pohode je to, že elementy zdvihnúť náhodne, čo znamená, že dva prvky nebudú presne rovnaké. Dokonalá knižnica na vytváranie drôtených rámov alebo modelov.

Vuido

Vuido je ľahký desktopový aplikačný rámec s Vue.js. Môžete použiť rozhranie Vue.js API a mnohé z jeho doplnkov, ako napríklad Vuex vytvoriť desktopovú aplikáciu pre systémy Windows, Linux a macOS. Je to skvelá alternatíva k Electronu.

hybridy

Knižnica jazyka JavaScript na vytvorenie vlastného prvku HTML pomocou natívnych webových komponentov s priateľšou API. Knižnica poskytuje jednoduchšie rozhranie API podobne ako vo Vue.js alebo React.js.

Saber.js

statický generátor webových stránok postavený pre Vue.js. Saber.js neprichádza s fantazijnými materiálmi, ako napríklad v súbore Nuxt.js. Možnosti a konfigurácie sú minimálne, čo z neho robí skvelú alternatívu, ak chcete mať statickú webovú stránku, ktorú budete ľahko udržiavať.

vetry

Moderný čítač RSS a Podcast, Winds je k dispozícii pre Windows, MacOSV a Linux. Aplikácia vyzerá krásne a moderne so sklenenou škatuľkou, okrúhlym stĺpcom, sklonmi a čo nie. To je dobré Aplikácia na správu odberov stránok, aby ste udržali krok s týmto rýchlo sa meniacim odvetvím.

uvoľnený

Prevodník, ktorý premení HTML alebo Pug do formátu PDF. Môžete vytvoriť zložité rozloženie pomocou HTML, CSS, JavaScript a použitie Markdown napísať hlavný obsah. Okrem toho môžete tiež použiť knižnicu JavaScript, ako je napríklad Chart.js, ak chcete pridať diagram a MathJax pridať formátovanie matematiky.

Štýl písma Matcher

Nástroj na výber dvoch písiem Google a natívneho písma inštalovaných v počítači s týmto vzhľadom. Je to užitočný nástroj pre vývojárov webových stránok na zmiernenie tohto ošklivého FOUC (flash neštandardného obsahu), keď sa písma Google ešte nestačia načítať.

PWA WP

Iniciatíva k priniesť PWA (Progressive Web Application) do WordPress Core. V čase tohto písania je tento projekt v počiatočnej fáze. Toto je zaujímavý projekt, ktorý sa dá sledovať najmä ak pracujete predovšetkým v ekologickom systéme WordPress.

Blueprint.js

Knižnica používateľského rozhrania založená na reakcii, Blueprint.js obsahuje veľa obyčajných používateľov, ako sú tlačidlo a karty a iné komponenty používateľského rozhrania, ktoré sú zvyčajne potrebné na vytváranie moderných webových aplikácií Omnibar; plávajúce vyhľadávacie pole sa podobá aplikácii Spotlight alebo Alfred v systéme macOS.