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

2016 vége felé közeledünk, és izgalmas éve volt soknak, beleértve a webfejlesztőket is. Idén, A ReactJS népszerűsége exponenciálisan emelkedett, egy új ReactJS kiterjesztés jelenik meg, és a listában szerepel Github trendjei (majdnem) minden héten.

A PHP7 is idén kiadásra kerül amely jelentősen javítja a sebességet, valamint a WordPress 4.7 a várt WP-API-val funkciót, és A Facebook bevezette a fonal csomagot is amely kihívást jelenthet az NPM-re.

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.

Az egyes hasznos kiadásokról további részletek a következő listán találhatók:

Világítótorony

A LightHouse a hasznos eszköz a Google-tól vizsgálja meg webhelyeit a modern webes fejlesztési mutatókkal, amelyek magukban foglalják: oldalterhelési teljesítmény, gyorsítótárazást a szolgáltatókkal, szerver idő válasz és így tovább. Ezek az eszközök kétféle formában, a CLI (Command Line Interface) és a Google Chrome bővítmények.

FuseJS

A fuzzy-keresés egy olyan típusú keresés, ahol a keresés befejeződött visszaadja a szám lehetőségeit, még akkor is, ha nem felel meg pontosan a keresési argumentumoknak. Például, ha a 'to' keresést végzi, akkor az eredményül térhet vissza csinálni, robot, és láb. Ez egy népszerű keresési teljesítmény a mai webes alkalmazásokban. A FuseJS a Könnyű JavaScript-könyvtár amely lehetővé teszi, hogy könnyen végrehajthassa azt a webhelyén.

Fonal csomag

Fonal a A Facebook által épített csomópont-csomagkezelő. Alapvetően az NPM-hez hasonlóan működik, bár számos területen, például a sebességekben, „offline mód”, amely lehetővé teszi a csomagok telepítését az internethez való csatlakozás nélkül, valamint a biztonság, valamint a megbízhatóság.

Menü gyorsítótár

Egy praktikus WordPress bővítmény a WordPress Menu gyorsítótárának gyorsítótárát a Transient API használata az adatbázis lekérdezési sebességének javítására. A bővítmény számos szűrővel rendelkezik a gyorsítótárazási időszak testreszabása és végezzen más dolgokat. A Composer segítségével vagy a rendszeres WordPress bővítmény.

Githunt

A Githunt egy Google Chrome bővítmény helyettesíti a Chrome kezdőlapját a Github Trend tárolóval. Az eredményt az időszak és a programozási nyelv alapján rendezheti. Azt hiszem, egy must-install segédprogram minden egyes fejlesztő számára, hogy a legfinomabb eszközökkel frissüljön.

FFocus

Nem összpontosíthat a munkájára, és gyorsan szeretné elvégezni a munkáját? Próbálja ki az FFocus-ot. Ez olyan CLI, amely lehetővé teszi, hogy a terminálon keresztül meghatározott időtartamra blokkolja a webhelyet. Az FFocus lehet az NPM-en keresztül telepítve a npm i ffocus -g parancs.

Accesslint

Az AccesslintJS a A JavaScript-könyvtár a webhelyének érvényesítéséhez hozzáférhetőség érdekében. A könyvtár használata olyan egyszerű, mint a címke, és kapsz minden figyelmeztetés és hiba közvetlenül a DevTools konzolon.

Kiszínezhető

A színezhető a hasznos webes alkalmazás amely lehetővé teszi, hogy olyan színkombinációt hozzon létre, amely megfelel a WCAG irányelveinek, és teszi a webhelyet is hozzáférhető a látássérült felhasználók számára mint a színvakság.

Micon

Micon a betűkészlet ikon a kiválasztott Microsoft Windows 10 piktogramokból. Ez lehet a a FontAwesome nagyszerű cseréje amely szerintem már túlzottan használt.

CSS referencia

A név mindent mond. Ez CSS-hivatkozás a CSS-szintaxis kereséséhez. Jó, kellemes módon is bemutatják, hogy a jó alternatíva a CSS dokumentációhoz az MDN-nél, ha úgy gondolja, hogy túl unalmas.

Helyi a lendkerék által

Ez A GUI alkalmazás olyan egyszerűvé teszi a helyi WordPress weboldal létrehozását a MacOS-ban. Az alkalmazás nagyszerű segédprogramokkal rendelkezik a fejlesztők számára, például: “Egy kattintás” WordPress telepítés, SSH hozzáférés, egyszerű SSL beállítás, webhelyterv és XIP.io. Az alkalmazás ára 149USD körül volt, de ez az a Flywheel által megvásárolt termék ingyenes.

FreeCodeCamp

Ez egy ingyenes erőforrás a webes kód megismeréséhez. A témakörök közé tartozik a HTML, a CSS, a JavaScript és a néhány könyvtár, mint a ReactJS és a D3. Ez biztosítja kihívások vagy projekt példák a kurzusokat, valamint a tanfolyamokat segítsen jobban megérteni a témát.

OverPass betűtípus

A OverPass betűtípus egy betűkészletcsalád, amely a következőkből áll: nyolc súly (200-900), valódi dőlt és monospace betűtípus. A betűtípus betölthető a KeyCDN webböngészőjéből telepítve van az asztali használathoz. Ingyenes és nyílt forráskódú.

Form Base

Az űrlap alapja a CSS stílusszabályok halmaza amely visszaállítja az űrlapelemeket, amelyek tartalmazzák a bemenet, négyzetet, választ, és textarea alapvető, mégis szép stílusokkal. Ez a CSS könyvtár jó használatával együtt “CSS resetter” mint Normalize.css.

FrontEnd

ez egy keret, amely a 24ways.org építésére szolgál; nagyszerű erőforrás hogy megnézhetitek a fejlett CSS technikák megismerése.

Győzelem

A ReactJS növekszik, és ezzel jön nagyszámú kiterjesztést támogat. A győzelem a ReactJS összetevő interaktív és grafikonok vagy adatmegjelenítés hozzáadása.

Pokol

Inferno a A JavaScript-könyvtár a webes felület mobileszközökön történő felépítéséhez. Ez a ReactJS-től ihletett ezért hasonló szintaxis-egyezményeket örököl. A különbség azonban az, hogy Inferno az elme teljesítményével készült ami ezt teszi sokkal kisebb méretű és azt is megadja neki gyorsabb megjelenítési idő.

Premonish

A Permonish a könyvtár, amely képes a felhasználók következő interakciójának előrejelzése. Ez lehetővé teszi a felhasználói felület (UI) tökéletesebb elkészítése mielőtt a tényleges felhasználó együttműködik a webhelyével.

SPA Starter Kit

Ez egy példa a Laravel és a VueJS által épített SPA-ra (Single Page Application). Még mindig egy másik nagyszerű erőforrás a webes fejlesztés kereteinek használatával - nézd meg a forrást Luke!

Docute

A dokumentum az A JavaScript könyvtár egyetlen oldal dokumentációjának létrehozásához. A VueJS-t használják, és számos csomópont segédprogrammal szállítják, amely lehetővé teszi gyorsan beállíthatja és futtathatja dokumentációját.