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

Ebben a cikkben szerepel egy lista keretek és eszközök a webfejlesztés felé irányul. Érdekes módon találtam néhány ilyen eszközt és keretrendszert, amelyek a behemoth vállalatoktól, például a Microsofttól és az Alibabától származnak.

Ez jó jel, hiszen a vállalatok egyre nagyobb mértékben hozzájárulnak a nyílt forráskódhoz és segítenek a jobb web kialakításában. Vessünk egy pillantást arra, hogy mi van a hónap összeállításához.

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.

CuteStrap

A Sass tetején épült UI keretrendszer. Az összes leggyakoribb webes felület, mint például űrlapok, navigációk és gombok, sok esetben elegendőek. Ha olyan népszerű kereteket talál, mint a Bootstrap és az Alapítvány, Cutestrap lehet egy jó alternatíva az Ön számára.

HTML5 teszt

HTML5 teszt egy online eszköz, amely teszteli, hogy a böngésző milyen mértékben támogatja a legújabb HTML5 specifikációkat. Ez egy praktikus eszköz a modern webalkalmazások hibakereséséhez és teszteléséhez.

Böngésző kalória

Böngésző kalória egy Chrome-kiterjesztés, amely egy weblap súlyát méri. Megvizsgálja a betöltött fájlokat és azok hozzájárulását az oldal teljes súlyához. Nagyszerű eszköz a webhely teljesítményének optimalizálására.

Weex

Weex az Alibaba keretrendszere a mobilalkalmazások építéséhez, csak HTML, CSS és JavaScript használatával. Modulok, felhasználói felület komponensek, saját DevTools és CLI, melyeket a mobil környezet és a fejlesztés felgyorsítása jelent..

Microsoft Web Framework (MWF)

A Microsoft, a felhasználói felület összetevőinek kerete MWF a Microsoft modern design nyelvén alapul: lapos, tiszta és minimalista. Ez a keret az UI komponenseken kívül irányt ad a színek, a tipográfia és az animáció használatára is. Azt hiszem, az Anyagtervezés Lite végre találkozott egy egyenlő versenyzővel.

Létfontosságú

Létfontosságú egy nagyon kellemes minimális felületű keret. Könnyű, nincs JavaScript, és natívan Rogue - a Ruby alapú szintaxis-világító.

Fontea

Fontea egy ingyenes Photoshop-bővítmény, amely több száz Google-betűtípust könnyen kezelhet és alkalmazhat. A Photoshop programból keresheti a betűtípust, előnézeti képeket és a betűtípust egyenesen a designban - a munkafolyamat egyszerűsítése.

Szitálás

Ez egy olyan eszköz, amely lehetővé teszi, hogy webhelyéhez UI mintákat vagy stílusvezetőket készítsen. Olyan dolgokat hoz létre, mint a színek, az alapvető stílusok vagy az összetevők elrendezése, valamint a kódrészlet. Olyan stílusvezető generátor, mint a Szitálás lehetővé teszi, hogy megfeleljen a webhelystílusainak.

intercooler

InterCoolerJS egy JavaScript könyvtár, amely az AJAX alkalmazását teszi lehetővé a webhelyén olyan egyszerű, mint HTML attribútumok hozzáadásával. Ez egy kiterjedt útmutatóval és sok példával rendelkezik, amelyek segítenek az eszköz használatának megkezdésében.

Picla

Picla egy jQuery plugin, amely a képből kivont képcímkéket jeleníti meg alt tulajdonság. Néhány lehetőséget kínál az egyedi stílus és mozgás hozzáadására a címkére. A Picla telepíthető webhelyfüggőségként a Bower-tel.

IziModal

Itt látható egy jQuery plugin módbeli felugró ablakok. IziModal számos lehetősége van a személyre szabásnak. Például testreszabhatja az animációt, a szöveges tartalmat, a színeket. Könnyű, érzékeny és retina-kész.

MegaBoilerplate

MegaBoilerplate egy generátor, amely gyorsan beállít egy fejlesztési stacket. Lépjen a webhelyre, és válassza ki, mely eszközöket és könyvtárakat (Node.js, HTML5, Vanilla JavaScript és Electron) fogod használni a webhely alapjaként. A zip csomagban lefordíthatja és konfigurálhatja az összes szükséges dolgot.

Üvöltő

A JavaScript-könyvtár a modern audiolejátszó megjelenítéséhez a Web Audio API segítségével, Üvöltő olyan régi böngészőkben működik, mint az IE9, és számos audió codec-et támogat, mint az MP3, WEBM, WAV. Sok funkció, moduláris és külső könyvtár nélkül működik.

SuperEmbed

SuperEmbed egy apró JavaScript könyvtár, amely a beágyazott objektumokat érzékenyen tartja, miközben az eredeti arányt megtartja. Támogatja a források széles körét, többek között a Youtube, a Flickr, a Vine, a VideoPress és a DailyMotion. Lásd a demót.

CleaveJS

Hasít a JavaScript könyvtár, amely automatikusan formázza a bemeneti értékeket. Például hozzáadhatja az ezer elválasztót a pénznem beviteléhez, adhat hozzá helyet a Hitelkártya szám beviteléhez, vagy hozzáadhat / dátumban. Használja ezt a könyvtárat a jobb felhasználói élmény kiszolgálásához.

Fliping Tipikus

FlippingTypical lehetővé teszi a rendszeren telepített összes betűtípus megtekintését. Úgy találom, hogy ez az alkalmazás sokkal kényelmesebb, mint a FontBook app MacOS-ban. Írok véletlenszerű szöveget, és megnézem, hogy melyik betűtípus van a rendszeremben.

LightTable

Egy új IDE, amit úgy gondolok érdemes megvizsgálni. KickStarter projektként indult, amelyet Matt Mullenweg (WordPress alapító) támogatott, és végül nyílt forráskódú lett. Megtekintheti ezt a videót, hogy elképzelje, mennyire hűvös ez az IDE.

kompresszor

kompresszor egy webes alkalmazás, amely a képfájlokat a legkisebb méretre tömöríti anélkül, hogy elveszítené a vizuális minőséget. Támogatja a JPG, GIF, PNG és SVG fájlokat is. Ez az alkalmazás ingyenes.

A Microsoft Site Scan

Ez egy hasznos eszköz a Microsofttól, hogy elemezze webhelyét olyan kérdésekben, mint a böngésző kompatibilitása és hozzáférhetősége. Az eszköz felsorolja a jelentést, amelyben elmondja, hogy bármi nem helyes-e a webhelyén, és hogyan folytathatja a problémát. Megpróbál!

A blogolás letiltása

Ez a bővítmény, amint azt a neve is jelzi, eltávolítja a blogolási funkciókat, mint például a Posts, a Comments és az Feeds. Ez a megfelelő plugin az Ön számára, ha nem kell a WordPress alkalmazásban a blogolási funkciót használni.