Nové zdroje pro webové designéry a vývojáře (březen 2017)

S CLI (Command Line Interface) jsme schopni zefektivnit a automatizovat pracovní postupy webového vývoje. A to je důvod, proč jsme v této splátce zahrnuli celou řadu úžasných CLI, které můžete nainstalovat do místního počítače nebo spouštět některé věci na serveru. Kromě toho jsme zahrnuli i několik PHP nástroje, doplňky prohlížeče a knihovny JavaScriptu. Podívejme se na ně.

Klepněte na tlačítko Další zdroje

Najděte si celou naši sbírku doporučených zdrojů a nejlepší dostupné nástroje pro web design a vývoj.

Guetzli

Nový kodér od společnosti Google umožňuje komprimovat obraz až o 35% z původní velikosti při zachování kvality. Je to docela průlom vzhledem k tomu, že podobné open source kodéry, jako je JPEGOptim a jpegtran jsou omezeny na 20% na průměr. Vidím, že bude existovat řada aplikací a pluginů pro platformu CMS, která integruje Guetzli a optimalizuje soubory JPEG.

Plán vývojáře

Jak název napovídá, Developer Roadmap je infographic cesty jsou Web Developer. K dispozici jsou tři kurzy Front-end, Back-end a DevOps. Tyto cestovní mapy jsou jako, dobře, mapa; a jsou skvělým odkazem kde jsme v současné době, co bychom mohli zmeškat, a kam jdeme dál.

Netlify CMS

SmashingMagazine nedávno udělal odvážný přechod na příkop WordPress a zkuste něco nového zcela novým CMS nazvaným CMS Netlify. Je to nový CMS postavený na vrcholu React.js a může být integrovaný s jakýmkoliv generátorem statických stránek, jako je Jekyll, Hugo a MiddleMan.

BadSSL

To je webové stránky pro kontrolu konfigurace SSL. BadSSL je šikovný nástroj pro provádění ladění a chyb přes SSL instalovaných na vašem webu.

Alix

Alix je Rozšíření Chrome, které umožňuje auditovat dostupnost webových stránek. Po instalaci a aktivaci doplněk doplní překryvné pole nad několik prvků na stránce které představují varování nebo chyby.

AR.js

AR.js je Knihovny JavaScriptu na rozdíl od ostatních. Tato knihovna nám umožňuje vytvářet Augmented Reality pomocí webové technologie, a překvapivě běží opravdu rychle na mobilních telefonech.

Reagovat Trend

To je Reagujte na komponentu z Unsplash, abyste vytvořili krásný Line chart typicky pro zobrazení trendů. Komponenta je konfigurovatelná; můžete nastavit tloušťku čáry, barvu, přechody a hladkost křivky. Můžete jednoduše použít GUI kód komponenty.

Gitee

A MacOS aplikace pro sledování aktivity Github přímo z vašeho počítače, Gitee přidá na stavový řádek novou položku zobrazující počet hvězdiček, následovníků a oznámení. Kromě toho můžete také zobrazit grafy vašeho push a potvrzuje se v úložišti, stejně jako v úložišti trendů aktuálního měsíce a týdne. Stručně řečeno, je to Github na ploše.

Goopy

Goops je a šikovný CLI, který bude analyzovat váš adresář projektu a určete adresáře a soubory, které chcete přidat .gitignore. CLI lze instalovat přes NPM. Po instalaci zadejte goops a udělal.

Ladění CSS

DebugCSS je CSS drop-in nástroj, který vám umožní analyzovat a ověřit výstup CSS v prohlížeči. Funguje to docela podobně jako Alix, když načtete šablonu stylů debugCSS nebo použijete bookmarklet, zvýrazní prvky na stránce, které představují chyby nebo varování.

EagleJS

EagleJS je a JavaScript knihovna vytvořit prezentaci podobné jako RevealJS. EagleJS se liší v některých ohledech; je vytvořen pomocí Vue.js, JavaScript MVC framework a pomocí Pug jako systém šablon pro vytvoření snímku.

BootstrapTour

A Knihovna JavaScript pro vytváření vyskakovacích průvodců pomocí komponenty Bootstrap. Místní průvodci se obvykle objevují pro nového uživatele, aby je mohl procházet přes rozhraní aplikace, nové funkce a zobrazovat tipy. Je to perfektní knihovna, pokud jsou vaše stránky postaveny na Bootstrapu.

Cihlový

Cihla je Knihovna JavaScript navržená pro tvorbu uživatelského rozhraní webové aplikace. Mezi součástmi, které jsou součástí balíku, najdete některé běžné, jako například Kalendář, Menu a Formulář "storage-indexeddb" komponentu, která vám umožní ukládat data na straně klienta pomocí IndexedDB.

OctoTree

OctoTree je pěkný nástroj, který umožňuje procházet zdrojové kódy a soubory na Githubu se stromovou strukturou jako v IDE nebo editorech kódu. Dodává se jako doplněk pro Chrome, Safari, Firefox a Opera a je k dispozici na jejich oficiálním úložišti. Octotree podporuje repozitář Private a Enterprise Github.

Oznámení Github

Další užitečné rozšíření Github pro Chrome. Po instalaci budete moci přijímat oznámení, i když právě nejste na stránkách Github. Skvělý plugin, pokud chcete zůstat ve smyčce s vašimi úložišti.

Deployer

Deployer je nástroj pro nasazení vašich stránek PHP. Pracuje s řadou populárních rámců a platforem, včetně WordPress, Drupal, Magento, Laravel a CodeIgniter. Pomocí tohoto nástroje můžete vytvářet vlastní recepty, příkaz, který se má spustit během nasazení. Přichází Vrácení zpět funkce, která vám umožní vrátit se k předchozí verzi v případě selhání.

PHPStan

CLI, který prohledává soubory PHP, aby našel chyby bez provedení runtime. To znamená, že nepotřebujete plnohodnotné PHP prostředí pro ladění PHP souborů na vašem projektu.

NGINX Kotle

Kolekce běžných konfigurací Nginx, které zahrnují Backend Caching, limit rychlosti připojení a požadavků, a některé další osvědčené postupy pro zvýšení rychlosti vašich stránek a naladění na dopravní ruch.

Temperamentní

Bubble je skvělý příkazový řádek, který můžete nainstalovat na svůj server a generovat, spravovat a obnovovat certifikát Let's Encrypt. Dopiling SSL je nyní mnohem snazší.

Vaflová mřížka

Přesto, další CSS grid framework postavený s Flexboxem, který si myslím, že byste se měli podívat.