Аки Басе — 2

Гоша творит чудеса. Озеки Гоэйдо не только успешно вышел из кадобана, но и на всех парах (14-0!) мчится к своему первому Кубку Императора. Если подобный уровень сохранится и на ноябрьский турнир, можно будет говорить о новом претенденте на звание йокодзуна.

Но то такое, Терунофудзи, вон, тоже прочили, а теперь он плотно залетел в кадобан, и.. той разящей силы, неколебимой уверенности, главное, не наблюдается. И тут уже не до йокодзунствований, лишь бы не улететь в сэкивакэ и ниже, гораздо ниже. Может быть, он и его наставники неправильно подошли стратегически? Был момент, когда стоило пропустить турнир, но уделить время качественному лечению и восстановлению. Тиран, как тогда все называли его, этого не сделал — и с недолеченной травмой вышел. И?..

Помешать Гоэйдо взять кубок может только любимец японской публики Эндо. Он отстает от Гоэйдо на 1 очко. Если каким-то нелепым образом Гоэйдо проигрывает завтра, в последний день турнира — Сэнсюраку, вышедшему из кадобана (ура!) добрейшему Котосекику, то Эндо нужно обыгрывать Нишикиги (вполне реально) и выиграть у Гоэйдо в суперфинале. Задачка теоретически решаемая. Но я не верю, что Го даст такую слабину, несясь тайфуном по турниру. {Что-то я тормознул. Го уже с кубком, Эндо где-то умудрился потерять очко, а я умудрился это прошляпить. Ну ладно. Новый японский победитель нарисовался.}

Предыдущий потенциальный йоко — Кисеносато наполучал черных шаров, и очередной поход за цуной закончился. До следующего дзюн-юсё? Или комиссия по присуждениям, наконец, поставит требование выиграть кубок, а уж потом станет навешивать на Редкого Деревенского Таланта статус цунатори?

Горжусь нашими паралимпийцами!

Слава Украине! Героям Слава!

Уже 10 золотых! 32 медали на первый час 2016-09-11 10з-9с-13б!!!

10-10-14 !!!!!!!! Как классно! Долой шапки!

12
10
15
АААААААААААААААААААААААААААА!!!!!!

18+13+18=49 — — — Это счастье, друзья мои, такое теплое и светлое. на 2016-09-12 15:16

17:42

19+14+18=51

2016-09-17 01:25
Более ста медалей! Это сказка!

(((o(*ﾟ▽ﾟ*)o)))

41+37+39=117

СОТНЯ!!!!!!!!!!!!!!

ヾ（〃＾∇＾）ﾉ♪ ヾ（〃＾∇＾）ﾉ♪ ヾ（〃＾∇＾）ﾉ♪

Холи равиоли!

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

У меня никогда особо не получалось четко придерживаться тематики сайтов, постоянно что-то трындю оффтопно, но сейчас это напрямую касается. Вот при царе горохе сайты были! Белый фон, черный текст (конечно, Таймс Нью роман), насыщено синие ссылки. И парочка <HR>, обязательно с заглавных букв. Какие шкуры, какие движки, какие адаптивные дизайны?

Кстати захотел посмотреть, как эти художествы выглядят в IE6, сунулся, а хостинг НЕ ПУСКАЕТ ОСЛА ВООБЩЕ! Браво. Серьезно. Чем меньше пиетета и поддержки устаревшим браузерам, тем скорее люди станут переходить на что-то более современное и все-таки несравнимо гораздо сильно безопасное. С Ослами вообще важке питання. Верстать даже под современные — большой головняк. А ведь сидят люди и на 6-м, и на 7-м! 8-й тоже ни в село ни в город… Я призываю использовать либо Вебкитные (Chrome, Iron, Opera, Вивальди etc, тысячи их), либо Мозилльные, Firefox и, со скрипом, пока еще (уже совсем) Seamonkey. Под мобильники рекомендую Firefox, как-то он меня больше радует там…

hr — это простейшая разделительная горизонтальная черта, с которой раньше было очень трудно бороться (каждый браузер считал, что знает, как правильно ее изображать), а нынче с легкостью применяются любые мыслимые стили css.

Если говорить про HTML5, то помимо приятных новых фич и тегов, упор сделан на семантику. То, что раньше решалось и продолжает решаться через универсальный <div>, сейчас должно оборачиваться мириадами семантических тегов. Если, допустим, с <header> и <footer> все понятно, то, к примеру, даже приближенные к разработке HTML гуру толком не знают, что правильнее — вкладывать <section> в <article> или <article> в <section>.

Отсутствие механизма давания по рукам (вседозволенность) может приводить к тому, что злокозненный или нубовидный верстальщик способен будет сколотить сайт, скажем, на одних <хедерах>. Никто слова не скажет. Ибо нет противодействия этому произволу, какой был в XHTML в свое время — т.е. неправильный синтаксически (семантически сложнее вычислить) код просто не выполнялся, как происходит, например, с php и сейчас.

Кроме того, некоторая запутанность связей и наследований стилей в css может приводить к тому, что нужные стили к, например, «голому» <footer> могут не пристать, и необходимо (для уверенности — всегда, я принял этот подход для себя) все-таки давать семантическим тегам привычный id или class. Так что семантика — это очень мило, но не всегда практично.

Заглавный

Вообще-то мне очень нравится шрифт в заголовке хедера (называется «огни пятничной ночи», само название очень отдохновительно-возбуждающее)). Но он весьма сложный, как видим, в нем очень много мелких элементов, которые требуют в векторном коде (svg) описания. Из-за этого размер файла svg с таким недлинным выдохом «SPORT AND STUFF» достигает, вдумайтесь, 605 килобайт!! Растр сложности успешно игнорирует — и прозрачный png, который вставлен в титуле, весит 25 кб. Если сделать, как в старину, белую подложку и сжать джипегом, так вообще сущие единицы…

Так как я задумал эту тему очень хорошо зачистить (привести к стандартам HTML5) и сделать первый для моих проектов настоящий адаптивный дизайн, одна из самых первейших задач — избавиться от растра в элементах оформления: растр не масштабируется. Увеличив масштаб страницы, можно увидеть, как плывет рисунок в заголовке… Ну… Современный пользователь с хорошими устройствами вывода очень привередлив…

600 килобайт для такой ерунды слишком много. Встраивать этот, крайне специфический, неутилитарный шрифт муторно ради 13 знаков… Значит, будем искать, в том числе для освежения общей картины.

Вот этот — Bungee — довольно таки интересный шрифт, вместе с теневым эффектом в векторе дает 26 килобайт. И сколько бы мы не натягивали глаз ретину на контейнер, он будет таким же четким и ясным (в меру задуманного умягчения и рельефности).

Более простой вариант его же:

Такой эффект тянет на 29 килобайт аж. В данном конкретном — чуть больше, так как я, для удобства, в статью вставил их с помощью кода Base64. За удобство платим чуть большими килобайтами. А напрямую «вес» svg будет указанный.

Да, разработчик шрифта с большим почтением отнесся к букве Å. По шведски читается как О. Это при том, что во многих случаях у них и обычная А произносится как О. Ну то такое. Иидрёт о сонт. То же самое, что и в заглавии. Баловство одно.

Чтобы еще раз понять прелесть вектора. Вот этот объединенный «спрайт» имеет в свойствах (условный) размер 16000px — шестнадцать тысяч пикселей. А весит 23 килобайта. И масштабируется до любых крайних величин во Вселенной. Png занимает 2,5 мегабайта и масштабируется в пределах пары-тройки сотен сантиметров.

Разница между медиумом и жирным начертанием. Драматическая.

Первый индюк мобильности

Ударил по разгильдяйству адаптивностью. Сайт теперь жутчайшим образом давится в тисках народных телефонов и *-падов… С разрешения 700px до 300px все волнительно сжимается. На остальных сжимается солидно. 701—1350px таков резиновый размер десктопного варианта, полагаю, что достаточно гибкий… для начала. Но не расползающийся беспредельно.

Несмотря на то, что выглядит это дело довольно пристойно, работы просто непочатый край.

Главная задача — удобно присобачить куда-то отнятый @media сайдбар и поиск.
Теоретически, можно сделать меню поверх всего с .

И — да, я знаю: в винде шрифты рендерятся кошмарно…

В общем, переделывать надо все. С самого начала. Слишком поспешно эта тема была вырублена. И с тех пор не доведена. Тем лучше.