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

Zdá sa, že vývojová komunita je v poslednej dobe aktívnejšia, pretože v posledných mesiacoch bolo dostatok nových nástrojov. V tomto kole série zvýrazním niektoré z nástrojov, ktoré stojí za zmienku.

Medzi zoznamom nástrojov existuje a JavaScript knižnica na generovanie fiktívnych dát, nástroj na zdieľanie súborov v rámci lokálnych sietí, a ten, ktorý vám umožní nahrávať Terminálovú reláciu do animácie SVG. Znie to dobre? Pozrime sa na úplný zoznam nižšie.

Pushbar.js

Je to knižnica jazyka JavaScript na vytváranie posuvného zásuvky. Obvykle sa posuvná zásuvka používa na zobrazenie navigácie v ponuke stránok, ale túto knižnicu môžete použiť na zobrazenie niečoho vhodného pre vaše stránky. Pushbar.js je plne prispôsobiteľné a bez závislostí, nevyžaduje sa jQuery.

Carbon Now CLI

Carbon CLI je balík Node.js na generovať snímku kódu prekrásne cez rozhranie príkazového riadku. Tento nástroj je inšpirovaný funkciou carbon.now.sh, kde môžete urobiť to isté pomocou pekného grafického rozhrania v prehliadači.

Faker.js

Knižnica JavaScript vytvoriť fiktívne dáta. Podporuje generovanie veľkého množstva údajov, ako sú mená, poštová adresa, názov spoločnosti, telefónne číslo, dátum a mnoho ďalších. Všetky tieto údaje môžu byť veľmi užitočné otestujte svoju webovú aplikáciu.

TermToSVG

TermToSVG ​​je a Linux terminálový rekordér ktorý renderuje vaše relácie príkazového riadku do animácie SVG. Je to užitočný nástroj pre vývojárov pre písanie tutoriálu.

Správca zálohovania databázy

Je to knižnica PHP, a ako to naznačuje názov, poskytuje súbor funkcií zálohovanie a obnovenie databázy. Knižnica podporuje rôzne služby odosielania alebo vytiahnutia záloh, vrátane Dropbox, Amazon S3, FTP a SFTP a Rackloud Cloud.

Reagovať Bity

Humorózne zbierky techník, tipov a trikov React.js, React Bits pokrývajú bežné dizajnové vzory, styling a tipy na výkon. Toto je skutočne skvelý zdroj na vylepšenie vašich schopností React.js.

Jazyk DSS

DSS znamená Deterministic StyleSheets, nový nástroj na tvorbu obsahu CSS. Ako to funguje a ako to možno aplikovať na každodennú prácu? Úprimne nemám žiadnu predstavu. Ale to vyzerá v pohode a je to nové, takže je v zozname. Ďakujem!

PurgeCSS

PurgeCSS je balíček NPM, ktorý umožňuje optimalizovať výstup CSS vo vašej webovej aplikácii odstránením tých, ktoré sa nepoužívajú. Nástroj má rôzne zabudované nástroje na podporu vrátane Gulp, Grunt, Grunt, Webpack a PostCSS, takže môžete integrovať ho do svojho projektu hneď.

RFS

RFS znamená Responsive Font Size a je zaujímavým projektom na riešenie jednej z najťažších vecí na webe, to znamená na aby veľkosť písma reagovala, že veľkosť bude pekne sledovať veľkosť výrezu zariadenia. RFS je k dispozícii ako NPM

SimpleBar

Knižnicu JavaScriptu na vytvorenie vlastného posúvacieho panela vám SimpleBar umožňuje skompilovať posúvanie zodpovedajú vášmu štýlu webových stránok pomocou CSS rovnako ako akýkoľvek iný HTML element na strane. Vďaka obmedzeniam platforiem a prehliadača bol styling posúvacieho panela prehliadača komplikovaný, ale SimpleBar to naozaj zjednodušil.

Larastan

Larastan je obal PHPStan pre Laravel. PHPStan je nástroj, ktorý vám umožní skontrolovať vaše kódy pre prípadnú chybu bez toho, aby ste museli napísať jednotkový test. Kontroluje množstvo vecí, vrátane existencie nazývaných metód a funkcií, typov priradených k vlastnostiam, počtu a typov priradených konštruktorovi triedy a overení phpDocs.

PWMetrics

PWMetrics je nástroj, ktorý zhromažďuje metriky Progressive Web Apps prostredníctvom rozhrania príkazového riadku, ktoré vyvinul Paul Irish. Tento nástroj je napájaný firmou Lighthouse a je k dispozícii ako balík NPM. Poskytuje množstvo možností nakonfigurujte metriky, výkon testovania, a očakávania, ktoré by ste chceli dosiahnuť z testu.

pax

Pax je balík JavaScript skompilujte moduly JavaScript do použiteľného súboru pre prehliadače. Pax sľubuje rýchlosť. Kompiluje rýchlejšie ako niektoré alternatívne balíčky. Plne podporuje ES6 import a export syntax a CommonJS sytax import. na rozdiel od pax je napísaný s Rustom a je k dispozícii prostredníctvom Registry balíkov Rust s názvom Cargo.

SustyWP

SustyWP je a Téma WordPress zameraná na lepšiu príčinu; znížiť uhlíkovú stopu znížením jej veľkosti na čo najmenšiu. Váha je iba 7-6kb pri načítaní v prehliadači. to je rýchle a ľahké, a naopak, spotrebuje menej zdrojov (napríklad elektrinu) na načítanie webu. Pozrite sa na pozadie témy v tomto post Jack Lenox.

Knižnica Doodle

zbieranie výkresov doodlov, knižnica Doodle má veľa kresieb v zbierke a sú zoskupené do niekoľkých kategórií tvárí, miest, zvierat, atď.. Kresby sú k dispozícii vo formáte SVG a sú distribuované pod Creative Common Attributions 4.0

Tilt.js

Do jQuery plugin vytvorte fantázie náklon účinok podobné tým náhľadovým miniatúram, ktoré vidíme na televízore Apple TV. Nepotrebuje ďalšie CSS. Tiež poskytujú nejaké ukážky implementácií na tejto stránke, takže ich použitie je dosť jednoduché. Uistite sa, že ste skontrolujte efekt oslnenia; je to naozaj super.

Fileroom

Fileroom je webová aplikácia pre zdieľanie súborov typu peer-to-peer v rámci tej istej siete. Súbor môžete zdieľať so svojím kolegom jednoducho drag-n-drop bez ohľadu na operačný systém. Funguje v systéme Windows, MacOS, Linux.

Coolhue

Zbierka ručne vybraných gradientových farieb vám umožní vychutnať vzorové farebné palety pre aplikácie Photoshop a Sketch alebo nainštalujte ho do svojho projektu použitím altánok alebo NPM. To by vám malo ušetriť čas na získanie farieb pre vaše nadchádzajúce webové stránky.

útes

Jednoduchá knižnica jazyka JavaScript na vytvorenie používateľského rozhrania, Reef nemá všetky zvončeky a píšťaly z väčšej knižnice ako React.js alebo Vue.js. Ale ak všetko, čo potrebujete, je urobiť užívateľské rozhranie, len zadávanie údajov a šablóna Reef by mohla byť skvelou alternatívou. Je to váha len 2Kb

evergreen

Zbierka komponentu používateľského rozhrania zo segmentu. Komponenty sú pomerne rozmanité; okrem niektorých bežných komponentov, ako sú tlačidlá, ikony, textový vstup, existuje niekoľko, o ktorých si myslím, že sú jedinečné pre Evergreen, ako je toaster, bočný list a rohový dialóg.