Заметки

Мой бро Денис написал песню о нас студентах. Было это 11 лет назад. Недавно он записал ее в студии. Музыка стала чуть медленнее, а текст малость добрее. Но, все равно, это все таже песня, про все тех же нас.

Из-за сильного ливня, прошедшего в Тбилиси в ночь на 14 июня, несколько районов грузинской столицы были полностью затоплены. В городе размыты дороги, многие здания получили сильные повреждения. По разным данным, погибли от 8 до 11 человек. Около 40 семей остались без крова, 22 тысячи человек — без электричества. Переполнившаяся река Вере затопила Тбилисский зоопарк, из которого убежали более 30 животных. Некоторые из них, в том числе волки, были убиты, когда они зашли на территорию больницы. Остальных ищут и пытаются вернуть в зоопарк, в животных стреляют капсулами с усыпляющим средством.

Продолжение

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

Продолжение

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

Адаптивный веб-дизайн (англ. Adaptive Web Design) — дизайн веб-страниц, обеспечивающий корректное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.

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

Wiki

Мы все уже привыкли, что большинство современных сайтов замечательно работают и хорошо читаются на наших мобильных устройствах и ноутбуках. Все вокруг говорят о мобильных версиях сайтов, но почему-то никто (или почти никто) не задумывается о том, что сайты / приложения должны хорошо выглядеть на больших экранах. Я говорю не только про Full HD мониторы и телевиозы, но и про набирающие популярность разрешния больше 2500 пикселей.

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

• 2560x1440
• 3200x2048
• 3840x2160
• 4096x3112
• 5120x2880

Страшные цифры. Еще 10 лет назад приделом мечтаний был монитор с оптимальным разрешением 1024x768, а уже сегодня каждый хочет себе монитор с разрешением UHD и телевизор с 4K.

А что делают дизайнеры, разрабатывающие UI для отзывчивых сайтов? Они используют три брейкпоинта для своих творений:

• 320-767
• 768-1024
• 1024+

Иногда попадаются какие-то промежуточные значения, но редко кто-то выходит за пределы 1280 пикселей. И если два года назад это было нормально (самая популярная ширина экрана – 1366, самая большая – 1920), то сегодня все больше и больше людей начинают использовать свои современные телевизоры с 4K для выхода в интернет, а производители мониторов старательно выпускают на рынок можели с UHD (2560+).

Вот так выглядит на большом мониторе «икона» современного дизайна. Сказать «ужасно» – это не сказать ничего.

А вот так – один из самых популярных новостных порталов США.

Популярный сервис для просмотра видео.

Хотя зачем ходить далеко.

Близкие и родные, два самых популярных сайта в Беларуси.

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

А теперь несколько примеров сайтов, где современные экраны были учтены:

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

Обычно я встаю с будильником в 6:30. Но в этот четверг мне было как-то лень, посему проснулся ближе к 8 утра. Каждый день я прихожу на работу около 9. Поэтому ранние подъемы дают мне возможность принять душ, позавтракать и неспеша двинуться в офис. Дорога до офиса занимает от 30 до 40 минут, в зависимости от выбранного маршрута и стыковок общественного транспорта. Такой вот поздний подъём лишил меня душа и нормального завтрака.

Продолжение

Иногда сделать простые вещи очень непросто. Например, добавить условный комментарии для IE в html. Этим я сегодня и занимался.

В моем текущем проекте нам нужно было поддерживать css медиа-запросы в IE9. Для этого было решено использовать библиотеку media-match.

Что может быть проще? Пара строк кода с условным комментарием:

<!--[if lte IE 9]>
   <script src="/public/media.match.js">
<![endif]-->

Но все оказалось намного сложнее, так как мы используем React.js и делаем изоморфное одностраничное приложение. Кто бы знал, что React не рендерит на странице комментарии, помещенные в .jsx-файлы. Показынный ниже способ не работает:

renderHead: function() {
  return (
    <head>
      <!--[if lte IE 9]>
      <script src="/public/media.match.js"/>
      <![endif]-->
    </head>
  );
}

Единственный способ, который мне удалось найти – dangerouslySetInnerHTML для head, внутрь которого я поместил комментарий и все заработало:

renderHead: function() {
  return (
    <head dangerouslySetInnerHTML={{__html: '<!--[if lte IE 9]><script src="/public/media.match.js"></script><![endif]-->'}}>
    </head>
  );
}

Следует также отметить, что тэг script должен быть закрыт отдельно <script></script>, так как сокращение <script /> не работает в React.

Последняя, но, при этом, большая проблема – если надо поместить несколько таких комментариев в head. Конечно, можно все просто написать в одну строку, но это выглядит «убого».

Поэтому я, да простят меня парсерсы HTML в браузерах, положил условные комментарии внутри тэга meta:

renderHead() {
  return (
    var comment = '<!--[if lte IE 9]><script src="/public/media.match.js"></script><![endif]-->';
    <head>
      <title>Website title</title>
      <meta name="react-comment-hack" 
          dangerouslySetInnerHTML={{__html: comment}}>
      </meta>
    </head>
  );
}

Успешного «реакта».

© Автор Maks Nemisj

К Амстердаму можно относиться по-разному. Кто-то его любит, кто-то нет. Попробую высказать своё мнение по этому поводу.

Начну с того, что город совершенно небольшой. Здесь официально проживает порядка 830 тысяч человек. Если сравнивать его территорию с Минском, то кажется, что весь Амстердам — это спальный район белорусской столицы. Добраться до центра из любого уголка можно за 15-20 минут.

Продолжение

Жилье

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

Этот вопрос – единственный, который не сомнении меня волнует. Я уже три недели в Нидерландах, но особо не продвинулся в поисках постоянного места жизни.

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

Продолжение

Продолжим серию обзоров всяких-разных умных часов (Pebble Steel, Casio STB-1000-1EF). В этот раз взглянем на первые и долгое время считавшееся лучшими часы от компании Motorola – Moto 360.

Продолжение

Мой первый рабочий день должен был быть 1-го апреля. Естественно мне необходимы были несколько дней для адаптации в новой обстановке. По сей причине билет в Амстердам я купил на утро 30 марта. Имея последний день марта в наличии, я договорился о встрече в Экспатцентре и в банке. Экспатцентр занимается выдачей ID (паспорт местный) и регистрации в органах муниципальной власти.

Продолжение

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

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

Естественно я незамедлительно отреагировал на это психологически. В это же время (в 20-х числах декабря) я получил письмо из Лондона с вакансией в Амстердаме. Мою неустойчивое психологическое состояние не позволило мне трезво оценить это предложение, и я согласился попробовать.

Продолжение

Я процентов на 95-100 украинец, у меня там много родственников, и наблюдать за тем, что там сейчас происходит, мне очень больно. Я твердо уверен, что Крым должен принадлежать Украине, ну или, в крайнем случае, Турции. Я не сомневаюсь, что российские добровольцы – совсем не добровольцы. Вот нашел несколько фотографий украинских военных и зоны военных действий, которыми хочу поделиться.

Продолжение

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

Продолжение

Анекдот.

Пятеро инженеров Casio умерли от смеха, узнав, что умные часы Samsung будут работать от батареи два дня.

Я уже исправно обозрел первые побывавшие у меня умные часы Pebble Steel. Они мне не очень приглянулись из-за внешнего вида. Зато я всегда любил брутальные G-Shock от Casio. И тут внезапно я обнаруживаю, что у японского производителя за разумные деньги есть модель, внешне очень напоминающая «шоки», но при этом умеющая работать с телефонами – Casio STB-1000-1EF. Часы были незамедлительно найдены и приобретены в Минске. К слову, до Casio задумывался о покупке Cookoo Watch.

Продолжение