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

A hasznos webes források gyűjtése valami olyan, amit egy webfejlesztő tényleg vár az eszközkészletében. Ezért magam fejlesztőjeként arra törekszem, hogy bemutassam Önnek a legjobb és legmodernebb webfejlesztési források minden hónap.

Ez a hónap gyűjteménye egy érdekes ingyenes alkalmazás a screencastinghoz, egy pár keretrendszer, amely az anyagtervezési nyelven alapul, egy pár könyvtár a Teljesítménytesztelés, a CLI-k és a maroknyi más hasznos forrásból. Tehát nézzük meg egymás után az alábbiakat.

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.

Kap

Kap a kicsi képernyőfelvétel MacOS-hoz. Ez egy nyílt forráskódú alkalmazás, amelyet webes technológiával építettek. Egy dolog, amit ebben az alkalmazásban szeretem, az az, amit kínál konvertálja a videót jobbra a dobozon. Kap egy nagyszerű alternatíva az alkalmazások vagy a webhely élő demójának rögzítésére.

Sizzy

Sizzy egy fejlesztőeszköz, hogy tesztelje az érzékeny webhelyét több nézetablak-méretben egyetlen képernyőn. Ez egy szuper praktikus alkalmazás, mint a A Chrome beépített mobil emulátora. Sizzy is Chrome bővítményként érkezik.

Muse UI

A UI könyvtár az Material Design elv alapján és a Vue.js 2.0 tetején épült, a Muse UI tele van Material Design Compenents-ekkel, mint például az Appbar, a Card és a Dialog. Ez nagyszerű a felhasználói felület gyors és gyors felépítése és futtatása.

Speciális WP-CLI

Nagy rajongója vagyok WP-CLI és majdnem minden nap használja a WordPress fejlesztői munkámban. Mégis, mostanában kiderült, hogy a WP-CLI lehetővé teszi hozzon létre egy PHP UnitTest állványt egy témához! Ez a WP-CLI speciális használatának listája WP-CLI karbantartó, Daniel Bachhuber, saját maga.

Elmebaj

Lunacy a önálló vázlatfájl-megjelenítő a Windows rendszerhez. Ez jól működik a Sketch fájlban, amely szövegeket, raszteres képeket, sőt színátmeneteket és árnyékokat tartalmaz. Azt nem igényel internetkapcsolatot, így a fejlesztők bárhonnan dolgozhatnak a vázlatfájlokkal. És teljesen ingyenes.

K6

A sebesség a webalkalmazás szinte minden területén fontos. De hogyan mérheti a webhely sebességét? Jól, a válasz K6. Szimulálja a webhelyére irányuló forgalmat, és egy adott időtartamra betölti a webhelyet, mintha valódi forgalom lenne. Röviden, K6 a UnitTest for Performance.

Checker szolgáltatás

A webes alkalmazások nagy listája ellenőrizze a sok dolgot, mint például a DNS, a Load, a Speed, a SEO, a Security és az SSL. Ezek közül sok eszköz ingyenes, azonban néhány prémium szolgáltatás szerepel benne fejlett funkciókat kínál a felhasználók számára.

SVGito

Van egy kis webeszköz optimalizálja az SVG-t, amelyet a Vázlat alkalmazásban generált. Illessze be az SVG kódot a webhelyre, és azonnal visszaadja az optimalizált kódot.

Launchaco

Nagyszerű név keresése az indításhoz nehéz, és még nehezebb a rendelkezésre álló felhasználónévkezelő megszerzése a közösségi médiában. A Launchaco egy praktikus eszköz lehetővé teszi a domain nevek, a felhasználónevek megtalálását különböző szociális médiákhoz, például Twitterhez, Facebookhoz, Instagramhoz stb., és segít készítsen egy szép emblémát üzleti tevékenységét.

Kellemetlen

A egyedülálló animáció gyűjteménye a CSS segítségével. Kérjük, ne futtassa az animációt, ha a szíve és az elme nem elég erős ahhoz, hogy láthassa.

CSS Grid Cheat Sheet

A CSS Grid tanulása meglehetősen megfélemlítő lehet számos új tulajdonság tekintetében, egy új mérőegység, és szinte teljes új paradigma építeni a webes elrendezést. Ez az eszköz, ahogyan azt a neve is jelzi, hogy segítsen a CSS Grid segítségével kapd le a lábad a földről.

Workbox

A Workbox a A Google új kezdeményezése a Progresszív Web App létrehozásához (PWA). Ez olyan, mint a Yeoman vagy a React App létrehozása oly módon, hogy mindent fel tudsz hozni készen áll egy parancssorban.

MAVO

A Mavo egy új, nyílt forráskódú projekt, a Lea Verou. Ez egy olyan könyvtár, amely csupasz HTML-jelölést és néhányat fordít egyéni attribútumok egy működő webes alkalmazásba. A Mavo könnyebben követhető, mint a többi könyvtár, mint például a Backbone, a Vue.js vagy a React kevésbé tech-savvy felhasználók webes alkalmazás létrehozására gyorsan és egyszerűen.

Anyag UI

Simlar a Muse UI-hoz, ez egy A Meterial Design nyelven alapuló felhasználói felület. Ez azonban a React használatával készült. Most már az Ön preferenciája; ha van Vue.js vagy csapat React.

Lusta kép

Lusta kép a egyéni HTML elem a kép kérésére. Ez a custome elem további lehetőséget biztosít .aktív az Elemobjektumon belüli objektum Használja a kép betöltésére bármilyen esemény vagy felhasználói interakció esetén amennyire szüksége van.

Mac CLI

Ez egy remek eszköz kezelje a MacOS-ot Terminálon keresztül. Egyszerűen írja be mac frissítés a MacOS frissítéséhez. Vagy írja be mac bemutató amely előkészíti a Mac-et (minimalizálja az összes alkalmazást, zárja be a böngészőket, küldjön fájlokat az asztalról és a letöltések a szemétbe és a nem zavaró módba), mielőtt bemutatná. Hűvös ez!

Ébredjen

A KeepingYouAwake a MacOS-hoz tartozó menüsor segédprogram megakadályozza, hogy a Mac beállított időtartamra belépjen alvó üzemmódba vagy amíg aktiválva van. Ezt az alkalmazást Homebrew segítségével telepítheti.

JSON Feed

Végül! Ez egy szabványos specifikáció a tartalmi hírcsatorna JSON-ben történő szállításához formátum. Már létezik egy WordPress pluginhre> a megvalósításhoz. Ez megkönnyíti a webfejlesztők életét. Nézzük csak búcsút az XML-nek.

Szén

Röviden, a Carbon a PHP Moment.js. A PHP-könyvtár létrehozása és létrehozása a dátum és idő karakterláncok manipulálása.

Gyorsulási versenyző

Egy másik eszköz a teljesítményegység tesztjéhez. Míg a K6 a terhelési tesztelőket a Virutal Felhasználók küldésével látja el, hogy szimulálja a látogatásokat és a forgalmat, a SpeedRacer lesz értékelje az oldal megjelenítési teljesítményét a böngészőben. A SpeedRacer jó társ a K6-hoz.