Vive la France!

Новый каштан

Выбрался сегодня немного покрутить педали после очень долгого перерыва… Кручение было так себе, а вот цветение вокруг великолепное. От аллеи сакур в парке «Киото», до изящных диких цветов в двух метрах от линии метро…

Несколько фотографий постараюсь опубликовать. Красота нуждается в зрителях. Чем больше, тем лучше.

Монин

После десятков месяцев невнятных смесей на основе робусты, удалось разжиться настоящей арабикой горно-африканского происхождения… Повод предвкушать утро.

Ревизия икомунового шрифта

Кроссблоговая ревизия икомунового шрифта.

skisport.pp.ua:

Этот блогуэ первым стал активно применять иконочные шрифты, в особенности встроенные (icomoon)… Так как я делал (собирал) их давно, и собирательство было не единичное, мне захотелось проверить, что же в моем «зимнем сете» есть. И что не используется, в первую очередь. И что можно использовать непосредственно, а не заново забирать с того же fontawesome…

Административно-тестировочная запись. Чтобы было под рукой.

Возвращение к прежним местам

Чего тут рассусоливать. Блог вернулся в эфир в полном своем виде и объеме. Ну, за исключением того, что я посчитал нужным удалить, как устаревшее и неактуальное.

Новшества, которые пришли с 3-й версией моей темы «Liberty»:

1. Полностью адаптивный дизайн. Никаких преград, вплоть до разрешения 318px по горизонтали. Это не резина, а вправду адаптация: элементы, в зависимости от разрешения, изменяются, проявляются, скрываются. В любом случае, читать блог даже с древнего смартфона будет возможно без затруднений. Единственное, я рекомендую обновлять в таком телефоне браузер. Я не гарантирую правильную работу и отображение всех частей сайта в старом программном обеспечении. Тут можно долго говорить, но я призываю такие критически важные не только для новых технологий и инноваций, но и для безопасности, программные продукты регулярно обновлять.

2. Мобильное меню, после долгих раздумий относительно его принципиальной необходимости и состава, являет собою выдвигающийся сайдбар, который содержит только необходимое: обновления, страницы и ссылки, все эти остальные календари я посчитал в мобильной версии бессмысленными. Как и любые другие его, мобильного меню, вариации, поначалу оно действительно было этаким модным вовсеэкранным модальным окном, но это было абсолютно непригодным для этого сайта. Основная информация все равно в публикациях, а не каких-то иерархических структурах и списках…

3. Внедрен полноценный «лайтбокс». Т.е. иллюстративный материал, видео и прочие медиаприблуды можно посмотреть (в большем разрешении, по внешней ссылке) не переходя на другую страницу. Это очень удобно, это годное юзабилити.

4. Главная задача, оставить любимый внешний вид — выполнена. Это потребовало усилий, но оно того стоило. Моя несколько антично-аутичная натура пребывает в комфортном комфорте. Шкура полностью переделана, от прежней ничего не осталось. Если хотите — это прорыв, потому что я решился это сделать и сделал. Вопреки лени и принципу =работает — не трожь=…

5. Я сначала сделал и некоторое расширение блога для больших мониторов, но потом отказался от этого. Нужно понимать, что есть предел комфортного чтения, а именно чтение важнее всего тут… Поэтому я нашел те оптимальные размеры, немного увеличив старые пределы… Но лишь немного.

6. Понятно, что новая версия требует обкатки. И многое в процессе эксплуатации будет уточняться и совершенствоваться. Точно также, как я регулярно что-то подправляю в новой шкуре велоблога (обе темы серьезно унифицированы друг с другом, что облегчает многие задачи..). Я подумал, что лучше поскорее вернуть блог в эфир, чем месяцами допиливать какую-то косметику в стремлении к идеалу. Поиск его может быть совмещен с полноценной работой.

Ну, добро…

Кассини и Сатурн

Наука — одно из немногих достижений и состояний человечества, которое вызывает гордость и прочие приятные чувства… Миссия Кассини — кусочек научной фантастики в реальном мире.

К вопросу о переносах

Есть очень большой и напряженный вопрос в такой значимой сегодня сфере как веб-типографика. т.е. как оформлен текст на сайтах. Ни для кого не секрет, что верстка веб-страницы во многом наследует верстку книжную, типографскую, разумеется, в гораздо более упрощенном виде. Однако же, комфортное чтение, особенно длинных текстов, штука очень важная и в реале, и в виртуале. И равномерность распределения слов и знаков в тексте играет только на руку комфорту. Вот поэтому издревле в книгопечатании использовали переносы слов по слогам (чаще всего). Это и эстетично, и практично, например, с точки зрения экономии бумаги…

С некоторых пор я на своих сайтах применяю выравнивание текста по ширине и инициирую переносы слов по слогам. В стандартных случаях это делается так:

 <style> p {text-align: justify; hyphens: auto;} </style>
 <p lang="ru">А тут много текста текста текста</p>

Все было бы хорошо, если бы не загвоздка с переносами. Самый популярный браузер мира Гугл Хром по праву сильного игнорирует сие (58 версия, только что проверил), даже если вделать в стили вот такое — стандартный абзац моего блога со всеми перестраховками:

p {
	text-align: justify;
	text-indent: 27px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

Естественно, такая ситуация неприемлема, в особенности на малых разрешениях экрана, когда из-за отсутствия переносов пробелы между длинными словами могут достигать космических масштабов (или, в случае выравнивания текста по левому краю — значительных неровных пустот справа, кому что не нравится :))

Решение как обычно простое: 1) игнорировать и наслаждаться в Мозиллах и даже IE, не говоря уж про Safari. 2) Задействовать вездесущий java-script, точнее его величественную библиотеку jQuery. JS на самом деле не просто рекомендует браузеру делать что-то, а «заставляет» делать против его воли, это очень мощный инструмент.. и как всякая мощь — со своими побочными эффектами, но сейчас не об этом, но и об этом.

Итак, я специально удостоверился, что на этом заглушечном блогике в стилях hyphens не проставлен, поэтому, ради эксперимента, мы можем приготовить два одинаковых рыбных абзаца. К одному применим стандартные стили, к другому нестандартный джава-скрипт (универсальный для укр. и рус., но не специфичный, хотя для веба достаточно).

Давайте выделим это уместной случаю svg-шной миллиметровкой:

В Мозилле (Seamonkey, Firefox) оба способа работают одинаково хорошо. В самом свежем Хроме — 58 н. д. м. — работает только js (скрин). Что, собственно, и ожидалосЪ. Казалось бы лютый win? Как посмотреть. Если мы скопируем текст первого абзаца и вставим его в произвольный текстовый редактор, все будет отлично, слова останутся словами. Если скопируем второй — мы скопируем слова вместе с т. н. «мягкими» переносами. Получится вот так… А что видит поисковик? ..работу которых игнорировать нынче невозможно…

Кроме того, второй способ работает с некоторой задержкой, сначала текст загружается а потом преобразуется. Это заметно, в особых случаях может приводить к «скачкам» экрана, когда отформатированный текст уменьшится по высоте… Вот так вот. Решаем сами, применять или нет. Или стоит дождаться, когда и Хром снизойдет до переносов?

Существует и еще одна проблема, так сказать обратная, когда нужно запретить переносы, например, сокращений и аббревиатур, е.в.п.о.я. А также разнообразных связанных цифр и слов, 500 гр, 1000 м итд. Несть числа вариантам — от предлогов до инициалов… В этом случае, скрипт в нужных местах html-кода должен расставлять неразрывный пробел —  . Можно в особо пиковых случаях ставить его вручную, можно воспользоваться каким-то онлайн сервисом и надеяться, что сервис не напортачит, а если напортачит, то портачку можно будет приметить и выправить.

Конечно, как я уже говорил, веб прощает и даже требует немало упрощений. Если мы возьмем верстку для печати, то в таковой активно применяется более десятка разнообразных неразрывных пробелов, все они важны с точки зрения красоты готового текста — в журнале или книге. Я бы, например, с удовольствием отделял знаки препинания самым тончайшим нп, потому что иногда они неприятно сливаются с текстом в зависимости от шрифта… Не слишком размахивал пробел между инициалами, отделял бы плюсики и минусики, тире в интервалах, типа 128—855. В том, что мы имеем сейчас в веб-типографике это невозможно. Мы упираемся в пиксель, а не в волос или любое другое аналоговое значение реального, а не цифрового мира.