—»     —»   Новые инструменты для веб-дизайна и разработки
  Раздел: Инструменты, Java-Скрипты   Нет комментариев  

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



В данной подборке Барк Пенфолд предлагает вам 10 лучших новых утилит, предназначенных для веб-дизайнеров и разработчиков. На этот раз все приложения маленькие и бесплатные, а также все они основаны на 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. Live Reload (Цена: 9.99$)

Исключить необходимость обновления из процесса разработки – это отличная идея, так как нам постоянно нужно думать о времени. LiveReload обновляется каждый раз, когда вы вносите изменения в структуру сайта или сохраняете файл каскадных таблиц стилей.

Для тех, кто использует CoffeeScript, LESS и SASS, LiveReload предлагает даже большую применимость, и теперь вы можете быть полностью уверенными в том, что кроме разработки вам не нужно будет заботиться ни о чем другом.

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

Просто перекиньте проекты в окошко LiveReload, добавьте тэг «script»! Больше никаких обновлений страницы!

07. IvanK.js (Бесплатен)

Если у вас проблемы с Flash, то вы можете воспользоваться превосходной js-библиотекой от Ивана Кукира IvanK.js. Библиотека двумерной графики работает с HTML5 и WeBGL для организации удивительного визуального программинга.

Учитывая опрятность АПИ, а также количество работы, которое оно помогает избежать любому 2D-разработчику, IvanK стоит внимания. Конечно же, это не полноценный ресурс, но его поддерживает iOS, а с недавнего времени и Android.

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

Игры Ивана Кукира демонстрируют нам каким полезным может быть скрипт, названный в честь его имени.

08. Sequence (Бесплатен)

Слайд-шоу или браузеры изображений – это как раз то колесо в веб-разработке, которое требует постоянного «переизобретения». Да, так оно и было, пока мы не повстречались со скриптом Sequence.js от Яна Ланна.

Скрипт поддерживается почти во всех браузерах, даже в IE7, а разработан он был специально, чтобы у вас была возможность оформить его подобающим образом для соответствия с остальным дизайном. Этот jQuery-плагин и основан на CSS3. Стоит также отметить наличие отличной документации.

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

Смотрите демо

09. Float (Цена: от 19$)

Float представляет вам возможность быстро и удобно поддерживать вкладки проектов и сотрудников.

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

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

Float UI – освободите свое время для выходных!

10. TypedJS (Бесплатный)

Комментирование написанного кода поможет вам быстро и легко найти нужные фрагменты, когда вам нужно будет внести изменения. TypedJS предоставляет вам отличный подход к созданию аннотаций, указывая начало и конец ваших функций.

Все, что вам нужно сделать, комментировать код в подробностях. Typed даже способно предлагать вам варианты кода, и заранее предупреждать о том, что получится после определенных изменений. Отлично работает в Firefox.

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

TypedJS запускается в веб-консоли Firefox.

Если вы когда-нибудь встречались в подобными инструментами, и не увидели их в нашем списке, то, пожалуйста, не забудьте и не поленитесь поделиться ими с нами и другими читателями! Кстати, если у вас есть инструменты собственной разработки, то это только плюс!
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: javascript, слайд-шоу
Опубликовал Design FactoRy   Прочитано (раз): 9028   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц January по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Профессиональные видеокамеры
Купить видеокамеры Canon по отличным ценам. Доставим завтра, выбирайте
technovybor.ru
Монеты россии
Продажа монет, медалей, знаков, бон. Все о монетах и нумизматике
greatcoins.ru
Установка душевых кабин
В продаже - Установки, низкие цены! Невостребованные остатки
аллея-ремонта.рф
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930