Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы

Аватар Иван Бирюков

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

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

Продолжение коллекции полезных инструментов для веб-разработчиков. Делитесь вашими любимыми ресурсами в комментариях! 

Хостинг и браузеры

Инструменты для работы с хостингами и анализа сайтов.

PingDom’s Website Speed Test

Этот инструмент поможет вам проанализировать скорость загрузки ваших сайтов и поможет узнать, как сделать их быстрее. В результате вы получите глубокий и информативный анализ. В качестве альтернативе можно использовать этот ресурс от Google.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 1

Domai.nr

С domai.nr вы можете проверить наличие доменного имени и получить предложения по похожим названиям. Работает достаточно хорошо и быстро.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 2

Browser Shots

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

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 3

Piwik

Piwik — это приложение, которое дает вам подробную информацию о пользователях и их поведении на вашем веб-сайте. Вы можете использовать его вместе с Google Analytics.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 4

Responsinator

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

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 5

Whats my browser size?

Измеряет размер окна браузера. Довольно просто, но весьма полезно.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 6
***

Обработка изображений

Лучшие редакторы изображений и не только.

Real Favicon Generator

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

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 7

Pixlr

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

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 8

Place it

Placeit.net является инструментом для создания потрясающих макетов сайтов или демонстраций, помещая их на экраны компьютеров и устройств на стоковых изображениях. Он включает в себя сотни классных дизайнов на выбор и довольно прост в использовании.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 9

Place hold

Placehold.it поможет вам создать фиктивные изображения в качестве заполнителей в дизайне. После выбора размера вашей картинки вы можете просто скопировать появившуюся ссылку и положить её в тег img. Разумеется, есть версия с котятами.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 10

Pic Resize

Picresize выходит за рамки того, что можно преположить исходя из названия. Этот инструмент позволяет применять фильтры к изображениям, обрезать их и конвертировать формат.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 11
***

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

HipChat

С HipChat вы можете объединиться с коллегами в режиме реального времени. Есть поддержка обмена файлами, видео-чата и совместного использования экрана.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 12

GitHub и Bitbucket

Git сделал контроль версий доступным каждому, а GitHub произвёл революцию в коллаборации разработчиков. GitHub — это самый популярный хостинг репозиториев в мире, предоставляющий неограниченное количество публичных репозиториев. Если же вам нужно работать с приватными репозиториями, причём бесплатно, вам стоит обратить внимание на Bitbucket.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 13
***

Расширения Chrome

Visual Event

Это расширение показывает все события, привязанные к каждому элементу DOM. Может быть довольно полезным при работе со сложными обработчиками событий JavaScript.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 14

Page Ruler

Быстрый способ узнать ширину, высоту и положение сегмента экрана.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 15

JSONView

Расширение Chrome и Firefox для чтения и валидации JSON в браузере.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 16

SEO Serp Workbench

Chrome-приложение, которое даст вам подробную информацию о поисковой позиции на нескольких сайтах в соответствии с ключевым словом.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 17

ColorZilla

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

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 18
***

Учебные ресурсы

Разумеется, не стоит забывать и про наш сайт ?

Tutorialzine

Tutorialzine — это сайт, на котором каждую неделю публикуются руководства и статьи по веб-разработке.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 19

Codecademy

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

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 20

CodeSchool

Видеокурсы по Ruby, Javascript, HTML/CSS и iOS-разработке. Есть уроки и упражнения для начинающих и уже опытных кодеров.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 21

Bento

Bento — это большая коллекция бесплатных учебных пособий по программированию.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 22

Programming, Motherfucker

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

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 23

50 шпаргалок и руководств

На этой странице собрано множество различных шпаргалок и руководств по различным областям веб-разработки, от HTML и CSS до CMS и текстовых редакторов.

Подборка инструментов и ресурсов для веб-разработчиков. Часть вторая. Хостинг, обработка изображений, расширения, учебные ресурсы 24
Веб-разработка
Инструменты
8678