Полезные ресурсы и инструменты для разработчика. Часть 1

05.06.2012 07:13

Мы начинаем серию статей, призванных помочь разработчикам в их повседневной деятельности. В этих статьях вам будут предложены совершенно разнообразные инструменты, выполняющие различные функции, такие как валидация CSS, проверка Javascript, создание HTML5 библиотеки и многое другое. В данный список не будут включены ресурсы, относящиеся к jQuery, поскольку имеют огромную популярность среди разработчиков и будут вынесены в отдельную тему.

1. Responsive Grid System

Responsive Grid System представляет из себя CSS фреймворк для быстрой интуитивной разработки responsive сайтов. Для загрузки доступны сетки для 12, 16 и 24 колонок, подходящие для большинства современных (в том числе мобильных) устройств.

Responsive Grid System

2. Gumby 960 Responsive Grid Framework

Данный фреймворк поможет легко и быстро создать оптимизированный под большинство стандартных экранов сайт с рабочей областью 960 пикселей. В инструмент уже включено множество стилей и элементов для быстрой сборки функциональных прототипов. Фреймворк изначально заточен под создание проектов, не требующих наличия отдельного сайта для мобильных устройств.

Gumby 960 Responsive Grid Framework

3. Box CSS Framework

Box CSS Framework представляет из себя фреймворк, основанный на «box-sizing». Для создания используются значения «border-box» и «display:inline block».

Box CSS Framework

4. Foldy 960 Framework

Foldy 960 Framework позиционируется как небольшой инструмент с некоторыми дополнительными классами для создания responsive сайтов.

Foldy 960 Framework

5. Css2Less

С помощью Css2Less вы сможете быстро конвертировать старые файлы CSS в LESS. Принцип работы сводится к простому «скопировал и вставил».

Css2Less

6. Codeanywhere Code Editor

Codeanywhere представляет собой браузерный редактор кода с поддержкой всех популярных форматов, таких как HTML, PHP, JavaScript, CSS и XML.

Codeanywhere Code Editor

7. Responsive IE6

Это очень небольшой и простой инструмент для тестирования медиа-запросов в Internet Explorer 6.

Responsive IE6

8. Dirty Markup

Dirty Markup — это веб-инструмент, с помощью которого можно привести в порядок и сделать более аккуратным HTML, CSS и JS код. Он сочетает в себе все возможности HTML Tidy, CSS Tidy, JS Beautify и редактора Ace для быстрого приведения кода в нормальный вид.

Dirty Markup

9. SnipSave

Это очень простой в использовании инструмент для сохранения кусков кода онлайн. Интерфейс позволяет чрезвычайно быстро создавать новые сниппеты и управлять существующими.

SnipSave

10. RWD Calculator

Простой в использовании калькулятор, который поможет легко превратить PSD шаблон в основу для responsive сайта. Иными словами, он переводит пиксели в проценты.

RWD Calculator

Ниже указаны ссылки на другие подборки полезных инструментов для разработчика:

Часть 2

Часть 3

Часть 4

Часть 5






Комментарии Facebook



Комментарии ВКонтакте

04.04.17 | CMS Magazine
Открыт сбор данных для рейтинга SEO-компаний-2017

4 апреля Рейтинг Рунета запустил прием заявок на участие в ежегодном рейтингеSEO-компаний. К участию приглашаются агентства и студии, специализирующиеся на поисковом продвижении сайтов и ...

Перейти к новости

28.02.17 | UMI.CMS
Как организовать работу разработчиков, сохранить нервы и повысить эффективность

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

Перейти к новости

07.03.12 | Habrahabr
CMS / Что нас ждет в Joomla Framework 12.1

Возможно еще не все осознали, но Joomla давно разделилась на две части — Joomla CMS и Joomla Framework. Последний имеет версию <a href="https://github.com/joomla/joomla-platform/commit/4329ba0c4c0df438afa70a8e222dcf278fdb78ec">11.4</a>, но усиленно ...

Перейти к новости



Яндекс цитирования
Разработка сайта:Разработка сайтов: ЮМИ Студияumistudio.
Интернет-агентство свежих идей.
Сайт работает на UMI.CMS
По всем вопросам обращайтесь на admin@cmslist.ru
© 2003—2017 CMS List. Перепечатка материалов
возможна только с письменного разрешения редакции
Контакты · Добавить CMS
Реклама · Условия перепечатки