Friss források a webes tervezők és fejlesztők számára (2017. március)

A CLI (Command Line Interface) segítségével képesek vagyunk a webfejlesztési munkafolyamatok egyszerűsítése és automatizálása. Emiatt ebben a részletben elég sok olyan csodálatos CLI-t is felvettünk, amelyeket telepíthet a helyi számítógépre, vagy néhány dolgot futtathat a kiszolgálón. Ráadásul néhányat is tartalmazott PHP eszközök, böngésző bővítmények és JavaScript könyvtárak. Nézzük meg őket.

Kattintson a További források gombra

Keresse meg az ajánlott erőforrások teljes gyűjteményét és a legjobb webes tervezési és fejlesztési eszközöket.

Guetzli

Új kódoló a Google-tól akár 35% -kal csökkentheti a képet a kezdeti méretből, miközben megtartja a minőséget. Ez egy nagy áttörés, mivel a hasonló nyílt forráskódú kódolók, mint például a A JPEGOptim és a jpegtran csak átlagosan 20% -ra korlátozódik. Látom, hogy számos alkalmazás és bővítmény lesz a CMS platformhoz, amelyek integrálják a Guetzli-t a JPEG fájlok optimalizálására.

Fejlesztői útiterv

Ahogy a neve is mutatja, a fejlesztői útiterv egy a webes fejlesztő útjának infographic. Három kurzus van a Front-end, a Back-end és a DevOps. Ezek az útitervek olyanok, mint egy térkép; és nagyszerű referencia ahol jelenleg vagyunk, mi lehet, hogy kihagyottunk, és hová megyünk.

Netley CMS

SmashingMagazine nemrégiben egy merész lépés az árokba WordPress és próbáljon ki újat teljesen egy új CMS nevű CMS-sel. Ez egy új CMS, amely a React.js tetején épült, és lehet bármilyen statikus webhelygenerátorral, mint például Jekyll, Hugo és MiddleMan.

BadSSL

Ez egy az SSL-konfiguráció ellenőrzéséhez. A BadSSL egy praktikus eszköz a webhelyén telepített SSL hibakereséshez és hibakereséshez.

Alix

Alix a Chrome-kiterjesztés, amely lehetővé teszi a webhely hozzáférhetőségének ellenőrzését. A telepítés és engedélyezés után a bővítmény egy lap tetejére kerül egy több elemre az oldalon amelyek figyelmeztetést vagy hibákat okoznak.

AR.js

Az AR.js A JavaScript könyvtárak eltérnek a többiektől. Ez a könyvtár lehetővé teszi, hogy webes technológiával bővített valóságot hozzunk létre, és meglepően fut nagyon gyorsan a mobiltelefonokon.

Reagáljon a trendre

Ez egy reagáljon az Unsplash összetevőjére, hogy szép vonalvezetést hozzon létre a trendek megjelenítéséhez. Az összetevő konfigurálható; beállíthatja a vonal vastagságát, színét, színátmeneteit és görbe simaságát. Egyszerűen használhatja a GUI-t kényelmesen hozza létre a komponens kódot.

Gitee

A MacOS alkalmazás a Github tevékenységének monitorozásához közvetlenül az asztalról, A Gitee új elemet ad hozzá az állapotsorban a csillagok, a követők és az értesítések számának megjelenítéséhez. Ezen kívül, akkor is tekintse meg a nyomatok diagramjait, és elkötelezi magát a tárolóban, valamint a trendes tárolóban az aktuális hónapban és héten. Dióhéjban a Github az asztalon.

Goops

A goops a hasznos CLI, amely elemzi a projektkönyvtárat és határozza meg azokat a könyvtárakat és fájlokat, amelyeket a .gitignore. A CLI az NPM-en keresztül telepíthető. Telepítés után írja be a parancsot goops és kész.

Hibás CSS

A DebugCSS a CSS drop-in segédprogram, amely lehetővé teszi a CSS kimenet elemzését és validálását a böngészőben. Az Alixhez hasonlóan működik, amikor betölti a debugCSS stíluslapot, vagy használja a könyvjelzőt kiemeli az oldalon található elemeket, amelyek hibákat vagy figyelmeztetéseket tartalmaznak.

EagleJS

EagleJS a A JavaScript-könyvtár a bemutató létrehozásához hasonló a RevealJS-hez. Az EagleJS néha eltér; a Vue.js, a JavaScript MVC keretrendszer segítségével épül fel, és használja a Pugot mint a sablon létrehozására szolgáló sablonrendszer.

BootstrapTour

A A JavaScript könyvtár segítségével előugró útmutatókat hozhat létre a Bootstrap összetevővel. A felugró útmutatók általában az új felhasználó számára jelennek meg az alkalmazás felületén, az új funkciókon és a tippek megjelenítésén. Tökéletes könyvtár, ha webhelye is Bootstrap-ot használ.

Tégla

Tégla van egy JavaScript-könyvtár, amely a webes alkalmazás felhasználói felületének létrehozására szolgál. Megtalálható néhány gyakori, például a Naptár, a Menü és a Form, a mellékelt komponensek között „Tárolási IndexedDB a” összetevő, amely lehetővé teszi tárolja az adatokat az ügyféloldalon az IndexedDB használatával.

OctoTree

Az OctoTree egy olyan segédprogram, amely lehetővé teszi a Github-on található forráskódok és fájlok faszerkezettel való böngészését, mint az IDE-k vagy a kódszerkesztők. A Chrome, a Safari, a Firefox és az Opera bővítményeként szolgál, és hivatalos kiegészítõ tárolójukon érhetõ el. Az Octotree támogatja a Private és Enterprise Github tárolót.

Github értesítés

Egy másik hasznos Github-bővítmény a Chrome-hoz. A telepítés után értesítést kaphat még akkor is, ha jelenleg nincs a Github oldalain. Egy nagyszerű bővítmény, ha a tárolóeddel együtt szeretnél maradni.

Deployer

A Deployer egy eszköz a PHP webhelyek telepítésére. Számos népszerű keretrendszerrel és platformtal működik, többek között a WordPress, a Drupal, a Magento, a Laravel és a CodeIgniter. Ezzel az eszközzel elkészítheti saját receptjeit, egy parancsot a telepítés során. Jön visszagörgetési funkció, amely meghibásodás esetén visszatérhet az előző verzióhoz.

PHPStan

Egy CLI, amely a PHP fájlokat szkenneli, hogy hibákat találjon a futásidejű végrehajtás nélkül. Ez azt jelenti, hogy nincs szükség teljes kötegelt PHP környezetre a PHP fájljainak hibakereséséhez.

NGINX kazánlemez

Gyakori Nginx konfigurációk, amelyek tartalmazzák a Backend gyorsítótárazást, a csatlakozást és a kamatláb-korlátozást, valamint néhány más bevált gyakorlatot, amelyek a webhely gyorsítására és a forgalom rohanásához igazodnak.

Pezsgő

A Bubbly egy nagyszerű parancssor, amelyet a kiszolgálón telepíthet, felügyelhet és megújíthat a Let's Encrypt. A Doplying SSL most már sokkal könnyebb.

Waffle Grid

Mégis, egy másik, a Flexbox-tal épített CSS-rács-keretrendszer, amit úgy gondolok, meg kell vizsgálnod.