25 заметок с тегом

веб

Тире — плохой разделитель для заголовка страницы

Это мало кого волнует. ХТМЛ-тег «title» хранит заголовок страницы, тот который видно на вкладке настольного браузера. Заголовки стремятся составлять так, чтобы они ёмко описывали содержание страницы: Прогноз погоды в Риге. Или набивают его СЕОшным текстом для поисковых роботов: Где купить теле­фон Samsung в Москве — на IM.ru 60 моде­лей теле­фо­нов Сам­сунг. На главной странице часто пишут название компании или продукта: Яндекс.

На внутренних страницах к описанию этой конкретной страницы добавляют название «всего сайта». А чтобы не придумывать, как по-человечески сказать, вводят разделитель. Когда разделителем заголовка на русском служит тире, появляются паразитные смыслы:

Вторая причина не использовать тире — экономия места. Тире требует два пробела и длиннее других знаков препинания в 2-3 раза. Лучший разделитель, по-моему, — точка, ей нужен один пробел и минимум места и никаких лишних интерпретаций. Ещё подойдёт средняя точка, запятая, и в экстренных случаях — стрелка:

Диаметр. Википедия
Диаметр · Википедия
Диаметр, Википедия
Диаметр → Википедия

 440   2017   веб   заголовок   тире

Шрифтовые логотипы в вебе

На Ретине хорошо выглядит вектор, фотографии и графика, увеличенная в три раза. Готовя графику для сайта, рассчитанного под Ретину, чаще все элементы просто сохраняют в растре с высоким разрешением.

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

Яндекс может просто впечатывать названия продуктов фирменным шрифтом.

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

В целом всё по стандартам триза «сделать статическое динамическим» (или постоянное — переменным) и «сделать неуправляемое управляемым» (другой пример применения стандарта). Кернить, менять цвет, подчёркивание, кегль и интерлиньяж — одно удовольствие.

Для примера наш логотип:

Процедура в три шага:

  1. Оупен-тайп собрал в приложении Glyphs (кстати, поделитесь простыми шрифтовыми редакторами в комментариях). Скопировал и вставил объекты из Иллюстратора плюс минимально настроил.
  2. Из полученного Оупен‑тайпа сгенерировал набор шрифтов для веба на Font Squirrel.
  3. Добавил набор на сайт.

Что скажете? :-)

Путешествия

Сделали страничку

kipo.name/travel

Здесь показаны, города, о которых нам есть что рассказать и показать.

Если о городе написано больше одной заметки, ссылка ведёт на одноимённый тег.

«Дело в сайте» прощай

В феврале этого года мы завершили сотрудничество с интернет-агентством «Дело в сайте».

За полтора года сделано 4 проекта и много сопутствующих задач. Это были интересные проекты, главным их плюсом было погружение в вопрос интернет-магазинов.

Примечательно, что причиной прекращения сотрудничества стали не стоимость, сроки, способ построения рабочего процесса или качество, а принципы. Мы публикуем работы в портфолио и на дизайнерских порталах. Ребята из «Дела в сайте» считают, что типовые решения магазинов, которые производит агентство не должны публиковаться в портфолио наёмных дизайнеров.

Предварительных договорённостей у нас не было, поэтому мы публикуем работы в полном объёме.

На нашем сайте проектов, заказанных «Делом в сайте» не будет, но они есть в портфолио на Ревижене: Тачес, Биг-бонус, Клобер и Балтик супер тревл.

Домен для проекта

Мы продаём домен, чтобы сообщить об этом мы сделали яркую страничку —

trendom.ru

Перепосты и ссылки приветствуются, должна же информация добраться до ищущих.

Ранее Ctrl + ↓