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

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

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

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

PingDom’s Website Speed Test

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

speedtest

Domai.nr

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

domainr

Browser Shots

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

browsershots

Piwik

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

rsz_piwik-e1410189569125

Responsinator

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

responsinator

Whats my browser size?

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

screensize


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

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

Real Favicon Generator

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

favicongenerateor

Pixlr

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

rsz_11photoeditor-1024x661

Place it

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

rsz_placeit

Place hold

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

placeholdit

Pic Resize

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

rsz_resize


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

HipChat

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

hipchat

GitHub и Bitbucket

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

rsz_github


Расширения Chrome

Visual Event

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

visualevent

Page Ruler

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

pageruler

JSONView

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

jsonview

SEO Serp Workbench

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

seoserpworkbench

ColorZilla

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

colorzilla


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

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

Tutorialzine

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

tutorialzine

Codecademy

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

codeacademy

CodeSchool

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

codeschool-e1410189457320

Bento

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

rsz_bento

Programming, Motherfucker

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

programmingmotherfucker-e1410189488517

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

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

По материалам «50 Awesome Tools and Resources for Web Developers»