Слайды с семинара про БЭМ

1.5 года я работаю в проекте, полностью построенном на стеке технологий БЭМ и считаю этот стек действительно удачным решением многих проблем современного front-end.

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

На прошедшем семинаре я попробовал показать, насколько несложно использовать часть стека на проекте полностью построенном на Ruby on Rails, сайте о недвижимости «Идинайди«,  Ниже слайды с этого семинара. Сайт-пример — https://github.com/DimitryDushkin/bem-light-example.

Первая часть (она на слайдах) посвящена «карте» технологий БЭМ. Она весьма разнообразна, но в действительности каждому элементу на ней есть своё место, которое возможно заменить на что-то другое из другого стека. Например, в Rails Борщик можно заменить на Sprockets. Формирование BEMJSON — на использование хелпера.

Вторая часть практическая. В ней описаны базовые принципы сборки проекта и написания блоков.

Internet explorer 10 (+ windows phone 8): проблемный z-index

Если у вас есть невидимые элементы управления:

ie10 example

 

на клик по которым надо что-то сделать, то учтите следующий баг на Internet Explorer 10 (который воспроизводится и на windows phone 8):

он игнорирует z-index «пустых» элементов.

То есть клик попадёт на красный элемент, а не на контрол, который расположен над ним.

Чтобы это поправить, можно просто добавить контролам стиль:

 background-color: rgba(0, 0, 0, 0); 

К слову, просто

transparent

не сработает.

Да, дорогой читатель, ослик всё так же держит верстальщиков в тонусе.)

Это решение совершенно случайно обнаружил тут.

Ускорение всех действий на Internet Explorer 10+ в Windows Phone

Для того, чтобы переходы по ссылкам, разнообразные кнопки, слайдеры и пр. быстро работали на windows phone необходимо сделать следующее:

1. Добавить мета-тег, удаляющий серое выделение активного блока:

 <meta name="msapplication-tap-highlight" content="no"/> 

2. На все активные элементы поставить следующие стили:


-ms-touch-action: none; /* IE 10 */
touch-action: none; /* IE >= 11 */
user-select: none;

Школа разработки интерфейсов Яндекса 2013 г.

С сентября по декабрь 2013г. я учился в Школе разработки интерфейсов Яндекса. Было очень здорово и интересно. Постараюсь позже написать по-подробнее. Сейчас я просто выложу экзаменационную работу, чтобы не забыть о её существовании.)

Итак, экзаменационная работа – http://sky2high.net/etc/projects/shri_exam/ и её исходный код – https://github.com/DimitryDushkin/shri_exam_1

Если кому интересен пример приложения на БЭМ (блок, элемент, модификатор), то можете посмотреть на облегченную версию задания на БЭМ – https://github.com/DimitryDushkin/shri_exam_1_bem

Не включается Macbook Air 13 2013 года выпуска

Это просто жесть, как я сейчас починил MacBook Air 13 2013 года выпуска.)
В общем, он у меня был в сумке и чехле, и сумка упала со стула. Высота небольшая, я даже не парился.

Через минут 10-15 я включил его (открыл крышку) поработал, закрыл крышку, а потом еще раз её открыл и НИЧЕГО. Черный экран. На hard reset (долгое нажатие power) не откликается. Ну, думаю, всё ппц.

Оказывается, я не один такой. По ссылке была горячая дискуссия по этому поводу. И нашёлся ВНЕЗАПНЫЙ способ починить: оказывается дело в сенсоре внезапного движения (SMS, sudden motion sensor). Он как-то глючит на новых моделях.

Короче, чтобы починить, нужно немного приоткрыть крышку, крепко взять мак в руки и сильно трясануть его пару раз (как писалось: «SHAKE IT LIKE YOU MEAN IT!»). Потом открыть крышку до конца и нажать Power. И та-да! Мак включается как ни в чем не бывало.))

Презентация с доклада по защите кандидатской диссертации

28 октября защитил диссертацию!)

Как и обещал, выкладываю презентацию с защиты кандидатской. Работа, кстати, называется «Методы и алгоритмы выбора композиции веб-сервисов в системах с сервисно-ориентированной архитектурой» по специальности 05.13.15 «Вычислительные машины, комплексы и компьютерные сети».

Кому интересны детали, смотрите дополнительные слайды в конце. Основные слайды я старался сократить, как мог, потому что суть доклада – это общая характеристика работ, на детали в 15 минутном выступлении времени нет. Доп. слайды оказались полезны во время ответов на вопросы.

PS: Возможно, позже напишу резюме по всему процессу подготовки диссертации, об аспирантуре и пр. Пока надо морально от этого отдалиться.)

Диссертация и автореферат

28 октября защищаю тут кандидатскую, так что все интересующиеся могут

скачать автореферат моей диссертации, скачать саму диссертацию.

Думаю, такие вещи из диссертации, как:

  • пример решения задачи машинного обучения (определение класса чувствительности),
  • решение задачи многокритериального выбора,
  • архитектура СОА систем,
  • способ определения времени обработки запроса с наименьшим разбросом значений
  • и некоторые другие

могут быть кому-то интересны =)

Позднее выложу презентацию с доклада.