Friss források a webes tervezők és fejlesztők számára (2018. október)

Más iparágakkal ellentétben a webes fejlesztés ugrásszerűen változik. Vannak új eszközök, módszerek és keretek, amelyeket szinte minden nap fejlesztettek ki újabb trendek és technológiai fejlődés az internetes iparágban.

Tehát itt van egy lista a legújabb eszközökről és erőforrásokról, beleértve a PHP keretrendszert is, hogy könnyen végrehajtható legyen E2E tesztelés a PHP alkalmazáshoz, egy olyan eszköz, amely a W3C akadálymentesítési szabványoknak megfelelő színeket és néhány Vue.js kiterjesztést hoz létre. Lépjünk be a teljes lista megtekintéséhez.

Keyframes App

Egy webalapú alkalmazás szép grafikus felületet biztosít a CSS animáció összeállításához és az időzítést vizualizálja. Az alkalmazás lehetővé teszi a CSS kimenet letöltését, ha elégedett. A CSS kulcsképkeretei nem a legegyszerűbbek a CSS-ben, így egy ilyen alkalmazásnak egy időmegtakarítása lenne..

Symfony Panther

“Symfony Panther” egy csodálatos PHP keretrendszer a Symfonytól az E2E (End-to-end) teszt elvégzéséhez. Jön a beépített webszerver és kihasználhatja a számítógépre telepített Chrome-ot az E2E teszt végrehajtásához.

Ezenkívül támogatja JavaScript végrehajtások, screenshot rögzítés, egyéni szelén meghajtó, Chrome és Firefox kliens. Önálló keretrendszerként a Panthert olyan PHP projektekbe is beillesztheti, mint például a WordPress, Joomla stb..

TrendyPalettes

Gyönyörű színes paletták gyűjteménye. A gyűjtemény több ezer kézzel választott színpaletta. A felhasználók új színpalettát nyújthatnak be, így mindig vannak új paletták. A TrendyPalettes Chrome bővítményként is elérhető.

Eagle.js

Az Eagle.js egy olyan keret, amely a Vue.js tetején épített diákokat hoz létre, így könnyedén újra felhasználhatja az egyéni Vue.js összetevőket a diákokban. A dia is támogatja billentyűzet és egér navigáció, egyedi stílus vagy témakör, interaktív widgeteket, és egy gyorsbillentyűt biztosít a dia létrehozásához és bemutatásához. Nagyszerű lehet alternatívája a Reveal.js-nak, különösen, ha már ismeri a Vue.js-t.

Grape.js

A GrapeJS egy nyílt forráskódú webes készítő, amely lehetővé teszi, hogy egyszerűen készítsen weboldalakat összetevők húzásával és eldobásával. Néhány közös összetevőt, mint például a Szöveg, a Kép, a Vidoe, az Oszlopok, a Térkép, az Idézet, stb. Biztosít. A HTML-re és a CSS-re exportálhatja, és a kimenet meglepően szép, ellentétben néhány hasonló eszközzel, amit korábban próbáltam. Nézze meg a demót.

poshadt

A Vapid egy új CMS, amelyet Node.js-val építettek, érdekes és egyedi megközelítéssel. A legtöbb CMS, feltételezve, hogy új típusú adatokat szeretne beilleszteni, először meg kell határoznia az egyéni bemenetet a műszerfal / adminisztrátor területen.

A Vapid alkalmazással ez ellentétes, mivel megadhatja a sablont, és a Vapid automatikusan generálja a bemenetet a műszerfal / adminisztrációs területen. Ez NPM csomagként kapható.

WP CLI értesítés

A név mindent mond. Ez egy egyéni WP-CLI csomag az OS értesítések megjelenítéséhez, amikor a WP-CLI már végrehajtásra került. Elég divatos.

CSSGr.id

A webes alkalmazás a CSS Grid összeállításához. Beállíthatja az egyes elemek, oszlopok, az egyes elemek közötti különbségeket, valamint az egyes elemek sorát, majd létrehozhatja a HTML és CSS kódot. A CSS Grid egyike azoknak a CSS-specifikációknak, amelyek nem elég könnyen érthetőek. Ez az eszköz azonban sokkal könnyebben kezelhető vele.

Görgetés Tipp

A ScrollHint olyan JavaScript-könyvtár, amely lehetővé teszi, hogy egy elemet hozzon létre a felső részen, hogy megmutassa, hogy a webhely egy része görgethető. Ez különösen akkor hasznos, ha a weblapon vízszintes görgető elem van, mivel a legtöbb ember természetesen nem görgethet balra jobbra (vagy fordítva), amikor az internetet fogyasztja.

PristineJS

A JavaScript könyvtár, amely egy bevitelhez érvényesítést ad. A HTML5 már a típusjellemzőkkel rendelkezik “type = email”, és “type = szám” például. De ha szüksége van egyre egyéni érvényesítő eszköz, amelyet a HTML5 nem hajt végre, ez a JavaScript könyvtár hasznos lesz.

SelectionJS

A legtöbb ember valószínűleg már ismeri a több mappát vagy fájlt a számítógépükön; jellemzően az egérkattintást tartják, és a kijelölt fájlok vagy mappák köré húzzák. Ha ugyanazt az UX-et szeretné alkalmazni a webhelyén, a SelectionJS hasznos lesz.

Webdash

A Webdash egy eszköz, amely képes jelenítse meg a projektet a GUI felületre. Csatlakozik a package.json fájlt a számítógépen. Így megjelenítheti a listát NPM csomagok, frissítse a csomagot, a regisztrált parancsfájlokat, futtassa a szkriptet, és a README fájlok előnézete közvetlenül a Webdash-ről. Eléggé megdöbbentő!

CanJS

JavaScript keretrendszer webes felület létrehozásához. Ez hasonlít a React.js-hoz néhány további funkcióval, és jön a a router, a DOM segédprogramok és az AJAX funkció közvetlenül a dobozból. Egy igen aktív közösségi támogatással is rendelkezik néhány kiterjesztéssel.

CheerioJS

A JavaScript könyvtár, amely megvalósítja a DQ (Document Object Model) számára a jQuery Core specifikációt, és amelyet a kiszolgálóoldali használatra terveztek. Ha te a Node.js-al dolgozva, miközben élvezheti a jQuery szintaxist mint addClass (), attr (), és megtalálja(), ez a keresett JavaScript.

Colorbox

A Colorbox a Lyft kezdeményezése, melynek célja, hogy olyan színösszetételt hozzon létre, amely megfelel a Accessiblity színnek. Az eszköz olyan okos algoritmussal működik, amely lehetővé teszi, hogy egyszerűen mozgassa a gombot, változtassa meg a konfigurációt, és ez biztosítja a megfelelő színeket az Ön számára. Ez csak csodálatos.

Gépelt tulajdonságok a PHP 7.4-ben

A PHP7.3 csak a sarkon van, amint azt az előző részletben említettük. De a PHP7.4 már szerepel a tervben. Az egyik terv a Tulajdonság. Ez azt jelenti, hogy hamarosan képes lesz írj valamit nyilvános int $ id; a PHP osztályban. Ez egy hatalmas változás, amely jelentősen segíthet a PHP alkalmazáshibák csökkentésében.

Stencil

JavaScript-fordító, amely megkönnyíti a webes összetevők létrehozását a legújabb szabványokkal. Ráadásul a StencilJS is hozzáad egy modern webfejlesztési megközelítést a keverékhez JSX támogatás, reaktivitás, útválasztó és államkezelés plugin használatával.

Vue Infinite Loading

A Vue kiterjesztés végtelen görgetési oldal létrehozásához. Mobilbarát és kompatibilis bármely görgethető elemgel. Támogatja a két görgetési irányt, és ami a legjobb, sok időt takarít meg.

V Vágólap

Egy egyedi Vue.js kiterjesztés, amely így teszi könnyen létrehozható “Másolat” gomb. Egyszerűen hozzáadhat egy v-vágólapra attribútum egy gombhoz, és mindannyian beállítva. Ez a Vue.js kiterjesztés minden modern böngészőhöz, valamint az IE11-hez és a legújabbhoz működik.

Vue Select

A Vue.js összetevő, amely hasonló funkciót biztosít a Select2-hez. Úgy tervezték, hogy Vue.js számára lehetővé teszi, hogy legyen kompatibilis a Vuex, az egyéni sablonokkal, és egy csomó más Vue.js jóságot.