О книге про Билли Миллигана

Книга называется «Таинственная история Билли Миллигана». Она и вправду таинственная.

История о молодом человеке с необычным диагнозом — диссоциативное расстройство личности или проще — расщепление личности. Всего личностей было 24.

Это не то, о чем вы подумали, мол один милый, другой грубый, нет. Это совершенное разные люди. Один с славянским акцентом, который нельзя подделать и с невероятной силой, другой — англичанин, третий — подросток Томми с талантом к рисованию.

И таких 24 человека, есть несколько девушек и все личности разных возрастов от 3 до 30 лет.

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

Не буду раскрывать все карты и предлагаю прочитать книгу. Не буду раскрывать все карты и предлагаю прочитать книгу. Это невероятно интересная и печальная история. Советую для прочтения, читается на одном дыхании.

Кто когда выходил, кто этим управлял, кто за что отвечал, там много интересного.

Книгу можно купить за 149 рублей по акции на book24.ru

Таинственная история Билли Миллигана Дэниел Киз
Обложка. Источник: https://book24.ru/

Неправильный вопрос при удалении

Вчера я решил избавится от рубрики «Веб». Я знаю о том, что когда удаляешь рубрику в Wordpress, рубрика удаляется, а записи перемещаются в рубрику по-умолчанию.

При удалении показалось окно подтверждения, которое сбило меня с толку.

Окно подтверждения
Окно подтверждения

«Эти»? Я удаляю одну категорию. Если бы он написал «этот элемент» или «эту рубрику» — я бы не переживал. Но он указал «эти элементы», если рубрика у меня одна, а записей много, мой мозг подразумевает что удаляться мои записи. Вывод — нехорошее сообщение при удалении, не понятно что удалиться.

Мой вариант:

Вы собираетесь навсегда удалить рубрику «Веб». Это действие нельзя отменить Все записи из этой рубрики будут перемещены в рубрику «Заметки».

+7 книг в библиотеку

Затарился книгами:
— Харпер Ли — Убить пересмешника
— Эрих Мария Ремарк — Три товарища
— Эрнест Хемингуэй — Прощай оружие!
— Вы конечно шутите, мистер Фейнман
— Таинственная история Билли Миллигана
— Альберт Камю — Чума
— Ден Браун — Код да винчи

Всего 7 книг, обошлись мне в 1098 рублей. Магазин book24.ru

Стопка книг
Стопка книг

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

Прогресс-бар за 20 строк

Сегодня будем делать прогресс-бар. Он может помочь вашим пользователем понять, много ли осталось читать.

Все вместе решение занимает 20 строк. Демо на codepen.

Демо здесь:

Раз

Создаем HTML разметку:

 <div class="line" id="line"></div>

Добавили класс для оформления и id для связки с js.

Два

Накинем немного css оформления:

.line {
   width: 0;
   background-color: yellow;
   height: 5px;
   position: fixed;
   left: 0;
   top: 0;
   transition: .3s all;
}

body {
   min-height: 1000px;
   background-color: #333;
}

Линию сделали фиксированной с нулевой шириной и высотой в 5px, сделали желтый фон. body сделали минимальную высоту для проверки, чтобы не набивать бестолковым контентом. Сделали темный фон.

Если изменить ширину в css, мы увидим вот такую картину:

Прогресс-бар за 20 строк 1
Линия и темный body

Отлично, все работает как и планировалось.

Три

Прежде чем писать код нам ответить себе на 2 вопроса:

  1. Какие данные нам нужны?
  2. Когда будет обновляться линия

Какие данные нужны: высота браузера, высота документа, отступ от верха страницы.

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

Так как обновление будет происходить в нескольких местах, а код будет одинаковый, создадим функцию lineWidthSet (), но прежде объявим несколько переменных:

var line = document.querySelector('#line'),
    bodyHeight = document.body.clientHeight,
    doc = document.documentElement;

Line — наша линия,
bodyHeight — высота body,
doc — корневой элемент документа, нужен нам для расчета отступа от верха.

Теперь приступим к написанию функции lineWidthSet ():

  1. Получаем отступ от верха страницы.
  2. Прибавляем к нему высоту окна браузера.
  3. Высчитываем процентное соотношение позиции от высоты страницы.
  4. Устанавливаем ширину линии.

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

В соответствии с списком действий, пишем функцию:

function setWidthLine() {
   var scrollTop = (window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0) // (1),
       percent;
   scrollTop += doc.clientHeight; //(2)
   
   percent = scrollTop / bodyHeight * 100; //(3)
   line.style.width = percent + '%'; //(4)
}

(1) Здесь мы используем несколько проверок, для кроссбраузерности. Получили отступ от верха страницы.

(2) Добавили высоту окна браузера

(3) Рассчитали по формуле процентное соотношение и конкатенировали знак «%» для указания того, что это проценты.

(4) Установили ширину линии

Теперь нужно эту функцию вызывать при 3 событиях: загрузка, прокрутка, изменение ширины браузера. С загрузкой все понятно, просто вызываем функцию без каких-либо событий (1), а для прокрутки добавляем событие (2):

setWidthLine();

document.addEventListener('scroll', function() {
   setWidthLine();
});

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

document.addEventListener('resize', function() {
   setWidthLine();
});

Все вместе:

HTML:

<div class="line" id="line"></div>

CSS:

.line {
   width: 0;
   background-color: yellow;
   height: 5px;
   position: fixed;
   left: 0;
   top: 0;
   transition: .3s all;
}

body {
   min-height: 1000px;
   background-color: #333;
}

Javascript:

var line = document.querySelector('#line'),
    bodyHeight = document.body.clientHeight,
    doc = document.documentElement;

setWidthLine();

document.addEventListener('scroll', function() {
   setWidthLine();
});

document.addEventListener('resize', function() {
   setWidthLine();
});

function setWidthLine() {
   var scrollTop = (window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0),
       percent;
   scrollTop += doc.clientHeight;
   
   percent = scrollTop / bodyHeight * 100;
   line.style.width = percent + '%';
}

Есть вопросы, замечания — в комментарии.

Список песен под гитару для изучения

После изучения каждой песни буду прикреплять видео. Играть научиться не проблема, вот петь, вопрос номер два 🙂

Песни для выполнения цели:

  • Моя любовь сменила цвет
  • Ю. Лоза и группа «Примус» — У меня мал папа
  • ДДТ — осень
  • Чиж — о любви
  • Беспечный ангел
  • Гарри Поттер на одной струне
  • Пираты карибского моря на одной струне
  • Жаль нет ружья — Киш
  • Красивая мелодия от Паши

Остальные песни:

  • Валентин Стрыкало — Наше лето
  • Noize MC — Мое море
  • Жуки — влечение
  • Жуки — хочется
  • Сплин — Выхода нет
  • Дорожная песня — Высоцкий
  • Ю.Лоза — Плот
  • Ю.Лоза — Ах, какие ножки
  • Кравц — обнуляй
  • Корж — Армия
  • Жуки — Батарейка
  • 5’nizza — Я солдат
  • Корж — Жить в кайф
  • Harry Potter на гитаре на одной струне (в процессе)
  • Пираты Карибского Моря на гитаре на одной струне (в процессе)
  • Eminem — not afraid
  • Гречка — люби меня люби
  • Linkin Park — In the end
  • Звери — такая сильная любовь
  • Likn Park — NUMB
  • The Cranberries — Zombie
  • OneRepublic — Apologize
  • Noize MC — Из окна
  • Сергей Бабкин — Забери
  • Pink — Fuckin’ perfect
  • Jessie J — Price Tag
  • RHCP californication
  • nirvana smells like teen spirit
  • deep purple smoke on the water
  • depeche mode personal jesus
  • scorpions still loving you
  • sting shape of my heart

Отдельным списком идет мой любимый «Король и Шут»:

  • Смельчак и ветер
  • Счастье (ария Тодда)
  • Свой среди чужих
  • Мария
  • Кукла колдуна
  • Камнем по голове
  • Представляю я
  • Писатель Гудвин
  • Отец и маски
  • От женщин кругом голова
  • Два вора
  • Два друга
  • Валет и дама

Цветовые акценты и расположение кнопок. Ошибка додо

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

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

Сообщение о подтверждении
Сообщение о подтверждении

Все это надо делать быстро. Пока ты не подтвердил проверку, ее может кто-то урвать 🙂

И вот я такой стремительно залетаю на страницу подтверждения и уже хочу кликнуть на первую попавшуюся под палец кнопку и:

Кнопки на странице подтверждения
Кнопки на странице подтверждения

Фух, я чуть не отказался от проверки, нажав на первую кнопку. Хорошо реакция есть.

Вы спросите: «В чем тут проблема?»

На странице есть 2 действия: подтвердить, отказаться. Главное действие — подтвердить. Разработчик помог мне в определении этого? Нет. Обычно главная кнопка находится слева, а второстепенные справа от главной.

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

Цветовые акценты и расположение кнопок. Ошибка додо 2
Предложенный мной вариант
  • Понятны приоритеты. Видно главное и второстепенное действие
  • Правильный порядок, когда я залетаю на страницу с единственной целью — «подтвердить», я сделаю это не задумываясь, кликнув на первую кнопку.

Я написал руководителю it (не точно) об этом, вот его ответ:

Ответ руководителя it
Ответ руководителя it

UPD

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

#4 Наконец-то купил гитару

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

Итог: нихрена я не купил. Я приехал обратно в Краснодар и такой: «Да, надо купить», смотрю — цена 3500, для гитары копейки, но мне почему-то не хотелось тратить 3500.

Через год все повторилось, только на этот раз я ее купил.

Гитара Mystery A38N, низкого качества, но самое то, чтобы начать свой путь гитариста 🙂

По ценам:

  • Гитара — 2990 рублей
  • Чехол — 300 рублей
  • Струны — 200 рублей

Итого: 3490 рублей

Фото гитары
Фото гитары

Покупал гитару в магазине «Дирижер», в Краснодаре они находятся по адресу: ул. Гоголя 7.

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

Узнав что я только начал заниматься он сказал коллеге, чтобы тот дал в подарок онлайн курс по игре на гитаре, с куратором и прочими плюшками … за 0 рублей вместо 8000. Классный магазин.

Это половина из пункта лайфлиста, вторая часть — научиться играть 10 песен.

Да здравствуют убитые пальцы и нервы соседей 🙂

Оформление магазина
Крутое оформление магазина

Осталось научиться играть несколько песен 🙂

Вовсюда, да что не изняло ли есть

Что это? Это слова, которые распространены в определенных регионах.

Вот несколько слов Псковской области, которые я узнал за время жизни с женой:

  • Вовсюда — во все места сразу
  • Кладки — деревянные мостки
  • Пясточка — горсточка, которая помещается в руку. Пять пальцев — пясточка.

Я сам вырос в Архангельской области и там тоже есть такие слова, которые жена не слышала:

  • Да что не изняло ли есть — означает «не успокоишься никак»
  • Иди ты клеману — это посыл куда-то, но дружелюбный, еще могут сказать «иди ты к лешему».
  • Ужо — подожди

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

А у вас есть такие слова?

Поход на концерт классической музыки

Сегодня ехал в трамвае и случайно увидел постер «Музыка великих» и тут же вспомнил что в моем лайфлисте есть пункт о концерте классической музыки.

Зашел на Яндекс афишу и купил билет на 5 мая. Билет стоит 300 рублей + 30 комиссия, но 35 рублей возвращается баллами.

Поход на концерт классической музыки 3
Купленный билет

О том как сходил допишу сюда 5 мая 🙂

Добавление типографа на сайт

Что такое типограф?

Типограф — библиотека, которая форматирует ваш текст, удаляя висячие строки, заменяя кавычки и изменяя тире.

Сложно его внедрить? Дело 5 минут:

1 шаг

Скачиваем типограф. Я использую типограф Муравьева. Вот тут можно скачать для php.

2 шаг

Распаковываем архив, забираем файл EMT.php и кладем его в папку темы, у меня это папка inc.

3 шаг

Идем в functions.php, который лежит в папке темы и вставляем код:

/*=================================
Типограф
==================================*/
require_once(get_template_directory() . '/inc/EMT.php');

function typo($text, $paragraph = false) {
  $typograf = new EMTypograph();

  $p = ($paragraph) ? 'on' : 'off';
  $options = array(
    'Text.paragraphs'=> $p,
    'Text.breakline'=> 'off'
	);
  $typograf->setup($options);
  $typograf->set_text($text);
  
  return $typograf->apply();
}

/*=================================
Фильтруем вывод с типографом
==================================*/
add_filter( 'the_content', 'filter_typograph' );
add_filter( 'the_title', 'filter_typograph' );
add_filter( 'the_excerpt', 'filter_typograph' );

function filter_typograph( $content ) {
  return typo($content);
}

Теперь вы можете форматировать любой текст с помощью функции typo:

<? echo typo('Текст или переменная');?>

А также: the_content (), the excerpt (), the_title () — будут выводится уже отформатированные.

Теперь дизайнеры не будут плеваться когда читают ваш блог.

Фильм «Зеленая книга»

Вы когда-нибудь ходили в кинотеатр на один и тот же фильм дважды? Я чуть-чуть не успел.

Это был фильм «Зеленая книга». Я считаю он просто идеален.
Идеальная смесь дружбы, юмора, морали и атмосферы.

Напомню, что это мое личное мнение.

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

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

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

И еще момент, который меня зацепил. Актер, который играл водителя. Думаю, что вы не знаете его имя, но возможно он знаком вам как «Арагорн» из фильма «Властелин колец». Я так обрадовался за него.

Всегда радуюсь за актеров, которые давно не попадали в крупные фильмы и вот наконец засветились. Это прекрасно. Когда у актера есть способности, нельзя чтобы они простаивали зря.

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

Смотря этот фильм, такое ощущение что ты оказался в США 60-х годов. Все сделано прекрасно: машины, одежда, здания.

Посмотрите его, насладитесь.

Постер фильма
Постер фильма

Убийство в «Восточном экспрессе»

Сравнение фильма и книги.

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

Вы смотрели фильм? На любой ваш ответ я скажу — читайте книгу. Я прочитал книгу и когда смотрел фильм, самой частой мыслью была:

Что за **здец?!

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


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


Эркюль Пуаро, детектив

В книге:

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

В фильме:

  • странный экстрасенс, который знает куда побежит человек и заранее подкладывает ему палки. Серьезно? Я понимаю умный, но движения человека на большой площади прослеживать сложно.
  • балаболит налево и направо о том, что убит пассажир, допрашивает пассажиров прямо в коридоре вагона.
  • обвиняет каждого в беседе, причем криком и ждет реакции обвиняемого.
  • дал пистолет главной обвиняемой и сказал чтобы та его убила и кинула труп в озеро.

Остальное

В книге:

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

В фильме:

  • все гуляют вокруг поезда, пикники устраивают, преступник может легко свалить с рабочими, которые очищают завалы.
  • у каждого второго ствол, пальба, драки. Детектива ранил в плечо доктор-полковник и побил граф.
  • полковник и доктор, один человек, темнокожий и на этот счет в фильме странные диалоги о том, как он при цвете кожи получил образование. Зачем это туда вплетать? Это лишняя информация.
  • детектив проверяет левша человек или правша, хотя в отличии от книги в фильме не сказано о том, что доктор определил что убийца был и правша и левша. Бесполезная проверка, которая светится один раз. В книге он проверял всех.
  • никто не помог раскрыть тонкостей, он сам до всего допер.
  • граф долбаный каратист, раскидал людей, которые хотели его сфотографировать и потом отметелил чуть-чуть детектива. Графиня какая-то упоротая наркоманка. Просто дичь.
  • доктор проверяет раны и время смерти за примерно 20 секунд.

Вывод: Агата прости, мы все про**али.

У тебя есть проверенный, крутой сценарий — нет, запилю свой, получится лучше, ага.

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

В fixprice книга стоит 77 рублей.

Убийство в "Восточном экспрессе" 4
Кадр из фильма

Правильный магазин одежды

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

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

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

Итак начнем.

Моя прелесть.
Я бы не сказал что телевизоры висят удобно, можно было как-то обыграть, но ладно. Тут есть целые диваны, при желании даже прилечь можно. Самая лучшая часть магазина, бесценно.

Зона отдыха
Зона отдыха

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

Примерочные
Примерочные

Примерочная обычная, за исключением того что стоит кулер и урна. Да, это есть далеко не во всех магазинах. Сама кабинка обычная.

Указатели. Я проверил и попробовал посмотреть на них из разных частей магазина. Где бы ты не был, всегда найдешь направление к разделам и кассе — идеально.

Указатели
Указатели

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

Зеркала на колоннах
Зеркала на колоннах

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

Корзины для покупок
Корзины для покупок

#5 — Новый вид блога

Я наконец-то собрал силы в кулак и за 4 дня сделал дизайн, верстку и тему для своего сайта.

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

Были обновлены и добавлены:

  • добавлена страница «контакты»
  • обновлена страница «цены»
  • удалены всевозможные интерактивные страницы и куча javascript и css хлама, которые грузят сайт
  • убран кат и сделана бесконечная прокрутка
  • добавлен поиск
  • добавлены кнопки «поделиться»

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

Дизайн темы был вдохновлен дизайном движка Эгея.

Всем добра 🙂

#5 — Новый вид блога 7
Главная страница