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

Zdá se, že rozvojová komunita je v poslední době aktivnější, protože v posledních měsících bylo vydáno dost nových nástrojů. V tomto kole série upozorním na některé z nástrojů, které stojí za zmínku.

Mezi seznamem nástrojů existuje a Knihovna JavaScriptu pro generování fiktivních dat, nástroje pro sdílení souborů v rámci lokálních sítí, a jeden, který vám umožní nahrávat terminálovou relaci do animace SVG. Zní to skvěle? Podívejme se na úplný seznam níže.

Pushbar.js

Je to knihovna JavaScript pro vytváření posuvné zásuvky. Posuvná zásuvka se obvykle používá k zobrazení navigace v nabídce webu, ale můžete použít tuto knihovnu k zobrazení čehokoli vhodného pro vaše stránky. Pushbar.js je plně přizpůsobitelné a bez závislosti, není vyžadováno žádné jQuery.

Carbon Now CLI

Uhlíkový CLI je balíček Node.js generovat kód obrazovky krásně přes rozhraní příkazového řádku. Tento nástroj je inspirován carbon.now.sh, kde můžete udělat to samé prostřednictvím pěkného GUI v prohlížeči.

Faker.js

Knihovna JavaScript vytvořit fiktivní data. Podporuje generování velkého množství dat, jako jsou jména, poštovní adresa, název společnosti, telefonní číslo, datum a mnoho dalších. Všechny tyto údaje mohou být velmi užitečné otestujte svou webovou aplikaci.

TermToSVG

TermToSVG ​​je a Linux terminálový rekordér které vykreslí relace příkazového řádku do animace SVG. Je to užitečný nástroj pro vývojáře pro psaní tutoriálu.

Správce zálohování databáze

Jedná se o knihovnu PHP a jak již název napovídá, poskytuje sadu funkcí zvládnout zálohování databáze a obnovu. Knihovna podporuje různé služby pro odesílání nebo stahování záloh, včetně Dropbox, Amazon S3, FTP a SFTP a Rackloud Cloud.

Reagovat Bits

Humongous sbírky React.js technik, tipy a triky, React Bits pokrývá běžné vzory designu, styling a výkon tipy. To je opravdu skvělý zdroj pro vylepšení vašich dovedností React.js.

Jazyk DSS

DSS znamená Deterministic StyleSheets, nový nástroj pro tvorbu CSS. Jak to funguje a jak to lze aplikovat na každodenní práci? Upřímně si zatím nemám představu. Ale vypadá to skvěle a je to nové, takže je na seznamu. Děkuji!

PurgeCSS

PurgeCSS je balíček NPM, který umožňuje optimalizovat výstup CSS ve webové aplikaci odstraněním těch, které se nepoužívají. Nástroj má celou řadu zabudovaných nástrojů, včetně Gulp, Grunt, Grunt, Webpack a PostCSS, takže můžete integrovat do svého projektu rovnou.

RFS

RFS je zkratka pro Responsive Font Size a je zajímavým projektem, jak řešit jednu z nejtěžších věcí na webu, to znamená reagovat na velikost písma, způsobem, že velikost bude následovat pěkně s velikostí výřezu zařízení. RFS je k dispozici jako NPM

SimpleBar

Knihovna JavaScript pro vytvoření vlastního posuvníku umožňuje SimpleBar upravovat svitek přizpůsobit styl stránek pomocí CSS stejně jako jakýkoli jiný prvek HTML Na stránce. Vzhledem k platformě a omezení prohlížeče, styling prohlížeče posuvník bývala komplikovaná, ale SimpleBar opravdu dělal to jednoduché.

Larastan

Larastan je obalem PHPStan pro Laravel. PHPStan je nástroj, který vám umožní kontrolovat kódy pro případnou chybu, aniž byste museli psát test jednotky. Kontroluje mnoho věcí včetně existence tzv. Metod a funkcí, typů přiřazených vlastnostem, počtu a typů přiřazených konstruktoru třídy a ověřování phpDocs..

PWMetrics

PWMetrics je nástroj, který shromažďuje metriky Progressive Web Apps prostřednictvím rozhraní příkazového řádku vyvinutého Paulem Irishem. Nástroj je poháněn Lighthouse a je k dispozici jako balíček NPM. Poskytuje spoustu možností konfigurovat metriky, výkon testu, a očekávání, které byste chtěli dosáhnout z testu.

Pax

Pax je svazovač JavaScriptu kompilovat JavaScript moduly do použitelného souboru pro prohlížeče. Pax slibuje rychlost. Sestavuje rychleji než některé alternativní svazky. Plně podporuje ES6 import a vývozní syntaxe a syntaxi CommonJS import. Na rozdíl od pax je napsán s Rust a je k dispozici prostřednictvím registru Rust balíček s názvem Cargo.

SustyWP

SustyWP je a WordPress téma zaměřené na lepší příčinu; snížení uhlíkové stopy snížením jeho velikosti na co nejmenší možnou míru. Je to váha pouze 7-6kb při načtení do prohlížeče. To je rychlé a lehké, a na oplátku spotřebovává méně zdrojů (např. elektřinu) pro naložení místa. Podívejte se na téma backstory v tomto příspěvku Jack Lenox.

Knihovna Doodle

A kolekce kreseb doodle, Knihovna Doodle má ve sbírce spoustu kreseb a jsou seskupeny do několika kategorií Tváře, Místa, Zvířata atd. Výkresy jsou k dispozici ve formátu SVG a jsou distribuovány pod Creative Common Attributions 4.0

Tilt.js

Plugin jQuery vytvořit fantazii náklon účinek podobné náhledům náhledů, které vidíme na Apple TV. Nepotřebuje další CSS. Poskytují také několik příkladů implementací na této stránce, takže je poměrně jednoduché. Ujisti se podívejte se na efekt Glare; je to vážně super.

Fileroom

Fileroom je webová aplikace pro peer-to-peer sdílení souborů ve stejné síti. Soubor s kolegou můžete sdílet jednoduše přetažením bez ohledu na operační systém. Pracuje ve Windows, macOS, Linuxu.

Coolhue

Kolekce ručně vybíraných barevných přechodů, Coolhue vám umožní chytit palety barev pro aplikaci Photoshop a Sketch nebo nainstalovat do projektu použitím altánek nebo npm. To by vám mělo ušetřit čas na vyzvednutí barev pro vaše nadcházející webové stránky.

Útes

Jednoduchá knihovna JavaScript k vytvoření uživatelského rozhraní, Reef nemá všechny zvony a píšťalky z větší knihovny jako React.js nebo Vue.js. Ale pokud vše, co potřebujete, je vykreslení uživatelského rozhraní, pouze vstup dat a šablona Reef by mohla být skvělou alternativou. Je to váha jen 2Kb

Evergreen

Kolekce komponenty uživatelského rozhraní ze segmentu Segment.io. Komponenty jsou velmi pestré; kromě některých běžných komponent, jako jsou tlačítka, ikony, textové vstupy, existuje několik, které si myslím, že jsou jedinečné pro Evergreen, jako je toustovač, boční list a rohový dialog.