Содержание
В данной подборке Барк Пенфолд предлагает вам 8 лучших новых бесплатных утилит, предназначенных для веб-дизайнеров и разработчиков: Pears, I HATE, Web Site Dimensions, Accessifyhtml5.js, Overthrow, IvanK.js, Sequence и TypedJS. Все приложения маленькие, бесплатные и основаны на javascript.
В данной подборке именно javascript выступает в качестве склада с «боеприпасами». Технология позволяет нам восполнять те пробелы в веб-разработке, из-за которых конечные пользователи привыкли искать различия в отображении приложений в браузерах Safari или IE.
Нам встречались и приложения гораздо более амбициозных разработчиков, но накопленный опыт подсказывает, что амбиции не всегда являются гарантом качества. И что интересно, многие из представленных приложений абсолютно бесплатны, хотя и не распространяются с открытым исходным кодом.
01. Pears
Если вам хочется найти элегантный способ решения проблем, связанных с разработкой кода, то преимущество стоит поискать в удаленном оперировании. Нужно небольшое пространство для размышлений. И именно это и предлагает Дэн Сидергольм в своем проекте Pears. Его идея встраивается в WordPress по образу обычной установки шаблона, но предоставляет вам отличную опрятную среду для обработки кода и стилей.
Опрятное привлекательное место для разработки кода и наработки дизайнерских навыков.
02. I HATE
Даже если проект и нацелен только лишь на то, чтобы удостовериться в том, что другим профессионалам приходится переживать то же, что и вам I HATE Terms and Conditions все равно достоин внимания.
В целом, вы просто вносите собственные условия использования в текстовом виде, подтверждаете заполненную форму и получаете в ответ уже готовый сверстанный код. Таким образом, вы можете очень быстро добавлять некоторые штрихи форматирования и скачивать готовый HTML-код.
Никто не любит повторяющуюся рутинную задачу, так что давайте дадим данной форме возможность немного разбавить процесс.
03. Web Site Dimensions
Вы должны быть полностью уверенными в том, что ваш сайт корректно отображается при различных размерах и разрешениях экрана любого устройства. Но эти размеры и разрешения так часто изменяются и добавляются, как за всеми уследить? Тут вам поможет Web Site Dimensions.
Так много различной информации укомплектовано в небольшую аккуратную таблицу. Приложение согласовано с требованиями W3C. Очень удобный тестер, который полезно иметь каждому разработчику.
Приложение поддерживает все размеры и формы дисплеев.
04. Accessifyhtml5.js
Команда Web Accessibility Initiative разработала платформу, предоставляющую пользователям с ограниченными возможностями шанс пользоваться полнофункциональными веб-сайтами. В целом, приложение вносит специальные атрибуты в элементы так, чтобы легко было определить их назначение: меню, контент, статьи и так далее.
Accessifyhtml5.js исследует ваш код, при этом добавляя нужное подмножество атрибутов. Всего 50 строк кода позволяют гораздо большему числу пользователей посещать ваш сайт и довольствоваться его контентом.
Accessifyhtml5.js помогает при работе с атрибутами ARIA.
05. Overthrow
Иногда недостатка единого подхода к таким простым вещам, как overflow:auto достаточно, чтобы вы вздрогнули. К счастью, есть люди, которые готовы решить данные проблемы.
Встречайте overthrow.js – гибкое, 6-килобайтное javascript-решение, которое позволяет решить проблемы с некоторыми браузерами (особенно мобильными), когда те отображают контент с примененным атрибутом overflow недосягаемыми. Просто внедрите данный скрипт и добавите класс к вашим div’ам. Все остальное скрипт сделает сам.
Скрипт позволяет вам грамотно управлять контентом, выходящим за рамки контейнеров.
06. IvanK.js
Если у вас проблемы с Flash, то вы можете воспользоваться превосходной js-библиотекой от Ивана Кукира IvanK.js. Библиотека двумерной графики работает с HTML5 и WeBGL для организации удивительного визуального программинга.
Учитывая опрятность АПИ, а также количество работы, которое оно помогает избежать любому 2D-разработчику, IvanK стоит внимания. Конечно же, это не полноценный ресурс, но его поддерживает iOS, а с недавнего времени и Android.
Игры Ивана Кукира демонстрируют нам каким полезным может быть скрипт, названный в честь его имени.
07. Sequence
Слайд-шоу или браузеры изображений – это как раз то колесо в веб-разработке, которое требует постоянного «переизобретения». Да, так оно и было, пока мы не повстречались со скриптом Sequence.js от Яна Ланна.
Скрипт поддерживается почти во всех браузерах, даже в IE7, а разработан он был специально, чтобы у вас была возможность оформить его подобающим образом для соответствия с остальным дизайном. Этот jQuery-плагин и основан на CSS3. Стоит также отметить наличие отличной документации.
08. TypedJS
Комментирование написанного кода поможет вам быстро и легко найти нужные фрагменты, когда вам нужно будет внести изменения. TypedJS предоставляет вам отличный подход к созданию аннотаций, указывая начало и конец ваших функций.
Все, что вам нужно сделать, комментировать код в подробностях. Typed даже способно предлагать вам варианты кода, и заранее предупреждать о том, что получится после определенных изменений. Отлично работает в Firefox.
TypedJS запускается в веб-консоли Firefox.
Если вы когда-нибудь встречались в подобными инструментами, и не увидели их в нашем списке, то, пожалуйста, не забудьте и не поленитесь поделиться ими с нами и другими читателями! Кстати, если у вас есть инструменты собственной разработки, то это только плюс!
