Команда Rusbase

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


Нашли отличную подборку сервисов, призванных помочь разработчикам в их повседневной деятельности. В статье вам будут предложены совершенно разнообразные инструменты, выполняющие различные функции, такие как валидация 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 

poleznye-resursy-i-instrumenty-dlya-razrabotchika

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

Box CSS Framework



4. Foldy 960 Framework
poleznye-resursy-i-instrumenty-dlya-razrabotchika Foldy 960 Framework позиционируется как небольшой инструмент с некоторыми дополнительными классами для создания responsive сайтов. 

Foldy 960 Framework



5. Css2Less

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

 Css2Less

 

6. Codeanywhere Code Editor

poleznye-resursy-i-instrumenty-dlya-razrabotchika

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

Codeanywhere Code Editor



7. Responsive IE6

poleznye-resursy-i-instrumenty-dlya-razrabotchika 

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

Responsive IE6

 

8. Dirty Markup

poleznye-resursy-i-instrumenty-dlya-razrabotchika

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

Dirty Markup

 

9. SnipSave

poleznye-resursy-i-instrumenty-dlya-razrabotchika

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

SnipSave

 

10. RWD Calculator

poleznye-resursy-i-instrumenty-dlya-razrabotchika

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

 

За материал спасибо cmslist.ru


comments powered by Disqus

Подпишитесь на рассылку RUSBASE

Мы будем вам писать только тогда, когда это действительно очень важно