Новые бесплатные инструменты для веб-дизайна и разработки (март 2012)

Содержание

В данной подборке Барк Пенфолд предлагает вам 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.

Если вы когда-нибудь встречались в подобными инструментами, и не увидели их в нашем списке, то, пожалуйста, не забудьте и не поленитесь поделиться ими с нами и другими читателями! Кстати, если у вас есть инструменты собственной разработки, то это только плюс!