Фронтенд-разработчик

Позднее Ctrl + ↑

Шахматный турнир на Пикабу

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

Одна из старых таблиц

По ходу турнира таблицы ведут в гугл-таблицах и для публикации делают скриншот оттуда. И если участникам турнира там все понятно потому что они играют и понимают что и как в рамках своей группы, то остальным тяжело. Самое плохое — последовательность мест, первое место редко стоит первой строкой. Ну и мелковато.

Я решил все передать и получил вот такой результат:

Таблица после редизайна

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

Я делаю такие таблицы уже для двух турниров подряд. Посмотрите как они выглядят в посте на Пикабу:

В 12-м турнире встречается максимально короткая таблица (6 участников) и максимально длинная (12 участников).

Обновился до 2.7

Наконец-то я обновил свою Эгею с доисторической 2.5 до версии 2.7. Это не было так страшно, как в прошлые разы потому что буквально на днях я разбирался с дополнительными блоками. Ну и постарался сделать так, чтобы в будущем переезд не причинял боли.

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

Очевидно в ходе обновления я потерял какие-то стили, ну и черт с ними. Если что-то сломалось починю как-нибудь потом. Я знал на что шел, когда выбрал этот движок. И со временем я начал относиться к Эгее, как к продвинутому Медиуму. Тоже красиво, но можно как-то покрутить.

UPD. Я точно знаю, что сломался РСС-фид. У меня он был на Фидберне, но я чинить не буду потому что мне лень. Часть читателей я может быть потеряю, ну что у ж теперь. Кто захочет почитать — зайдет.

Как браузеры выравнивают флоаты

Прочитал статью How browsers position floats. Её много кто перепостил, я натыкался на нее раз пять, ну и в Веб-стандартах тоже упоминали.

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

Тем, кто давно верстает эта статья не нужна, они итак прекрасно знают как работают флоаты. А для тех, кто только учится — это наглядно, но слишком сложно потому что нет примеров кода. Есть много статей в которых эта тема объяснена лучше. Про книги и курсы я вообще молчу.

 37   2018   разработка

Про дополнительные блоки в Эгее

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

Однажды мне нужно было сделать блог на Эгее и я не хотел заводить свой шаблон потому что для поддержки своего даже очень простого шаблона нужны титанические усилия (как вы думаете почему я не обновляю shugich.net).

Но мне нужно было сделать несколько важных вещей:

  • Прикрутить метрику
  • Поменять фавиконки
  • Указать, что комментарии отключены, а всеми пожеланиями можно делиться по электронной почте.

Прикрутить метрику

Это совсем просто и описано в документации. В директории /user/extras/ создаем файл footer-post.tml.php и запихиваем туда код метрики.

Поменять фавиконку

Для созданием фавиконок я пользуюсь сервисом Real Favicon Generator, он создает набор иконок для всего (браузер, айфон, андроид, все размеры и форматы), а после выдает архив и код, который нужно вставить в HEAD.

По умолчанию, в Эгее фавиконка генерируется автоматически из загруженной фотки. Но это легко переопределить. В документации об этом явно не написано, но тем не менее существует доп. блок head-extras, который добавляет всякие необходимые штуки в HEAD.

Использовать просто. Нужно в директории /user/extras/ создать файл head-extras.tmpl.php и засунуть туда код, который вам дал генератор фавиконок. Ну и, вообще, если что-то нужно вставить в HEAD, то этот способ работает.

Указать, что комментарии отключены

Тут чуть сложнее, но тоже не сложно. Опять же в директории /user/extras/ создать файл note-post.tmpl.php. Этот доп. блок описан, но я также хочу, чтобы нотайс об отключенных комментариях был виден только на странице с заметкой и только когда комментарии отключены.

Устроить это можно следующим образом:

<?php
$isNotePage = !!$content['notes']['only'];
$isCommentEnable = !!$content['notes']['only']['commentable?'];
if($isNotePage && !$isCommentEnable) {
?>
  <div class="e2-text">
    <p class="foot">
      Комментарии отключены, но если вы хотите поделиться со мной опытом, что-то спросить или просто пообщаться, то пишите на <a href="mailto:me@shugich.net">me@shugich.net</a>
    </p>
  </div>
<?php } ?>

Вот и всё. Можно продолжать пользоваться стандартной темой и радоваться простым обновлениям. Если вы разработчик — загляните в переменную $content. Там много чего интересного, возможно пригодится.

 49   2018   разработка   эгея
 23   2018   дизайн

Три года как бросил

Я бросил курить чуть больше, чем три года назад — 8 июля 2014. С тех пор не выкурил ни одной сигареты.

Первые три месяца было нелегко, потому что курение — не только зависимость, но и привычка. Раньше я курил после еды и сна, я закуривал, выходя на улицу, садясь за столик в кафе, возвращаясь домой, ложась спать и в других ситуациях. Но после бросания в этих ситуациях я чувствовал внутреннюю пустоту. Уже нельзя прикурить сигарету, когда вышел из трамвая. А что делать вместо этого непонятно. Это вызывало невероятный дискомфорт.

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

Со временем у меня изменилось отношение к запаху сигаретного дыма. Раньше он не вызывал отвращения, а теперь от него меня выворачивает.

Отчасти мне помогла книга Аллена Карра. Я не доверяю «Легкому способу» на 100%, он основан на обмане. На самом деле бросить курить сложно. Но механизмы, связанные с курением, там описаны правильно. И знание этих механизмов помогает не начать курить.

Еще я воспользовался одним трюком — написал пост в блоге о том что бросаю курить и поделился им с друзьями и коллегами. Этот пост всегда мотивировал не курить, ведь не хочется нарушать данное публично обещание.

Раньше я тратил на сигареты пять тысяч рублей в месяц при цене пачки в 50-60 рублей. Экономия заметная, особенно учитывая рост цен на сигареты. В плане здоровья я не увидел разницу. Возможно, потому что улучшения происходили постепенно, сравнить до и после сложно.

Вряд ли я снова закурю. Желания покурить у меня давно нет, от привычки курения я избавился. Меня не привлекают ни электронные сигареты, ни кальяны, ни сигары, ни что-либо еще. Я не курю вообще. И я счастлив.

Удачи тем, кто бросает курить. У вас все получится.

 15   2017   курение

О том, как я веду блог

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

Скриншот страницы черновиков

Пишу в блог нерегулярно, наплывами. Бывает нападает желания что-то написать, но это не часто. Поэтому и пишу не часто.

А еще я страдаю от того, что в Эгее нет отложенного постинга и от того, что у новой Эгеи всегда очень плохая совместимость со старой.

 34   2017   жизнь   эгея

Субтитры и Эпл

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

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

А еще когда делаешь скриншот окна с фильмом, то картинка на скриншоте не появляется, а субтитры появляются. И это странно.

Сайт Дениса Шипкова

Денис предприниматель, он создал сеть визовых центров. Так же в блоге он помогает другим предпринимателям советами о бизнесе.

shipkovdenis.ru

На главной информация о деятельности Дениса, а так же некоторые посты из блога, которые помогут начать читать его тем, кто этого еще не делал.

Главная

Блог разделен на несколько тем на которые Денис пишет. У каждой темы свое описание и избранное.

Блог

Сайт отлично выглядит, на всех устройствах.

Адаптивная версия
 27   2017   проект

Лента в инстаграме

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

Лента инстаграма в профиле
 24   2017   дизайн
Ранее Ctrl + ↓