—»     —»   Новые инструменты для веб-дизайна и разработки
  Раздел: Инструменты, 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   Прочитано (раз): 9270   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

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

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


Монеты россии
Продажа монет, медалей, знаков, бон. Все о монетах и нумизматике
greatcoins.ru
Как избавиться от тли на деревьях
Опрыскиватель деревьев. Сравнение цен. Выбрать выгодный вариант
профидез.рф
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930