Разделы:

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

Среда web-разработки не стоит на месте. Специально для разработчиков появляются новые инструменты, расширения плагины, редакторы кода. Все это делается для того что облегчить жизнь программистам.

В это статье будет рассказано чем может пользоваться web-программист, что бы процесс его работы был простым, быстрым и самое главное приносил удовольствие

В этой подборке представлены инструменты, которые предназначены как для творческой части веб-разработчиков и не только.

Итак, давайте начнем обзор:

Дизайн

Subtle Patterns

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

Полезные инструменты для веб-разработчиков. Subtle Patterns

Freepik

Ресурс содержит большую коллекцию (более 1.4 миллиона файлов)векторных изображений, иллюстраций, SVG- и PSD-файлов и стоковых фотографий.

Ресурс бесплатный

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

Awesome Images

Ресурс содержит коллекцию фотоматериалов.

Полезные инструменты для веб-разработчиков. Awesome Images

WE LOVE ICON FONTS

Содержит большой выбор иконок. Коллекция постоянно пополняется. Может стать полезным инструментом для веб-разработчиков.

Полезные инструменты для веб-разработчиков. WE LOVE ICON FONTS

CSS3 TEXT SHADOW GENERAT

Также не менее полезным инструментом для веб-разработчиков. Это генератор теней. Данный инструмент позволяет создавать красивые эффекты со шрифтами

Полезные инструменты для веб-разработчиков. CSS3 TEXT SHADOW GENERAT

CSS3 BOX SHADOW GENERAT

Это тоже генератор теней. Данный инструмент позволяет создавать красивые эффекты с блоками

Полезные инструменты для веб-разработчиков. CSS3 BOX SHADOW GENERAT

MAKEAPPICON

Инструмент преобразует изображение в иконку

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

FAKE IMAGES PLEASE?

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

Полезные инструменты для веб-разработчиков. FAKE IMAGES PLEASE

Google Fonts

Очень полезный инструмент для веб-разрабочиков. Позволяет легко и быстро найти подходящий шрифт для будущего сайта

Полезные инструменты для веб-разработчиков. Google Fonts

HailPixel

Интересный инструмент для подбора цветов.

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

Firebug

Чрезвычайно полезное расширения для веб-разработчиков от Firefox. Позволяет проводить отладку JS, CSS и HTML

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

-prefix-free

Добавляет префиксы к CSS свойству в текущем браузере только там, где это нужно.

Полезные инструменты для веб-разработчиков. -prefix-free

Fontello

Генератор иконок. Сервис генерирует иконку в формате веб-шрифта

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

Web-developer toolbar

Еще один плагина от Firefox. Полезен, если вам нужно проверить информацию из HTTP-заголовков или проинспектировать XHTML.

Полезные инструменты для веб-разработчиков. Web-developer toolbar

Load Impact

Создает искусственную нагрузку на ваш сайт. Позволяет проверить как ваше приложение справляется с большими нагрузками. К примеру 1.2 млн. посетителей.

Полезные инструменты для веб-разработчиков. Load Impact

W3c Markup Validation Service

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

Полезные инструменты для веб-разработчиков. W3c Markup Validation Service

Blokk Font

Шрифт предназначен для демонстрации макетов. Хорошая замена Lorem Ipsum.