У каждого дизайнера есть свои любимые инструменты и дополнения, которые обязательно пригодятся в случае необходимости. Что может быть полезнее простых, экономящих время и удобных инструментов, которые вы можете использовать в процессе разработки? Вот обзор 15 инструментов, сервисов и надстроек, которые стоят вашего времени.
Расскажите нам о своем опыте работы с перечисленными здесь инструментами или другими, которые вы используете, чтобы продолжать работать.
Я хотел бы создать галерею здесь, на Noupe, чтобы продемонстрировать лучшие инструменты, услуги и надстройки, которые определенно сэкономят время и усилия для дизайнеров и разработчиков.
Дайте нам знать ваш любимый инструмент, просто добавьте его ссылку и почему он вам нравится.
Возможно, вам будет интересно проверить другие связанные сообщения для более полезных инструментов:
Онлайн-сервис и инструменты
— Почтовый
Мы все ненавидим переключать все знаки %u201C%u201D в нашем коде на %u201C%u201D соответственно. Это делает включение фрагментов кода в любой блог очень раздражающим. Postable легко справляется с этой проблемой, просто вставьте свой код туда, нажмите кнопку и получите код, удобный для публикации.
— Amazon Simple Storage Service (Amazon S3)
Amazon S3 предоставляет простые веб-сервисы для хранения ваших файлов, изображений и базы данных. S3 быстрый, очень дешевый (вы платите только за то, что используете) и надежный.
— Вектормагия
Преобразование растровых изображений в векторные изображения с помощью нескольких простых щелчков мыши
— DNSpinger
Каждый раз, когда вы переходите на новый хост, вам нужно будет изменить информацию DNS, чтобы указать ваш домен на новый хост, вы просто не знаете, когда именно распространяется DNS. DNSPinger — это веб-инструмент, который пингует указанный вами веб-сайт каждые 3 минуты в течение 24 часов и отправляет вам электронное письмо, когда IP-адрес обновляется (активируется новый DNS).
— Наборщик текста
Typetester — это онлайн-приложение для сравнения шрифтов на экране. Его основная роль — облегчить жизнь веб-дизайнеру.
— Копискейп
Сервис Copyscape упрощает поиск копий вашего контента в Интернете. Copyscape находит сайты, скопировавшие ваш контент без разрешения, а также те, которые цитируют вас.
Каждый раз, когда я использую copyscape, меня разочаровывает количество сайтов, которые копируют наш контент, даже не добавляя ссылку на исходную статью. Защита вашего контента должна быть основной задачей после его публикации, поэтому вы должны начать использовать эту услугу в ближайшее время.
Кроссбраузерная совместимость
— Браузершоты
Browsershots делает скриншоты вашего веб-дизайна в различных браузерах на всех платформах ОС. Browsershots настолько популярен, что вам нужно будет подождать несколько минут, пока этот сервис сделает скриншоты вашего сайта.
— Браузеркамера
Предложите бесплатную пробную версию на 24 часа, где вы сможете протестировать свой сайт во всех браузерах и операционных системах.
15-IETester
Бесплатный веб-браузер, позволяющий просматривать веб-сайты с помощью JavaScript и механизмов рендеринга IE8 beta 1, IE7 IE 6 и IE5.5 для Vista и XP.
— IE NetRenderer
IE NetRenderer позволяет проверить, как веб-сайт отображается в Internet Explorer 7, 6 или 5.5. Просто введите URL-адрес в поле и попробуйте — это бесплатно!
Производительность веб-сайта
— Веб-грейдер
Website Grader — это бесплатный SEO-инструмент, который измеряет маркетинговую эффективность веб-сайта. Он предоставляет оценку, которая включает в себя такие вещи, как трафик веб-сайта, SEO, популярность в социальных сетях и другие технические факторы.
— Сравнение каналов
Бесплатное веб-приложение, которое можно использовать для сравнения фидов FeedBurner. Этот инструмент отлично подходит для проверки ваших конкурентов и выявления тенденций роста.
— Анализатор веб-страниц
Тест скорости веб-сайта для повышения производительности веб-сайта. Рассчитывает размер страницы, состав и время загрузки. Скрипт вычисляет размер отдельных элементов и суммирует каждый тип компонента веб-страницы. Основываясь на этих характеристиках страницы, скрипт затем предлагает советы о том, как улучшить время загрузки страницы.
Дополнения для Firefox
— Измерить
Нарисуйте линейку, чтобы получить ширину и высоту любых элементов на веб-странице в пикселях. Делает вашу жизнь намного проще, когда вы разрабатываете и пытаетесь собрать кусочки вместе.
— Просмотр отформатированного источника
Когда-нибудь хотели узнать стиль каждого элемента страницы, не просматривая файл .css, вот лучшее дополнение, позволяющее просматривать стиль на лету. Вы можете увидеть, какие именно правила CSS соответствуют элементу. Правила отображаются, включая имя файла и номер строки. Самый верхний элемент — это элемент с наивысшим приоритетом.
— Поджигатель
Одно из лучших дополнений. Я не могу рекомендовать этот плагин достаточно!
Вы можете редактировать, отлаживать и отслеживать CSS, HTML и JavaScript в реальном времени на любой веб-странице. Вы даже изучите CSS, если будете его использовать.