Свіжі ресурси для веб-дизайнерів і розробників (січень 2016 р.)

Багато інструментів і додатків для розробників, знайдених в Інтернеті, розвиваються відповідно до тенденцій, а деякі розвиваються як більш прагматичне рішення. , але все ж виділяються у відповідних категоріях.

У нас є гарний шрифт, який може бути вашим Helvetica Neue заміна, бібліотека JavaScript для перевірки натискання на дотик і зручний інструмент для протоколювання помилок JavaScript. Давайте перевіримо їх.

Натисніть "Більше ресурсів"

Знайдіть всю нашу колекцію рекомендованих ресурсів і найкращі доступні інструменти веб-дизайну та розробки.

Шрифт OverPass

Overpass шрифт - безкоштовний шрифт, натхненний Highway Gothic. Готичне шосе є широко поширеним шрифтом у багатьох країнах для дорожніх знаків через його чіткість на відстані та високих швидкостях. Шрифт OverPass складається з чотирьох ваг шрифту (тонкий, нормальний, напівжирний, напівжирний), великі та малі літери, а також може бути перетворений у веб-шрифт.

Ліцензія: OFL (Відкрита ліцензія на шрифт)

Pa11y

Pa11y є інструмент для перевірки доступності веб-сайту з меншою кількістю клопоту, через красу, що є автоматизація. Ви можете скористатися інтерфейсом командного рядка або налаштувати його за допомогою панелі інструментів, якщо ви надаєте перевагу барвистому інтерактивному інтерфейсу. Pa11y створить звіт, в якому будуть показані області, які потрібно виправити, якщо ви хочете покращити доступність веб-сайту для різних інвалідів.

Більше ресурсів на доступність:

Сучасний веб і доступність [відео]
Плейлист: Доступність Томаса Бредлі [Відео]
Погляд на веб-стандарти ARIA та доступність додатків HTML

PressureJS

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

SplitJS

SplitJS це полегшена бібліотека JavaScript, яка дозволяє розділити вікно перегляду вікна браузера на кілька розділів. Можливо, ви бачили, як це часто використовується у веб-додатках для спільного використання кодів, таких як CodePen.io, JSFiddle або JSBin, де робочі простори HTML, CSS і JS розділені на свої розділи.

FlexibilityJS

Flexbox значно полегшує організацію веб-макетів. Проте, оскільки він не працює в Internet Explorer 9 і 8, веб-розробникам часто доводиться повертатися до використання відомої проблеми плавати власності. FlexibilityJS тут так можна використовуйте Flexbox, не залишаючи цих старих браузерів.

LabellaJS

LabellaJS робить створення позначеної часової шкали набагато простіше. У вашому розпорядженні є ряд опцій, які дозволяють контролювати позицію, напрямок, ширину, висоту та алгоритм компонування. Він працює з завантажувачем AMD, таким як RequireJS, і може бути добре використаний разом з Browserify і Node.js. Залежність не потрібна.

Ві

Ві більше, ніж просто інший фреймворк CSS. Він упакований з великою кількістю компонентів, які допомагають у процесі будівництва, включаючи a вбудований сервер, перезавантаження в реальному часі, sourcemap, minification, код валідатора, і статичний генератор сайту. Він також поставляється зі своїми власними бібліотеками JavaScript з функціями для покращення інтерфейсу вашого веб-сайту.

Grav

Grav на основі плоских файлів CMS схожий на Jekyll, статичний генератор сайту. Тим не менш, він може бути розширений за допомогою Теми та плагіни, подібно до WordPress. Наприклад, можна встановити, щоб додати панель адміністратора, шорткод, коментарі, форми та мапу сайту. Це загальний великий CMS, який також може бути великим претендентом на більш створену CMS.

PatternPack

PatternPack є інструментом, що дозволяє побудувати систему для створення вашого веб-сайту або програми і спільний доступ до різних проектів відразу. Наявність стандартної системи - це загальна форма найкращої практики: вона не лише прискорює робочий процес, але й робить проект більш ремонтопридатним. Прочитайте Початковий посібник, щоб дізнатися, як використовувати цей інструмент.

OhCrash!

Налагодження JavaScript може бути дуже складним. Ваші користувачі можуть відчувати помилки, які ви, напевно, не відчували під час розробки та розгортання, оскільки у вас вже є ідеальне налаштування. Важливо, що помилка входить до браузера користувача. С OhCrash Ви можете зараз помістіть журнал у репозиторії Github, щоб ви були більш поінформовані про помилку.