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

A friss resouces webes fejlesztők sorozatnak van körülbelül 4 évig tart, és a sorozat fenntartása nagymértékben adott nekem betekintést arra vonatkozóan, hogy a web hogyan halad az évek során. Vannak új eszközök jönnek ki minden hónapban a webfejlesztés megkönnyítése.

Ebben a részletben összegyűjtöttük számos új eszköz, amelyek tartalmazzák a JavaScript könyvtárakat, néhány CSS könyvtár és referencia hogy javítsa a készségeit. 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.

Felirat

A JavaScript az asztali alkalmazások átvétele a különböző platformokon való hordozhatóság érdekében, valamint ugyanolyan jól működik, mint a natív alkalmazás. Ez az alkalmazás, Felirat, például az Electron tetején épült. Ez egy egyszerű alkalmazás, amely lehetővé teszi a feliratfájlok keresését (.srt) a megfigyelt videóhoz csatolva.

Félelmetes OSX parancssor

egy a MacOS számára hasznos és hasznos parancssorok óriási listája. Itt találhat egy csomó dolgot, ami a CLI-n keresztül történhet, mint például “a nyomtatási sor törlése”, “a Finder mappájának elrejtése”, és “a rendszer alvásának megakadályozása”.

Trevor

Trevor egyszerűen Travis CI kész nem elérhető. A Travis folyamatos integrációs szolgáltatás ahol a fejlesztők tesztelik szoftverüket annak megállapítására, hogy a szoftver megfelelően működik-e több környezetben. Trevor még korai szakaszában van; jelenleg csak támogatja “NodeJS”.

Fokozatosan

Szép JavaScript a könyvtár fokozatos betöltéséhez, innen ered a neve. A kis kép kiszolgált és homályos lesz, amikor a böngésző betölti a teljes képet. Ez sokkal gyorsabban segít a webhelyen különösen, ha nagy képeket tartalmaz.

QartJS

Ez egy JavaScript a QR-kód kevésbé unalmas. Ezzel átfedheti a QR-kódot egy képre - például fényképére.

WP dokkoló

A WP dokkoló egy A dokkoló környezet kifejezetten a WordPress kifejlesztésére készült. A környezet önálló, és nem befolyásolja a számítógépes rendszert abban az esetben, ha konfigurálta. Ez egy nagyszerű alternatíva a Vagrant, a Valet, a Local és a MAMP számára.

Rellax

A Rellax egy JavaScript könyvtár hozzon létre parallaxishatást az oldal görgetéséhez. Néhány opcióval és viszonylag könnyen konfigurálható. Könnyű, szupergyors, és nem igényel függőséget, mint a jQuery ezért ez egy nagyszerű alternatíva a többi könyvtárhoz, mint például a Parallax.js vagy a Scrollax.js.

Tagolt

Még egy hűvös JavaScript könyvtár. Csatolják szintetikus hangja a webhelyére. Ez képes elemezni és olvasni a webhelyét, végül javíthatja a webhely hozzáférhetőségét azok számára, akik láthatósága csökkent.

MonetizeJS

A MonetizeJS egy JavaScript könyvtár egyszerűen hajtsa végre a Stripe-t; olyan egyszerű, mint a jQuery használata.

Vonic

Vonic egy felhasználói felület gyűjteménye a Vue.js és az Ionic CSS segítségével épített mobil. Sok olyan UI-összetevőt tartalmaz, amelyek általában megtalálhatók a mobilban, beleértve a Jelölje be a jelölőnégyzetet, a keresési űrlapot, a swiper-t és az úgynevezett harmonikát. Használhat mobilalkalmazás létrehozását prototípus közvetlenül a böngészőben.

WordPress Component Library

A 10up, a WordPress egyik kiemelkedő neve, kiadott egy UI-könyvtárat, amelyet terveztek kifejezetten a WordPress számára. Eltérően más felhasználói felületről, amely csak a CSS és a HTML kódokat tartalmazza, a 10Up biztosítja a PHP kódrészletet is, amelyet csak beilleszthet a témába. Az összetevő tartalmazza Navigáció, Tabs, Tooltips, Commonts és Blogrol.

JavaScript indítási teljesítmény

Kiváló és részletes cikkek az Addy Osmani-tól, a Google egyik mérnöke, hogy hogyan írja le a szupergyors futó JavaScript-t. Arra buzdítom, hogy olvassa át állítsa be a JavaScript képességeit.

KuteJS

Kute a JavaScript-könyvtár az animáció végrehajtásához. Gyors és szuper hatékony a memóriafogyasztás. Bővítményei és extra eszközei lehetővé teszik az animáció alkalmazását CSS, SVG és még egy jQuery plugin kényelmesebb szintaxis.

PWA sziklák

A progresszív webalkalmazás (PWA) egy olyan módszer, amelyet lehetővé teszi, hogy a webhely gyorsan és használható legyen offline állapotban. Ez a PWA Rocks listázza azt, amelyet a Google PWA-ként jóváhagyott. Nak nek További információ a PWA-ról a Google-tól nézd meg: Progresszív webalkalmazások.

Github automatikus frissítő

A Github Auto-Updater A zeneszerző könyvtár, amely lehetővé teszi a bővítmény frissítését a Github-tól. Ez egy praktikus parancsfájl a fejlesztők számára a pluginok karbantartására ügyfeleik számára feltétlenül feltölteni a Github tárolóba.

Kártya

A kártya egy JavaScript könyvtár ami a hitelkártya bevitelét vonzóbbá teszi és javítja felhasználói élményét a hitelkártyaszámok bevitelekor. Azt jól működik a jQuery, a React, az Angular és az Emberekkel.

Graaf

Graaf biztosítson átfedést az oldaladon, hogy megtudja, hogy a rács - oszlop, sor, ereszcsatorna - ki van-e állítva. Te is saját grid specifikáció létrehozása a megadott API használatával.

Luxbar

Luxbar a A CSS-keretrendszer könnyen választható navigációt hoz létre; egyszerűen add hozzá a stíluslapot, és adj hozzá megfelelően a HTML-t. A könyvtárat telepítheti NPM, Bower, vagy közvetlenül a CDN-ből kapcsolhatja össze a stíluslapot.

Kontraszt rács

A lista a A táblázat a WCAG 2.0 alapján a szín kontrasztot és hozzáférhetőségi fokát mutatja. Megváltoztathatja az asztal értékét, és gyorsan kitalálhatja, hogy a színkombináció megfelel-e a WCAG szabványnak.

ToneJS

A ToneJS egy JavaScript könyvtár hozzon létre egy hangot vagy hangot, amely tetszeni fog egy hangszerből. Azt hiszem, ez a könyvtár hasznos lesz webalapú hangszeres emulátor létrehozásához vagy játékhanghatások.