Sveži viri za spletne oblikovalce in razvijalce (januar 2016)

Veliko orodij in aplikacij za razvijalce, ki so na voljo na spletu, se razvijajo v skladu s trendi, medtem ko se nekateri razvijajo bolj pragmatično. V tem mesecu sem se odločila, da bom več časa porabila za iskanje virov, ki se morda ne zdijo očitno koristni , ampak še vedno izstopajo v svojih kategorijah.

Imamo lepo videti pisavo, ki je morda vaša Helvetica Neue zamenjava, knjižnica JavaScript za testiranje pritiska na dotik in priročno orodje za beleženje napak JavaScript. Poglejmo jih.

Kliknite za več virov

Poiščite celotno zbirko priporočenih virov in najboljše razpoložljivo spletno oblikovanje in razvojna orodja.

Pisava za prekomerno pisavo

OverPass Font je brezplačna pisava z navdihom Highway Gothic. Avtocesta je v mnogih državah široko uveljavljena za prometne znake zaradi njihove čitljivosti na razdalji in visokih hitrostih. Pisava OverPass je na voljo v štirih velikostih pisav (tanke, normalne, pol-krepke in krepke), velike in male črke, prav tako pa jih je mogoče pretvoriti v spletno pisavo.

Licenca: OFL (Odpri licenco za pisavo) \ t

Pa11y

Pa11y je orodje za preverjanje dostopnosti vaše spletne strani z manj težav, skozi lepoto, ki je avtomatizacija. Uporabite lahko vmesnik ukazne vrstice ali nastavitev prek nadzorne plošče, če želite barvit interaktivni vmesnik. Pa11y bo pripravil poročilo, ki prikazuje področja, ki jih je treba popraviti, če želite izboljšati dostopnost vaše spletne strani za različne težave.

Več virov za dostopnost:

Sodoben splet in dostopnost [video]
Seznam predvajanja: Dostopnost Thomas Bradly [Video]
Poglejte v spletne standarde ARIA in dostopnost do aplikacij HTML

PressureJS

Apple's Force Touch v bistvu meri pritisk prsta na zaslon ali sledilno ploščico, ki se lahko uporablja za dodajanje dodatne funkcionalnosti. Razvijalci lahko izkoristijo to tehnologijo za dodajanje uporabnosti svojim izvornim aplikacijam OS X ali iOS. PressureJS je knjižnica JavaScript, ki kljukice v API-je Force Force in vam omogoča, da jo uporabite na svojih spletnih mestih.

SplitJS

SplitJS je lahka knjižnica JavaScript, ki vam omogoča razdeli pogled na okno brskalnika na več razdelkov. Morda ste ga pogosto uporabljali v spletnih aplikacijah, kot so CodePen.io, JSFiddle ali JSBin, kjer so delovni prostori HTML, CSS in JS razdeljeni v lastne oddelke.

FlexibilityJS

Flexbox omogoča veliko lažje urejanje spletnih postavitev. Ker pa v Internet Explorerju 9 in 8 ne deluje, se morajo spletni razvijalci pogosto vrniti k uporabi znane težave float nepremičnine. FlexibilityJS je tukaj, tako da lahko uporabite Flexbox, ne da bi pri tem zapustili stare brskalnike.

LabellaJS

LabellaJS izdeluje ustvarjanje označene časovne premice veliko lažje. Imate na voljo številne možnosti za nadzor položaja, smeri, širine, višine in algoritma postavitve nalepk. Deluje z nalagalnikom AMD, kot je RequireJS, in ga lahko uporabite skupaj z brskalnikom Browserify in Node.js. Odvisnost ni potrebna.

Wee

Wee je več kot le še en okvir CSS. To je pakiran z veliko komponent, ki pomagajo pri gradnji, vključno z a vgrajen strežnik, vnovično nalaganje v živo, sourcemap, minifikacija, validator kode, in statični generator mesta. Prav tako prihaja z lastnimi knjižnicami JavaScript s funkcijami, ki izboljšajo spletno stran vašega spletnega mesta.

Grav

Grav je osnovana na ravnih datotekah CMS podoben Jekyllu, statičnemu generatorju mesta. Vendar pa se lahko podaljša s temami in dodatki, podobno kot WordPress. Namestite lahko na primer skrbniško ploščo, kratke kode, komentarje, obrazce in zemljevid mesta. Na splošno je to odličen CMS, ki je lahko tudi velik kandidat za bolj uveljavljen CMS.

PatternPack

PatternPack je orodje, ki vam omogoča zgradite sistem za izgradnjo vaše spletne strani ali aplikacije in jo delite na različne projekte hkrati. Standardni sistem je splošna oblika najboljše prakse: ne samo, da pospeši vaš potek dela, ampak tudi izboljša vzdržljivost projekta. Preberite navodila za zagon in si oglejte, kako uporabljati orodje.

OhCrash!

Odpravljanje napak v JavaScriptu je lahko zelo težavno. Uporabniki lahko naletijo na napake, ki jih verjetno niste doživeli med razvojem in uvajanjem, ker že imate popolno nastavitev. Tukaj je težavno, da je napaka prijavljena samo v brskalnik uporabnika. S OhCrash zdaj lahko vnesite dnevnik v vaša Githubova skladišča, zato ste bolje obveščeni o napaki.