Nové zdroje pro webové designéry a vývojáře (leden 2016)

Mnohé z nástrojů a aplikací pro vývojáře na webu se vyvíjejí podle trendů, zatímco některé se vyvíjejí jako pragmatičtější řešení. V tomto měsíčním splátku jsem se rozhodl strávit více času hledáním zdrojů, které zřejmě nejsou tak zjevně užitečné. , ale stále ve svých příslušných kategoriích.

Máme pěkné písmo, které může být vaše Helvetica Neue náhrada, knihovna JavaScriptu pro testování dotekového tlaku a praktický nástroj pro protokolování chyb JavaScript. Podívejme se na ně.

Klepněte na tlačítko Další zdroje

Najděte si celou naši sbírku doporučených zdrojů a nejlepší dostupné nástroje pro web design a vývoj.

Písmo OverPass

OverPass písmo je volné písmo inspirované Highway Gothic. Gotická dálnice je v mnoha zemích široce přijímaným písmem pro dopravní značky z důvodu čitelnosti na vzdálenost a vysoké rychlosti. Písmo OverPass se dodává se čtyřmi váhami písma (tenké, normální, polotučné a tučné), velkými a malými písmeny a lze je také převést na webové písmo..

Licence: OFL (Open Font License)

Pa11y

Pa11y je nástroj pro testování dostupnosti webových stránek s méně zmatků, skrze krásu, která je automatizace. Můžete použít rozhraní příkazového řádku nebo nastavit pomocí řídicího panelu, pokud dáváte přednost barevnému interaktivnímu rozhraní. Pa11y vypracuje zprávu, která ukáže oblasti, které chcete opravit, pokud chcete zlepšit dostupnost svých webových stránek pro různá postižení.

Více zdrojů na dostupnost:

Moderní web a dostupnost [Video]
Playlist: Accesibility by Thomas Bradly [Video]
Podívejte se na ARIA Webové standardy a přístupnost HTML aplikací

TlakJS

Apple Force Touch v podstatě měří tlak prstu na obrazovku nebo trackpad, který může být použit k přidání dalších funkcí. Vývojáři mohou využít této technologie, aby přidali použitelnost svým nativním aplikacím OS X nebo iOS. TlakJS je knihovna JavaScript, která zavěsí do API Force Touch a umožní vám ji aplikovat na vaše webové stránky.

SplitJS

SplitJS je lehká JavaScript knihovna, která vám umožní rozdělte výřez okna prohlížeče do několika sekcí. Pravděpodobně jste ho běžně používali ve webových serverech pro sdílení kódu, jako je CodePen.io, JSFiddle nebo JSBin, kde jsou pracovní prostory HTML, CSS a JS odděleny do vlastních sekcí.

FlexibilitaJS

Flexbox usnadňuje uspořádání webového rozvržení. Vzhledem k tomu, že nefunguje v aplikacích Internet Explorer 9 a 8, musí weboví vývojáři často vrátit k používání notoricky nepříjemných plovák vlastnictví. FlexibilitaJS je tady, takže můžete používat Flexbox bez zanechání těchto starých prohlížečů za sebou.

LabellaJS

LabellaJS dělá vytvoření označené časové osy mnohem snazší. Máte k dispozici řadu možností, jak řídit pozici štítku, směr, šířku, výšku a algoritmus rozvržení. Pracuje s AMD nakladačem, jako je RequireJS, a může být pěkně použit spolu s Browserify a Node.js. Není nutná závislost.

Wee

Wee je více než jen rámec CSS. Je balena se spoustou komponent, které pomáhají při stavebním procesu včetně a vestavěný server, živé přebíjení, sourcemap, minifikace, validátor kódu, a generátor statických stránek. Dodává se také s vlastními knihovnami JavaScript s funkcemi, které zlepší vaše webové stránky.

Grav

Grav je plochý soubor CMS podobný Jekyll, generátor statických stránek. Přesto, to může být rozšířeno prostřednictvím témat a pluginů, podobně jako WordPress. Můžete například nainstalovat panel Administrator, Shortcodes, Comments, Forms a Sitemap. Je to celkově skvělý CMS, který může být také velkým kandidátem na zavedenější CMS.

PatternPack

PatternPack je nástroj, který vám umožní vybudovat systém pro tvorbu webových stránek nebo aplikací a sdílet je napříč různými projekty najednou. Mít standardní systém je obecná forma osvědčeného postupu: nejenže to urychlí váš pracovní postup, ale také zajistí, že projekt bude udržovatelnější. Přečtěte si návod k použití a podívejte se, jak nástroj používat.

OhCrash!

Ladění v JavaScriptu může být velmi složité. Uživatelé se mohou setkat s chybami, s nimiž jste se během vývoje a nasazení pravděpodobně nestretli, protože již máte dokonalé nastavení. Zložité je, že chyba je přihlášena pouze do prohlížeče uživatele. S OhCrash teď můžeš Přihlaste se do svých úložišť Github, takže jste o této chybě lépe informováni.