Полезные сервисы для вебмастеров

[Виталий]

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

Буду первым. Итак:

Типограф. Сайт для подготовке текстов к веб-публикации. Расставляет неразрывные пробелы, вставляет корректные веб-символы и теги абзацев. Лично мне нравится гораздо больше, чем типограф Лебедева.

http://www.typograf.ru


Google Fonts. Помогает подобрать отличные современные шрифты для сайта. Шрифты можно настроить и выбрать разные варианты начертания, после чего сервис сгенерирует код для вставки. Единственное: внешними шрифтами злоупотреблять не стоит, поскольку они тормозят сайт.

https://fonts.google.com


Транслит Яндекс. Создает ЧПУ-ссылки по стандартам Яндекса. Можно использовать не только для адресов страниц, но и для картинок, видео и.т.д. Это полезно и для владельца сайта: ему больше не придется путаться во всяких непонятных названиях (типа 1345245.jpg), особенно если их много.

http://translit-online.ru/yandex.html

 

[Виталий]

Пара SEO-инструментов

Генератор ключевых слов
Помогает быстро перебрать все варианты ключей, чтобы выбрать из них самые подходящие.
(В общем-то такую программу можно и самому написать за полчаса. Но лень)

http://key-cleaner.ru/KeyGenerator


Проверить позицию сайта по запросам
При этом сервис запоминает, где во время последней проверки находился сайт и при следующих проверках говорит, как изменилась позиция. Бесплатно - 25 проверок в день.

http://analizsaita.com/proverit-pozicii

 

[Papa Johns]

1. Вдохновение.

• http://zurb.com/patterntap — элементы интерфейса
• https://onepagelove.com/ — лендинги
• https://land-book.com/ — лендинги
• https://bestwebsite.gallery/ — классные сайты

2. Контент.

• https://fontstorage.com/ — шрифты
• https://ru.icons8.com/ — иконки
• http://thestocks.im/ — фотки
• https://unsplash.com/ — фотки
• http://ru.freeimages.com/ — фотки
• https://placeit.net/ — mockup
• http://ru.365psd.com/ — графические элементы

3. Техническая часть.

• https://tools.pingdom.com/ — проверка скорости
• https://gtmetrix.com/ — проверка скорости
• https://varvy.com/pagespeed/ — проверка скорости
• https://validator.w3.org/ — валидация HTML
• http://cssminifier.com/ — минификация CSS
• http://htmlcheatsheet.com/ — HTML-теги
• http://ami.responsivedesign.is/ — проверка на адаптивность

 

[Виталий]

Калькулятор для текста
Помогает рассчитать идеальное соотношение между кеглем, интерлиньяжем и длиной строки.

https://pearsonified.com/typography/


Конвертер цветов
Помогает быстро перевести цвет из одной цветовой модели в другую.
Умеет работать с HEX, RGB/RGBA, HSL/HSLA, CMYK, XYZ, LAB.

https://colorscheme.ru/color-converter.html