Friss források a webes tervezők és fejlesztők számára (2018. július)

Július az a hónap, amely a nyár magasságát idézi, így a havi új erőforrások tételéhez néhány jól megalapozott és kezdő fejlesztőnek is van forró új eszköze..

A lista elég érdekes eszköztárat tartalmaz a Sketch könyvtár és a WordPress közösség között, amely lehetővé teszi WordPress interfész prototípus létrehozását, egy maroknyi a React.js és a Vue.js kiterjesztése, és néhány utalás a fejlesztési készségek szintjének növelésére. Nézzük meg őket.

WPRIG

A Morten Rand-Hendriksenand által létrehozott all-in-one starter WordPress témakör a a folyamatos beállításokat a modern eszközök segítségével készítse el mint a Gulp, a Babel, az ESLint és a Visual Studio Code integrációja. Ez segít nagyszerű WP-téma létrehozásában a környező fejlesztési eszközök konfigurálásának problémája nélkül.

VueNative

A Vue.js-on alapuló keretrendszer mobilalkalmazás kiépítése, amely lehetővé teszi, hogy a kódot Vue.js specifikációval írja le. Az eszköz lesz fordítsa azt a React Native-re és csináld a mágikus munkát a jelenet mögött vue őshonos CLI. Ha már ismeri a Vue.js-t, ez lehet a megfelelő keretrendszer egy mobil alkalmazás kiépítéséhez.

SketchPress

A 10up-os emberek most megjelentek a SketchPress-ben, amely a Vázlat sablon a WordPress adminisztrációs felületének gyors létrehozásához. Ez tele van közönséges adminisztrátori felhasználói felülettel, mint például az Elsődleges gomb, a Menüsor, a Dashicons, a Metabox, stb..

Docz

Docz a MDX alapú dokumentációs generátor amely a sorozat utolsó fordulójában volt látható. Ez az eszköz lehetővé teszi, hogy importáljon és JSX egyéni compenentet vegyen fel a keverékbe a Markdown szintaxissal, mint a JSX dokumentum írása.

Animista

A CSS animáció életre kel. Azonban nem mindig könnyű a CSS animációt összeállítani a böngésző előtagjaival, a kompatibilitás, a paraméterek és az animációs időkeret alapján. Az Animasta könnyebbé teszi ezt a dolgot a kód létrehozásával. tudsz állítsa be az animációt egy felhasználóbarát felületen, ahonnan egyszerűen átmásolhatja a kódot.

GridToFlex

Néhány példa a közös webes elrendezésre, amelyet a natív CSS Grid segítségével készítettek, és használja a Flexboxot a böngésző számára, amely még nem támogatja azt. Nézze meg postánkat: Bevezetés a CSS Grid Layout Module-be.

RatioBuddy

Szép eszköz generál egy CSS-vel rendelkező mezőt egy meghatározott arányban, például, 1: 1, 3: 4, stb. Az eszköz SCSS formátumban generálja a kódot a másoláshoz.

Hogyan kell GraphQL

A GraphQL a REST adatstruktúrájának alternatívája, és a GraphQL a átfogó erőforrás a tanuláshoz. Ez sokkal hatékonyabb, mint a REST, mivel csak a kért adatokat húzza, csökkentve a terhelés és az adatátvitel mennyiségét.

Mintaelőzmények

Egy egyszerű WordPress bővítmény, amely bemutatja a WordPress műszerfalán végzett tevékenység történetét. Támogatja a WordPress natív tevékenységét, például amikor egy felhasználó bejegyzéseket és oldalakat hoz létre, bejelentkezik, és aktiválja vagy deaktiválja más bővítményeket. Ez is nyomon követheti a többi plugin tevékenységet beleértve a speciális egyéni mezőket (ACF) és a felhasználói váltást. Ez egy nagyszerű bővítmény a webhelyek belső tevékenységének nyomon követésére.

Transfer.sh

ez egy hasznos segédprogram a fájlok megosztására a Shell parancson keresztül. Akár 10 Gb-os fájlt is feltölthet. A fájl titkosítását is támogatja. És megemlítettem, hogy teljesen szabad?

FB Sonar

Eszköz az iOS és Android mobilalkalmazások hibakereséséhez. Az alkalmazás néhány eszközzel rendelkezik a kényelmes hibakeresési tapasztalat például a napló-megjelenítő, az interaktív elrendezés-ellenőr és a hálózati ellenőr. Ha ez nem elég, hozzon létre egy plugint, amely kiterjeszti az alkalmazást a szükséges funkciókkal.

JSUI

Ez az alkalmazás tele van egy csomó eszközzel, amely jobb módot biztosít a projektek megszervezésére. tudsz csoport létrehozása, új projekt létrehozása néhány népszerű projekt segítségével mint a React, Vue és Angular, telepítsen egy projektfüggőséget, fusson egy Node.js szervert, és még sok más. Nagyszerű alkalmazás azoknak, akik több tucat projektet kezelnek.

BrainMonkey

Egy PHP-egység tesztelési segédprogram, amelyet a WordPress néhány speciális eszközével terveztek. Olyan eszközöket biztosít, amelyek lehetővé teszik utánzott PHP funkciók. Ezenkívül olyan eszközöket is biztosít a dobozból, amelyekkel néhány WordPress funkciót kezelhet ADD_ACTION remove_action hogy néhányat említsünk, amelyek általában furfangos tesztelni.

Fractal

A Fractal-t úgy tervezték, hogy központi dokumentációs eszközként szolgáljon a csapat fejlesztői számára, amikor arra utal, hogy szükség van egy komponens integrálására egy projektbe. Ez lehetővé teszi integrálja a kódrészletet, megjeleníti az előnézeteket, a dokumentációt, a megjegyzéseket, stb.

Ant Design Pro

“AntDesign” egyike a React.js-on alapuló népszerű felhasználói felületnek, és ez az “Pro” A vállalati alkalmazáshoz tervezett verzió. Számos további összetevőt tartalmaz, amelyek nem szerepelnek az AntDesign közös csomagban, például AvatarList, HeaderSearch és TagSelect.

A keretrendszer is rendelkezik beépített fejlesztőeszközök, például a Build eszköz, a Test Suite és a Deployment így azonnal dolgozhat a kódján, nem pedig az időt a munkafolyamat-konfigurációban.

LuminJS

Szuper apró A JavaScript-könyvtár a webhelyen található szöveg kiemeléséhez. Zökkenőmentesen működik egy komplex DOM struktúrával, és programozható, így beállítható a sebesség, a stílus és az animáció.

Felszólítja

Egy praktikus Az NPM csomag az interaktív CLI-t a Node.js használatával hozhatja létre. Támogatja az alapvető gyors, több választási lehetőséget, dinamikus gyorshívást és sokféle bemenetet, mint a jelszó, szöveg, szám és e-mail stb.

Észlelés

Egy hűvös WordPress bővítmény, ami javítsa a WordPress Media Library keresést a képek Google Cloud Vision API használatával történő besorolásával. Például, ha feltöltött a “madár” kép, a kulcsszó segítségével kereshet a képen “madár” hogy a kulcsszó szerepel-e a kép nevében, a fájlnévben vagy a metaadatokban.

DevTube

Gyűjtemény videók, amelyeket a YouTube-ból húztak ki, több fejlesztői konferenciáról mint a JSConf, a Google TechTalk és az O'Reilly. Most kapd meg a pattogatott kukoricát, és állítsd fel a Dev képességeit.

Reactive.how

A reaktív programozás növekszik; egy új paradigma a programozásban, különösen a web körül, ahol az adatfolyam bőség és folyamatosan folyik minden milliszekundumban. Ez az erőforrás Cèdric Soulas kezdeményezése megtanít téged reaktív programozás.