Čerstvé zdroje pre návrhárov webových stránok a vývojárov (január 2016)

Mnoho nástrojov a aplikácií pre vývojárov, ktoré sa nachádzajú na webe, sa vyvíja podľa trendov, zatiaľ čo niektoré sa vyvíjajú ako pragmatickejšie riešenie. V tomto mesiaci som sa rozhodol tráviť viac času nájdením zdrojov, ktoré sa zdajú byť zrejme užitočné , ale aj tak v ich príslušných kategóriách.

Máme pekné písmo, ktoré môže byť vaše Helvetica Neue nahradenie, knižnicu JavaScript na testovanie dotykového tlaku a praktický nástroj na zaznamenávanie chýb jazyka JavaScript. Pozrime sa na to.

Kliknite na položku Ďalšie zdroje

Nájdite našu celú zbierku odporúčaných zdrojov a najlepšie dostupné nástroje na návrh a vývoj webových aplikácií.

Prenosné písmo

minúť písmo je voľné písmo inšpirované Highway Gothic. Diaľnica Gothic je v mnohých krajinách široko prijatým typom písma pre cestné značky kvôli čitateľnosti na diaľku a pri vysokých rýchlostiach. Písmo OverPass sa dodáva v štyroch typoch písma (tenké, normálne, polo-tučné a tučné), veľké a malé písmená a tiež je možné ich premeniť na webový font.

licencie: OFL (Open Font License)

PA11

PA11 je a nástroj na otestovanie dostupnosti webových stránok s menšími ťažkosťami, skrz krásu, ktorá je automatizácia. Môžete použiť rozhranie príkazového riadku alebo nastavenie pomocou ovládacieho panela, ak preferujete farebné, interaktívne rozhranie. Pa11y vytvorí prehľad, ktorý zobrazí oblasti, ktoré je potrebné opraviť, ak chcete zlepšiť prístupnosť webových stránok pre rôzne zdravotné postihnutia.

Viac zdrojov o dostupnosti:

Moderný web a prístupnosť [Video]
Playlist: Dostupnosť od Thomas Bradly [Video]
Pozrite si ARIA Web Standards a HTML Apps Accessibility

PressureJS

Funkcia Apple Force Touch v podstate meria tlak prstov na obrazovke alebo trackpade, čo môže byť použité na pridanie ďalších funkcií. Vývojári môžu využiť túto technológiu na pridanie použiteľnosti do svojich natívnych aplikácií OS X alebo iOS. PressureJS je knižnica JavaScript sa zavesí do rozhraní API sily a umožňuje ho použiť na svojich webových stránkach.

SplitJS

SplitJS je ľahký JavaScript knižnica, ktorá vám umožní rozdeliť okienko okna prehliadača na niekoľko sekcií. Možno ste to videli bežne v webových aplikáciách na zdieľanie kódov, ako sú CodePen.io, JSFiddle alebo JSBin, kde pracovné priestory HTML, CSS a JS sú rozdelené do vlastných sekcií.

FlexibilityJS

Systém Flexbox uľahčuje usporiadanie rozloženia webu. Napriek tomu, pretože nefunguje v programoch Internet Explorer 9 a 8, weboví vývojári sa často musia vrátiť k používaniu notoriously troublesome plavák vlastnosť. FlexibilityJS je tu, aby ste mohli použite Flexbox bez toho, aby ste opustili tieto staré prehliadače.

LabellaJS

LabellaJS značky vytvorenie označenej časovej osi oveľa jednoduchšie. Máte k dispozícii niekoľko možností na ovládanie polohy, smeru, šírky, výšky a algoritmu rozloženia. Pracuje s nakladačom AMD, ako je RequireJS, a môže byť pekne použitý spolu s prehliadačom Browserify a Node.js. Nie je potrebná žiadna závislosť.

cikať

cikať je viac než len ďalší rámec CSS. Je vybavený množstvom komponentov, ktoré vám pomôžu s procesom stavby vrátane a vstavaný server, živé načítanie, sourcemap, minification, validátor kódu, a generátor statických stránok. Dodáva sa aj s vlastnými knižnicami jazyka JavaScript s funkciami na vylepšenie frontendu vašej webovej stránky.

gravitačné

gravitačné je plochý súbor CMS podobne ako Jekyll, statický generátor lokality. Napriek tomu sa môže rozšíriť o motívy a doplnky podobne ako WordPress. Môžete napríklad nainštalovať pridať Panel správcov, krátke kódy, komentáre, formuláre a súbor Sitemap. Celkovo je to skvelý CMS, ktorý môže byť tiež skvelým uchádzačom o zavedenú CMS.

PatternPack

PatternPack je nástroj, ktorý vám umožní vybudovať systém na vytvorenie webových stránok alebo aplikácií a zdieľať ho v rôznych projektoch naraz. Štandardný systém je všeobecnou formou osvedčených postupov: nielen urýchli váš pracovný tok, ale tiež uľahčuje údržbu projektu. Prečítajte si Sprievodcu štartom, kde nájdete informácie o používaní nástroja.

OhCrash!

Ladenie v jazyku JavaScript môže byť veľmi zložité. Na vašich používateľoch sa môžu vyskytnúť chyby, ktoré ste pravdepodobne nevyskytli počas vývoja a nasadenia, pretože už máte perfektné nastavenie. Zložité je, že chyba je prihlásená iba do prehliadača používateľa. s OhCrash môžete teraz vložte protokol do svojich úložných priestorov Github, takže ste o chybe lepšie informovaní.