Шарлотта в Альпах

10.X.2016 08:00

Чудесное видео из не очень вторых рук. SVT Спорт соорудил сюжетец, подобный йоханссонскому, про главную свою лыжегоночную звезду и надежду, несравненную Шарлотт Каллу.

На своей базе в Рамзау, Шарлотта, крайне недовольная прошлым сезоном, решила попрактиковать иной подход. Не перегружаться физикой. В прошлом году тяжкая предсезонная пахота дала лишь пятое место в общем зачете (для подиума нужна астма). Ее оптимистичный тренер Магнус Ингессон надеется, что вот нынче Шарлотт составит конкуренцию Йохауг. Йоо! Фишка теперь — не правильно тягать железо, а правильно отдыхать. Тем не менее Шарлотт вынуждена была сделать перерыв с роллерами, перенагрузив грудной отдел позвоночника... Отакої.

Так скать в целом, Шарлотта мне нравится. Подозрительно бодрое начало карьеры сменилось длительной стагнацией. Навевает мысли. Но девушка от этого менее интересной не становится. Может быть в этом сезоне поболеть за Шарлотту? За Терезу болеть бесполезно, она все равно всех порвет.

Как водится, цель у них — чемпионат в Лахти... Сезон с четкой ориентацией. И да... Юной Шарлотте — 29 лет. Уже нет сил офигевать от скоротечности нашего странного времени.

Квазиретина

10.X.2016 01:30

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

Существуют десятки тысяч пиктограмм в иконочных шрифтах, самые лучшие из которых, безусловно, Icomoon и (как удобный безгеморный вариант без необходимости загружать и подключать шрифт) FontAwesome.

Но так, чтоб было интересненько и хоть что-то отражало... Потом, от коллекции к коллекции гуляют размерчики (я специально временно сделал под иконками фон, чтобы подрегулировать расстояния). Я позволил себе разместить два скриншота в масштабе 300% (оригинал по клику). Во-первых, вот они наглядно работают переносы слов. Приятно наблюдать. В Хромах не просто не работает эта чудеснейшая приблуда, а не предусмотрена. Это зря. Невозмножно взять и пользоваться только одним браузером, у каждого свои баги и фичи. Вроде хорошо, плюрализмус...

иконки и панели

Верхний скрин отражает закрытое состояние панели ссылок и архивов (ака сайдбар), панели твиттера, которую не только возможно спрятать и снова показать, а еще и закрепить переключателем. Фича, доставившая мне массу удовольствия. Спсб, HTML5 и CSS3! Чекеры — это чудо.

иконки и панели откр

На нижнем состояние открытое. Я не смог отказаться от любимейшей верхней панельки, которая активируется пиксельной рыбой. Но бывшие две панели я объединил в одну со вкладками. Да еще и избавился от скриптов. Теперь все шевелится только на CSS. Йес, йес — цсс!

Теперь жуткая дилемма: самая нижняя логотипная кнопка выдвигает снизу еще одну панель, теперь уже ненужную. Кроме того, сей кружок с моей фийменной буквой мне очень нравится. Заменить снежинку? Или убрать что-то?.. Ерунда, мелочь, а требует..

Самое клевое — что я решил продолжать писать сайт вручную. Ни одна система мне не подошла, так или иначе создавая тот или иной дискомфорт. А зачем оно мне надо? Я ведь, то тут, то там, пописываю для удовольствия, для поднятия настроения, для разрядки какой-то. Зачем маяться еще и с движками? Масштаб все-таки не настолько требовательный.

Однако я рационализировал записи. Разбил три простыни на множество страниц (27 на данный момент) — по пять записей на каждой. Достачно материала для чтения и грузится все это быстро. Но встала другая проблема. Редактирование повторяющихся элементов. Менюшки да панельки. Иногда требуется обновлять информацию, добавлять новые ссылки, убирать неактуальное. 27+n страниц каждый раз! И я решил прочно внедрить AJAX. Да, java-script систему подгрузки контента.

Все редактируемые элементы я выделил в отдельные html-страницы. И прописал скрипто-ссылки на подгрузку этих элементов в нужных местах «шаблона». Получилась своеобразная «динамика», но щадящая ресурсы сервера.

Затравка сезона в виде единичного Зёльдена уже не за горами. Вроде, дано добро организаторами и комиссиями на проведение, что не может не радовать. Потом Леви, если не отменят, как там в Финляндии со снегом? Потом заокеан, дебютные этапы на восточной части США. И лишь на фоне последних начнется полноценный зимний сезон во всех лыжных дисциплинах. Полно времени для шлифовки уютненькаго.

Я удовлетворен. «Тема» получилась адаптивной, подчищены всякие ненужные хвосты и скрипты, удобства пользования поприбавилось. Скоро на голубых любых экранах мира. Прозт.

Обалденный спам

07.X.2016 18:00

михи кирхи в предвкушении

Атомический фургончик словно случайно затесался в кустах.

Я вот лично такой, что даже если кто-то любимо-авторитетный мне что-то впаривает (прямо или косвенно), а спортсмены, которых я люблю, спамят постоянно, я посылаю эту продукцию лесом. Несмотря на нежную любовь ко всем милковским барышням, этот шоколад я десятой дорогой обхожу. Рэдбулл выпью только за большие деньги, и если вдруг стану покупать горнолыжный инвентарь, то это будет точно не атомик, не штекли и уж, тем паче, не ХЕД. Какая там марка в обойме не задействована-то э..э.. Эланъ?

Реакция на прекрасную Кирхи у меня реакция на прекрасную Кирхи, а хомячки, роняя все, что можно уронить, уже магазын понеслись? Шутка, конечно. Но достает это постоянное: =Спасибо товаришшу Нонеймасонику-сану за наше счастливое физиологическое отправление=. =)

Так вот, прекраснейшая Кирхи под вопросом по поводу Зельдена. Вот это важное. А не...

Кирхи — непредсказуемая барышня (теперь уже мадам), может, откуда ни возьмись, выступить совершенно гениально, а может провалить вдрызг самый выигрышный вариант в самой расчудесной своей форме. За такими загадками наблюдать всегда интересно. Реальная, красивая, одаренная деваха с веселым характером и всем прочим полагающимся. А не машина, штампующая победы. Что-то меня на кветч тянет и тянет?.. Гхм..

Углубившись в горнолыжные новости, которые прошли мимо меня (и тако быват), я с негодованием отметил позицию австрийской федерации в отношении Штефани Мозер. Чреда травм вывела ее из состава сборной. Но это ничего, потому что появилась возможность выступать за Венгрию. Однако австрийское руководство ее «не отпустило». Не знаю, какие там формальности в переходе в пределах спортивных гражданств, но факт в том, что, замучившись упрашивать австрийских чиновников, Штеффи предпочла завершить карьеру в 28 лет... А вот Канада поступила «по-доброму». Ян Худек, которому, как и Ларисе Юркив в свое время, места и финансов не нашлось, теперь будет выступать за историческую родину — Чехию. Приветствую это решение.

Вот так давят и не давят жабы.

Акробатика Марен Лундбю

06.X.2016 23:00

Had fun at #empower in #Kitzbühel today. Most failing, but also some succeeding😊 #swissballchallange #Nammo @OMV #OMV #RiksTV #NorskTipping #Adidas #hopplandslaget #FISskijumping

Видео опубликовано Maren Lundby (@marenlundby)

Не мог не обратить внимание на интереснейшее видео с моей любимой прыжковой барышней Марен Лундбю.

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

Кроме того, спешу сообщить, что благополучно форкнул свой же, этот же проджект и сейчас работаю над его эволюцией. В меру сил, так сказать...

fork, 2016, skisport, блог, бложе мой, fork me

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

В состоянии покоя снежиночный логотип цветом своим соответствует одному из сегментов радужной оболочки правого глаза Тины Мазе [три примера из тысяч оттенков: rgb(58,62,89) rgb(84,93,102) rgb(40,41,59) ]. Фанат такой фанатский, ага? В качестве варианта был язык Терезы Йохауг и щечка Микаэлы Шиффрин. К сожалению, шведские хансдоттерские волосы и глаза слишком яркие для неотвлекающего оформления.

Хе-хе. Однако же, ища =неотвлекающий= цвет, я не нашел ничего более подходящего великолепного)), как отдаленно-синий именно Клементины Иванны = = = = Короче. Пусть осеняет отстутствие присутствием хоть так. Смехуечки смехуечками, а... Мне действительно ее очень не хватает. Ярчайшая спортсменка и нереально прекрасная женщина... Кубок мира немало очарования потерял вместе с ее карьерой...

Ну как всегда, оффтоп на оффтопе оффтопом оффтопит...

Сделав псевдофутер на основе джава-скрипта, я подумал, а нафигища? И так джавы-c полно, и десятки скриптов встроены в страницу. Нужно задействовать менее затратные методы. CSS великий. Действительно, за исключением каких-то пиковых случаев, вроде кавайного выравнивания и разливания вдлинь картинок, большинство задач можно спокойно реализовать с помощью CSS.

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

Я сделал сайдбар, в котором будут ссылки на архивы и страницы, или еще что-то, там увидим. А если я прикручу опять вордпресс, тут будет привычный набор wp виджетов, все эти календари, категории, облако тегов, свежие статьи итд. Сайдбар располагается слева, выезжает слева. С нехитрым, чуть замедленным эффектом. Самое то. Триггер его сразу под логотипом, пока технический. Его анимация хромает в фоксах, и как-то странно, но интересно, сработала в Хроме.

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

Твиттер выезжает справа сверху. При этом, благодаря вертикальному позиционированию «слоев», сайт остается резиновым, а сайдбар и твиттбар спокойно накладываются друг на друга. Можно включить одновременно, это удобно на больших мониторах, более эффективно заполняется пространство. Можно по отдельности. Можно и не включать. И это самое главное: если посетитель пришел на блог за новой заметкой, а на твиты и старые ссылки ему с прибором... ВОТ! Все ради этого.

дизайн ре

Отака, малята...

Адаптогенное

05.X.2016 06:00

iphone6screen

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

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

И, конечно, вплотную подошел к решениям на новый сезон...

Состругав дивную совершенно галерею с Терезой Йохауг, представляющую собой чувствительную к прикосновениям сетку (лучше всего наблюдать в Хромах, как и всегда, вот только переносы текста {hyphens: auto;} работать не хотят, а в Ффоксах — отлично... Что нивелирует эстетику выравнивания текста по ширине в Хроме, Вивальди, Айроне и иже с ними..), я пошел дальше и внедрил тотальную резину и кое-какие новые элементы вместо старых, далеко не все. Помимо выскакивающего псевдофутера с информацией, сделаю еще скрытый, но полноценный сайдбар, может быть многоуровневый. Но. Для первого шага получилось удовлетворительно. Кроме того, избавился от атавизма. Клик по логоснежинке ведет в корень этого сайта, а не на avo.org.ua. Тут же была просто заглушка, разросшаяся в неуемный рупор. Я же год назад думал быстренько вернуться на вордпресс. А гляди ж ты. Скриншот слева — это «6-й айфон». Как написано на нем, сайт адаптивен вплоть до 4-го айфона, на котором базируются множество других юго-восточноазиатских поделий нескольколетней давности. Ходит ли кто-то в интернет с каких-то более мелких устройств? Бывает и такое. Но.. Это все равно, что верстать под IE6, можно, но уже никому всерьез не нужно. Тем не менее, пока ограничения на резину я не поставил. А галерея все равно работает даже на 150 пиксельной ширине. Дело не в галерее, конечно.

Второй момент, это совершенно другой дизайн, тоже более-менее резиновый, в светлых тонах, в иной концепции. Мне он очень нравится и я его, скорее всего, использую куда-то. Там много чего написано, как раз по теме. В Хроме идеально, косяки в фоксах буду наждачить, когда стану применять его куда-то.

Вот такая вот веселуха.

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

Поэтому [в html-самописном режиме, который никуда не девается, я ничегошеньки еще не прикручиваю движкового, а сезон вот уже — хрясь и здесь,] нужно мельчить страницы, чтобы их так не бросало. Да и для общей скорости загрузки полезно. Меньше кода, меньше картинок, меньше соцов. Понедельно? Подвунедельно? Но что-то надо.