Пресни ресурси за уеб дизайнери и разработчици (януари 2016 г.)

Много от инструментите и приложенията за разработчици, които се срещат в мрежата, се развиват според тенденциите, докато някои се развиват като по-прагматично решение. , но все пак се открояват в съответните им категории.

Имаме хубав шрифт, който може да е вашият Хелветика Нойе подмяна, JavaScript библиотека за тестване на натиска на докосване и удобен инструмент за регистриране на грешки в JavaScript. Нека ги проверим.

Кликнете за още ресурси

Намерете цялата ни колекция от препоръчителни ресурси и най-добрите налични инструменти за уеб дизайн и разработка.

Шрифт на OverPass

надлез шрифтът е безплатен шрифт, вдъхновен от Highway Gothic. Готиката на магистралата е широко възприет шрифт в много страни за пътни знаци поради четливостта му на разстояние и високи скорости. Шрифтът на OverPass се предлага в четири тегла на шрифта (тънък, нормален, полу-получер и получер), главни и малки букви, а също така може да се преобразува в уеб шрифт.

Разрешително: OFL (Отворен лиценз за шрифт)

Pa11y

Pa11y е инструмент за тестване на достъпността на уебсайта ви с по-малко от кавга, чрез красотата, която е автоматизация. Можете да използвате интерфейса на командния ред или настройката чрез таблото, ако предпочитате цветен, интерактивен интерфейс. Pa11y ще изготви доклад, показващ областите, които трябва да поправите, ако искате да подобрите достъпността на уебсайта си за различни увреждания.

Повече ресурси за достъпност:

Модерният уеб и достъпност [Видео]
Плейлист: Достъпност на Томас Брадли [Видео]
Поглед към уеб стандартите на ARIA и достъпността на HTML приложенията

PressureJS

Apple Touch Force основно измерва натиска на пръста върху екрана или тракпада, който може да се използва за добавяне на допълнителна функционалност. Разработчиците могат да се възползват от тази технология, за да добавят използваемост към родните си OS X или iOS приложения. PressureJS е библиотека на JavaScript, която прикачва към API принудителното докосване и ви позволява да го приложите към уебсайтовете си.

SplitJS

SplitJS е лека JavaScript библиотека, която ви позволява раздели прозореца на прозореца на браузъра на няколко секции. Може да сте го виждали често да се използва в webapps за споделяне на кодове като CodePen.io, JSFiddle или JSBin, където работните пространства на HTML, CSS и JS са разделени на свои секции.

FlexibilityJS

Flexbox прави подреждането на уеб оформленията много по-лесно. И все пак, тъй като не работи в Internet Explorer 9 и 8, уеб разработчиците често трябва да се връщат към използването на известния проблем поплавък Имот. FlexibilityJS е тук, така че можете използвайте Flexbox, без да оставяте тези стари браузъри.

LabellaJS

LabellaJS прави създаване на обозначена времева линия много по-лесно. Имате няколко опции, които са на ваше разположение, за да контролирате позицията, посоката, ширината, височината и оформлението на етикета. Той работи с AMD loader като RequireJS и може да се използва добре заедно с Browserify и Node.js. Не се изисква зависимост.

мъничък

мъничък е повече от просто друга CSS рамка. Той е пълен с много компоненти, които помагат в процеса на изграждане, включително a вграден сървър, презареждане на живо, sourcemap, minification, код валидатор, и статичен генератор на сайта. Той също така идва със собствени JavaScript библиотеки с функции за подобряване на интерфейса на уебсайта ви.

Грав

Грав е базиран на плосък файл CMS подобно на Jekyll, статичен генератор на сайтове. И все пак, тя може да бъде разширена чрез Themes and Plugins, подобно на WordPress. Например, можете да инсталирате, за да добавите администраторски панел, кратки кодове, коментари, формуляри и Sitemap. Като цяло е страхотна CMS, която също може да бъде голям претендент за по-утвърдена CMS.

PatternPack

PatternPack е инструмент, който ви позволява изграждане на система за изграждане на вашия уебсайт или приложение и да го споделите на различни проекти едновременно. Наличието на стандартна система е обща форма на най-добра практика: тя не само ускорява работния процес, но и прави проекта по-надежден. Прочетете Start Guide, за да видите как да използвате инструмента.

OhCrash!

Отстраняването на грешки в JavaScript може да бъде много трудно. Вашите потребители могат да изпитат грешки, които вероятно не сте изпитали по време на разработването и внедряването, защото вече имате перфектната настройка. Лошото е, че грешката се регистрира само в браузъра на потребителя. с OhCrash сега можете поставете регистрационния файл в хранилищата на Github, така че сте по-добре информирани за грешката.