Tuoreet resurssit web-suunnittelijoille ja kehittäjille (tammikuu 2016)

Monet työkaluista ja sovelluksista kehittäjille, jotka löytyvät Webistä, kehittyvät trendien mukaisesti, kun taas jotkut kehittyvät pragmaattisemmiksi ratkaisuiksi. Tämän kuukauden erässä olen päättänyt käyttää enemmän aikaa resurssien löytämiseen, jotka eivät ehkä näytä olevan yhtä ilmeisen hyödyllisiä , mutta silti erottuvat omassa luokassaan.

Meillä on mukava näköinen fontti, joka voi olla sinun Helvetica Neue JavaScript-kirjasto testaa kosketuspainetta ja kätevä työkalu JavaScript-virheiden kirjaamiseen. Tarkistetaan ne.

Klikkaa lisää resursseja

Etsi koko kokoelma suositeltuja resursseja ja parhaat web-suunnittelu- ja kehitystyökalut.

OverPass-fontti

Ylikulkusilta fontti on ilmainen fontti, jonka innoittamana on Highway Gothic. Highway Gothic on laajalti hyväksytty kirjasin monissa maissa liikennemerkkejä, jotka johtuvat sen luettavuudesta etäisyyden ja suurten nopeuksien välillä. OverPass-fontti on neljä fonttia (ohut, normaali, puolikarva ja lihavoitu), isot ja pienet kirjaimet, ja ne voidaan muuntaa myös web-fontiksi.

lisenssi: OFL (avoimen fontin käyttöoikeus)

Pa11y

Pa11y on työkalu sivustosi käytettävyyden testaamiseen vähemmän hässäkkää kauneuden kautta automaatio. Jos haluat mieluummin värikäs, interaktiivinen käyttöliittymä, voit käyttää komentorivin käyttöliittymää tai asetusta kojelautaan. Pa11y laatii raportin, josta ilmenee, mitkä alueet on korjattava, jos haluat parantaa sivustosi saavutettavuutta eri vammaisille.

Lisää resursseja esteettömyyteen:

• Moderni verkko ja esteettömyys [Video]
• Soittolista: Thomas Bradlyn saavutettavuus [Video]
• Tutustu ARIA: n Web-standardeihin ja HTML-sovellusten esteettömyyteen

PressureJS

Applen Force Touch mittaa pohjimmiltaan näytön tai ohjauslevyn sormenpainetta, jota voidaan käyttää lisätoimintojen lisäämiseen. Kehittäjät voivat hyödyntää tätä tekniikkaa lisäämään käytettävyyttä omille OS X- tai iOS-sovelluksilleen. PressureJS on JavaScript-kirjasto koukut Force Touch -liittymiin ja voit soveltaa sitä sivustoihisi.

SplitJS

SplitJS on kevyt JavaScript-kirjasto, jonka avulla voit jaa selainikkunan näkymisportti useisiin osiin. Olet ehkä nähnyt, että sitä käytetään yleisesti koodinjakoissa, kuten CodePen.io, JSFiddle tai JSBin, jossa HTML-, CSS- ja JS-työtilat on jaettu omiin osiinsa.

FlexibilityJS

Flexbox tekee verkkoasettelujen järjestämisestä paljon helpompaa. Koska web-kehittäjät eivät kuitenkaan toimi Internet Explorer 9: ssä ja 8: ssa, niiden on usein palattava tunnetun ongelman käyttämiseen kellua omaisuus. FlexibilityJS on täällä niin voit käytä Flexboxia jättämättä näitä vanhoja selaimia taakse.

LabellaJS

LabellaJS merkit luodaan leimattu aikajana niin paljon helpompaa. Käytössäsi on useita vaihtoehtoja etiketin sijainnin, suunnan, leveyden, korkeuden ja asettelualgoritmin ohjaamiseksi. Se toimii AMD-kuormaimen kanssa, kuten RequireJS, ja sitä voidaan käyttää kauniisti yhdessä Browserify- ja Node.js. Ei tarvita riippuvuutta.

Pissata

Pissata on enemmän kuin vain toinen CSS-kehys. Se on täynnä paljon komponentteja, jotka auttavat rakentamisessa, mukaan lukien a sisäänrakennettu palvelin, suora uudelleenlataus, sourcemap, minimointi, koodin validointi, ja staattisen sivuston generaattori. Siinä on myös omat JavaScript-kirjastot, joilla on ominaisuuksia, joilla voit parantaa sivustosi etuosaa.

grav

grav on tasainen tiedosto CMS samankaltainen kuin staattisen sivuston generaattori Jekyll. Silti sitä voidaan laajentaa teemojen ja laajennusten kautta, kuten WordPress. Voit esimerkiksi asentaa järjestelmänvalvojan paneelin, pikakoodien, kommenttien, lomakkeiden ja sivustokartan. Yleisesti ottaen se on suuri CMS, joka voi olla myös suuri kilpailija vakiintuneemmalle CMS: lle.

PatternPack

PatternPack on työkalu, jonka avulla voit rakentaa järjestelmä, jolla voit rakentaa verkkosivustosi tai sovelluksesi ja jaa se eri projekteissa kerralla. Normaalijärjestelmän käyttäminen on yleinen parhaiden käytäntöjen muoto: paitsi se nopeuttaa työnkulkua, mutta myös tekee projektista entistä ylläpidettävämmän. Lue työkalun käyttöohjeet aloitusoppaasta.

OhCrash!

Virheenjäljitys JavaScriptissä saattaa olla hyvin hankalaa. Käyttäjät voivat ilmetä virheitä, joita et todennäköisesti kokenut kehittämisen ja käyttöönoton aikana, koska sinulla on jo täydellinen asennus. Tässä on hankalaa, että virhe kirjataan vain käyttäjän selaimeen. Kanssa OhCrash nyt voit laita loki Github-arkistoihin, niin saat enemmän tietoa virheestä.