Svježi resursi za web-dizajnere i razvojne programere (siječanj 2016)

Mnogi alati i aplikacije za programere koji se nalaze na webu razvijaju se prema trendovima, dok se neki razvijaju kao pragmatičnije rješenje. , ali ipak ističu u svojim kategorijama.

Imamo lijep izgled fonta koji može biti vaš Helvetica Neue zamjena, JavaScript biblioteka za testiranje pritiska na dodir i praktičan alat za prijavljivanje pogrešaka JavaScripta. Provjerimo ih.

Kliknite za više resursa

Pronađite cjelokupnu zbirku preporučenih resursa i najbolje dostupne alate za web dizajn i razvoj.

Prekomjerni font

Nadvožnjak font je besplatan font inspiriran Highway Gothic-om. Autocesta Gothic je široko prihvaćen tip u mnogim zemljama za prometne znakove zbog čitljivosti na daljini i velikim brzinama. Font OverPass dolazi u četiri težine fonta (tanke, normalne, polu-podebljane i podebljane), velika i mala slova, a također se mogu pretvoriti u web-font.

licenca: OFL (Otvori licencu za fontove)

Pa11y

Pa11y je alat za testiranje dostupnosti vaše web-lokacije s manje gnjavaže, kroz ljepotu koja je automatizacija. Možete koristiti sučelje naredbenog retka ili postaviti putem nadzorne ploče ako vam je draže šareno, interaktivno sučelje. Pa11y će izraditi izvješće, prikazujući područja koja treba popraviti ako želite poboljšati dostupnost vaše web-lokacije za različite poteškoće.

Više resursa o dostupnosti:

Moderna mreža i pristupačnost [video]
Popis pjesama: Dostupnost Thomas Bradly [Video]
Pogled u ARIA web standarde i pristupačnost HTML aplikacija

PressureJS

Appleov Force Touch u osnovi mjeri pritisak prstom na zaslon ili trackpad, koji se može koristiti za dodatnu funkcionalnost. Programeri mogu iskoristiti ovu tehnologiju kako bi dodali upotrebljivost izvornim OS X ili iOS aplikacijama. PressureJS je JavaScript biblioteka koja kuke u API-je Force Force i omogućuje vam da ga primijenite na svoje web-lokacije.

SplitJS

SplitJS je lagana JavaScript biblioteka koja vam omogućuje podijelite prozor preglednika na nekoliko dijelova. Možda ste ga često koristili u web-aplikacijama za dijeljenje koda kao što su CodePen.io, JSFiddle ili JSBin gdje su radni prostori HTML, CSS i JS podijeljeni u vlastite odjeljke.

FlexibilityJS

Flexbox olakšava uređivanje web-izgleda. Ipak, budući da ne funkcionira u preglednicima Internet Explorer 9 i 8, web-programeri se često moraju vratiti na korištenje zloglasnog problema plutati svojstvo. FlexibilityJS je ovdje tako da možete koristite Flexbox bez ostavljanja tih starih preglednika.

LabellaJS

LabellaJS pravi stvaranja označene vremenske trake mnogo lakše. Imate na raspolaganju nekoliko opcija za kontrolu položaja, smjera, širine, visine i algoritma rasporeda. Ona radi s AMD utovarivačem takvim RequireJS, i može se lijepo koristiti zajedno s Browserify i Node.js. Nije potrebna ovisnost.

Časak

Časak je više od samo još jednog CSS okvira. Pakiran je s mnogo komponenti koje pomažu u procesu izgradnje uključujući i ugrađeni poslužitelj, ponovno učitavanje uživo, sourcemap, minification, validator koda, i statički generator web-mjesta. Također dolazi s vlastitim JavaScript knjižnicama s značajkama za poboljšanje sučelja vaše web-lokacije.

grav

grav je ravna datoteka CMS slično Jekyllu, statičkom generatoru. Ipak, može se proširiti kroz Teme i Dodaci, poput WordPressa. Na primjer, možete instalirati da biste dodali administratorsku ploču, kratke kodove, komentare, obrasce i Sitemap. To je sveukupno veliki CMS koji također može biti veliki kandidat za uspostavljeni CMS.

PatternPack

PatternPack je alat koji vam omogućuje izgraditi sustav za izgradnju vaše web stranice ili aplikacije i podijelite ga na različitim projektima odjednom. Postojanje standardnog sustava je opći oblik najbolje prakse: ne samo da ubrzava vaš tijek rada, već i čini projekt održivijim. Pročitajte Vodič za početak da biste vidjeli kako koristiti alat.

OhCrash!

Otklanjanje pogrešaka u JavaScriptu može biti vrlo teško. Korisnici mogu iskusiti pogreške koje vjerojatno niste iskusili tijekom razvoja i implementacije jer već imate savršeno podešavanje. Zanimljivo je da je pogreška prijavljena samo u korisnikov preglednik. S OhCrash sada možete stavite zapisnik u vaša Github spremišta, tako da ste bolje informirani o pogrešci.