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

A weben található fejlesztők számos eszközének és alkalmazásának a trendjei szerint fejlődnek, míg egyesek pragmatikusabb megoldássá fejlődnek. Ebben a hónapban a több részletben úgy döntöttem, hogy több időt töltöttem olyan erőforrások megtalálásában, amelyek nem tűnnek olyan nyilvánvalóan hasznosnak , de még mindig saját kategóriáikban.

Van egy szép kinézetű betűkészletünk, amely lehet az Ön Helvetica Neue cseréje, a JavaScript könyvtár az érintési nyomás teszteléséhez, és egy praktikus eszköz a JavaScript hibakereséshez. 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.

OverPass betűtípus

Felüljáró A betűtípus egy ingyenes betűtípus, amelyet a Highway Gothic ihlette. A Highway Gothic számos országban széles körben elfogadott betűtípus az útjelző táblák számára a távolság és a nagy sebességek olvashatósága miatt. Az OverPass betűtípus négy betűmérettel (vékony, normál, félkövér és félkövér betűvel), nagybetűkkel és kisbetűkkel, valamint webes betűtípusokká alakítható..

Engedély: OFL (Betűtípus-licenc megnyitása)

Pa11y

Pa11y egy eszköz a webhely hozzáférhetőségének teszteléséhez kevésbé a szóváltás révén automatizálás. Ha egy színes, interaktív felületet szeretne, a parancssoros felületet vagy a műszerfalon keresztül beállíthatja. A Pa11y jelentést fog készíteni, amely megmutatja, hogy mely területeket kell javítani, ha javítani szeretné a weboldal hozzáférhetőségét a különböző fogyatékosságok számára.

Több forrás a hozzáférhetőségről:

A modern web és hozzáférhetőség [Video]
Lejátszási lista: Thomas Bradly elérhetősége [Videó]
Vizsgálja meg az ARIA webes szabványait és a HTML alkalmazások hozzáférhetőségét

PressureJS

Az Apple Force Touch alapvetően megméri a képernyőn vagy a nyomógombon lévő ujjnyomást, amely extra funkciók hozzáadásával használható. A fejlesztők kihasználhatják ezt a technológiát, hogy hozzáadhassanak a natív OS X vagy iOS alkalmazásokhoz. PressureJS egy JavaScript könyvtár a Force Touch API-kba és lehetővé teszi, hogy alkalmazza a webhelyeire.

SplitJS

SplitJS egy könnyű JavaScript-könyvtár, amely lehetővé teszi a böngészőablak-nézetablakot több részre osztja. Előfordulhat, hogy gyakran használta a kódmegosztó weblapokban, mint például a CodePen.io, a JSFiddle vagy a JSBin, ahol a HTML, CSS és JS munkaterületek saját szekcióikba vannak osztva.

FlexibilityJS

A Flexbox sokkal könnyebbé teszi a webes elrendezések elrendezését. Mégis, mivel az Internet Explorer 9 és 8 programban nem működik, a webfejlesztőknek gyakran vissza kell térniük a hírhedt problémás úszó ingatlan. FlexibilityJS itt van, így lehet használja a Flexboxot anélkül, hogy a régi böngészőket elhagyná.

LabellaJS

LabellaJS gyártmányú címkézett idővonal létrehozása sokkal könnyebb. Számos lehetősége van a címke pozíciójának, irányának, szélességének, magasságának és elrendezési algoritmusának vezérlésére. Működik az AMD betöltővel, mint a RequireJS, és jól használható Browserify és Node.js. Nincs szükség függőségre.

Pici

Pici több, mint egy másik CSS keretrendszer. Sok összetevővel van ellátva, amelyek segítenek az építési folyamatban, beleértve a beépített szerver, élő újratöltés, sourcemap, minification, kód validátor, és statikus helygenerátor. Saját JavaScript-könyvtárakkal is rendelkezik, amelyekkel bővítheti webhelyének frontendjét.

Grav

Grav egy lapos fájl alapú CMS hasonló a Jekyllhez, egy statikus helygenerátorhoz. Mégis kiterjeszthető a Témák és beépülő modulok, mint a WordPress. Például telepítheti az adminisztrátori panel, a rövid kódok, a megjegyzések, az űrlapok és a webhelytérkép hozzáadását. Összességében egy nagyszerű CMS, amely szintén nagyszerű versenyző lehet egy megalapozottabb CMS számára.

PatternPack

PatternPack egy olyan eszköz, amely lehetővé teszi építsen egy rendszert webhelyének vagy alkalmazásának építéséhez és ossza meg egyszerre a különböző projektek között. Szabványos rendszer kialakítása a legjobb gyakorlat általános formája: nemcsak a munkafolyamatot felgyorsítja, hanem a projekt fenntarthatóbbá teszi. Olvassa el a Start útmutatót az eszköz használatának módjáról.

OhCrash!

A JavaScript hibakeresése nagyon bonyolult lehet. A felhasználók hibákat tapasztalhatnak, amelyeket valószínűleg nem tapasztaltak a fejlesztés és a telepítés során, mert már van a tökéletes beállítás. A trükkös az, hogy a hiba csak a felhasználó böngészőjébe van bejelentkezve. Val vel OhCrash most tudsz tegye a naplót a Github tárolóba, így jobban tájékozott a hibáról.