Инструменты веб - разработчика

Бесплатный редактор исходного кода и заметок, который поддерживает несколько языков.

Быстрый и удобный. Имеет мощный API Python, который позволяет плагинам расширять встроенные функции.

Современный текстовый редактор с открытым исходным кодом, который понимает веб-дизайн.

Быстро и легко разрабатывать настольные, мобильные и веб-приложения.

Легкий, но мощный редактор исходного кода, который работает на вашем рабочем столе и доступен для Windows, MacOS и Linux.

Текстовый редактор от GitHub.

Мощный, с открытым исходным кодом редактор. Восстановлен с нуля и включает в себя новые функции, которые помогут вам быть более продуктивными.

Бесплатная межплатформенная IDE для разработки PHP / HTML / CSS / JavaScript.

Быстрый и мощный редактор PHP-кода для Windows. Является самым полным программным обеспечением для кодирования PHP, HTML, CSS, JavaScript и других языков веб-разработки с инструментами для отладки, проверки, повторного использования, навигации и форматирования вашего кода.

Идеально подходит для работы с Symfony, Drupal, WordPress, Zend Framework, Laravel, Magento, Joomla, CakePHP, Yii и другими фреймворками.

Быстрый, удобный и безопасный браузер для всех ваших устройств.

С удвоенной скоростью, встроенной защитой приватности. Новый Firefox - лучший способ веб-сёрфинга.

Удобный, безопасный, быстрый браузер.

Более быстрый и безопасный браузер, разработанный для Windows 10.

Портативная серверная платформа и программная среда, созданная специально для веб-разработчиков с учётом их рекомендаций и пожеланий.

Джентльменский набор Web-разработчика. Локальный сервер (Apache, PHP, MySQL, Perl и т.д.) и программная оболочка, используемые Web-разработчиками для разработки сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет. Главная особенность Денвера — удобство при удаленной работе сразу над несколькими независимыми проектами и возможность размещения на Flash-накопителе.

Среда выполнения JavaScript, встроенная в механизм JavaScript V8 для Chrome.

Инструментарий для автоматизации трудоемких задач в вашем рабочем процессе разработки.

Система управления распределенной версией с открытым исходным кодом, предназначенная для обработки от небольших до очень крупных проектов со скоростью и эффективностью.

Менеджер пакетов для Интернета.

Приложение для графического интерфейса для компиляции Less, Sass, Compass и CoffeeScript, чтобы помочь веб-разработчикам использовать их более эффективно. Koala может работать в windows, linux и mac.

Компилятор JavaScript. Можно переводить код ES6 в ES5. После чего спокойно использовать в любом браузере.

Менеджер пакетов для Node.js . Он был создан в 2009 году как проект с открытым исходным кодом, чтобы помочь разработчикам JavaScript легко обмениваться упакованными модулями кода.

Данный валидатор проверяет правильность разметки веб-документов в HTML, XHTML, SMIL, MathML и др.

Проверка каскадных таблиц стилей (CSS) и документов (X)HTML с таблицами стилей.

Проверка ссылок и привязок на веб-страницах или полных веб-сайтах.

Оптимизатор кода.

Имитация браузеров.

Можно узнать, что поддерживает браузер.

Так же даёт информацию о поддержке.

Проверяет, насколько хорошо ваш браузер поддерживает html5?

Анализирует содержание веб-страницы и предлагает решения, которые позволят ускорить ее загрузку.

Качественная и быстрая проверка орфографии сайта.

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

Ресурс предоставляет просмотр веб-сайта на разных гаджетах.

На этом сайте так же представлены разные гаджеты для теста.

Можно узнать размер окна браузера.

Среда социального развития для разработчиков интерфейсов.

Песочница для JavaScript

Ещё одно место для демонстрации кода.

Данный ресурс предлагает карты разных стилей которые подойдут для любого проекта

Набор сервисов, которые позволяют использовать картографические данные и технологии Яндекса в ваших проектах

Google карта

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

Отслеживает, где ваши изображения появляются в Интернете.

Сжатие png картинок.

Сжатие jpeg картинок.

Имитация картинки на веб-странице на этапе разработки.

Шрифты от google.

Генератор шрифтов.

На данном сайте можно перевести размер шрифта из PX в EM и обратно.

Здесь вы можете найти список со стандартным набором шрифтов, общих для всех версий Windows и их заменителей Mac, иногда называемых «безопасными браузерами шрифтами».

11 бесплатных аналогов наиболее популярных шрифтов.

Коллекция бесплатных шрифтов для ваших сайтов.

Текст-"рыба".

Современный и простой css @ font-face generator.

Бесплатные кириллические шрифты.

Цветовой круг.

Мощный Photoshop-редактор CSS-градиента от ColorZilla.

Библиотека цвета.

Цвета в CSS.

Подбор цвета.

На данном сайте представлена довольно интересная цветовая палитра и иконки.

Ещё один портал посвященный цвету.

Спецсимволы.

Популярные спецсимволы HTML.

Таблица символов Unicode.

Сборник спецсимволов.

Генератор favicon.

Значки и иконки.

Так же представлены значки и иконки.

Данный сайт позволяет бесплатно скачивать наборы значков и иконок. Представлен конвертер изображений в иконку и генератор Favicon.

Бесплатные векторы, PSD, иконы и фотографии.

PNG-изображения и клипарты для веб-дизайна.

Самая большая база данных бесплатных значков, доступных в форматах PNG, SVG, EPS, PSD и BASE 64.

Логотипы.

Высококачественные логотипы SVG.

Логотипы компаний, брендов, фирм.

Векторные иконки и социальные логотипы.

Надежный источник символов UTF-8.

Огромный выбор бесплатных иконок в любом формате, размере и цвете за 20 секунд.

Интересный сайт с большим количеством иконок на любой вкус и цвет.

Русскоязычная поисковая система иконок.

Бесплатные шаблоны сайтов c HTML, CSS, PSD и Flash.

Простые CSS, HTML5 и адаптивные шаблоны сайтов.

На данном сайте тоже представлены адаптивные шаблоны сайтов.

Фоны.

Список ресурсов где представлены фото и видео для свободного использования в своих проектах.

Фоны.

Фото, видео, иллюстрации, векторы и др.

Роялти-фри изображения, иллюстрации и видео.

Изображения PNG для бесплатной загрузки.

Лучшие бесплатные стоковые фото и видео от талантливых создателей.

CSS-анимации.

Анимация при скролле страницы.

Звёздный рейтинг.

3d навигация.

Кроссбраузерные анимации.

Простые и приятные CSS анимации.

Большой сборник HTML, CSS, JavaScript/jQuery компонентов.

На данном ресурсе представлены не только справочники по HTML и CSS, но также такие разделы как руководства, курсы, практика, самостоятельная и тесты.

Здесь так же много справочного материала.

Про HTML5.

Данный сайт предлагает не только информацию по HTML и CSS. Найдете разделы JS, SEO, CSS-справочник и другие.

Ресурс посвящен CSS.

Много полезных статей.

Документация PHP

Современный учебник JavaScript.

Справочник по современному JavaScript.

Информация Less.

Документация Sass.

Официальный сайт jQuery.

Русская документация jQuery.

Крупнейший в мире сайт для web разработчика.

Веб-документация MDN. Ресурсы для разработчиков, от разработчиков.

Карусель.

Возвращает placeholder в IE9.

Данный скрипт позволяет использовать элементы HTML5 в устаревшем Internet Explorer.

Подключение скриптов с удалённого сервера.

Бегущий счетчик.

Анимационная библиотека для ввода текста в формате JavaScript.

Скрипт обеспечивает задержку при наведении на элемент.

Стилизация чек-боксов и радио кнопок.

Валидация форм.

Стилизация ползунка.

Нестандартная сетка.

Липкий сайдбар.

Стилизация скроллбара.

Zoom изображения при наведении.

Работа и стилизация Map.

Скролл слайдами.

Сортировка данных таблицы.

Расширенная работа с таблицами.

Всплывающая галерея.

Плагин jQuery, который обеспечивает эффекты параллакса при движении мыши по экрану.

Плагин jQuery, который обеспечивает эффекты параллакса для любого элемента прокрутки.

Подбор слов для SEO оптимизации.

Онлайн-сервис проверки текста на уникальность.

Сервис производит технический SEO-аудит Вашего сайта и позволяет составить рекомендации для улучшения параметров ранжирования в поисковых системах.

Генератор треугольников CSS.

Начните разработку сайтов с точностью до пикселя!

Пиксель в пиксель.

Преобразование файлов в облаке. Ресурс позволяет конвертировать что угодно во что угодно.

Бесплатный онлайн конвертер.

Конвертер файлов. Онлайн и бесплатно.

300 потрясающих бесплатных сервисов.