Заметки


🔥 Студенты – песня моего студенчества

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

🗓 14.06.2015 20:52     👀 1.3 тыс.     📖 Читать 12 сек

🔥 Наводнение в Тбилиси

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

Продолжение

🗓 14.06.2015 13:29     👀 1.9 тыс.     📖 Читать 1 мин

🔥 Всегда с собой. Выпуск 2

Kobo Glo

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

Продолжение

🗓 09.06.2015 23:42     👀 2.1 тыс.     📖 Читать 6 мин

🔥 Из армейского прошлого

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

🗓 28.05.2015 16:05     👀 1.5 тыс.     📖 Читать 8 сек

🔥 Отзывчивые сайты для больших экранов

Адаптивный веб-дизайн (англ. 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+).

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

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

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

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

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

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

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

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

🗓 20.05.2015 14:50     👀 2.1 тыс.     📖 Читать 4 мин

🔥 Переезд в Нидерланды. Один обычный рабочий день

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

Продолжение

🗓 13.05.2015 11:57     👀 3.9 тыс.     📖 Читать 4 мин

🔥 Условные комментарии для Internet Explorer в React

Иногда сделать простые вещи очень непросто. Например, добавить условный комментарии для 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

🗓 07.05.2015 16:44     👀 2.5 тыс.     📖 Читать 1 мин

🔥 Переезд в Нидерланды. Город и туристы

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

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

Продолжение

🗓 29.04.2015 12:58     👀 1.9 тыс.     📖 Читать 6 мин

🔥 Переезд в Нидерланды. Жилье и русский язык

Жилье

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

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

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

Продолжение

🗓 21.04.2015 23:23     👀 2.6 тыс.     📖 Читать 6 мин

🔥 Moto 360 – эталон умных часов на Android Wear

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

Продолжение

🗓 12.04.2015 16:07     👀 1.9 тыс.     📖 Читать 5 мин

🔥 Переезд в Нидерланды. Первые дни

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

Продолжение

🗓 11.04.2015 12:00     👀 2.4 тыс.     📖 Читать 4 мин

🔥 Переезд в Нидерланды. Начало

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

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

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

Продолжение

🗓 04.04.2015 15:52     👀 2.7 тыс.     📖 Читать 5 мин

🔥 Как выглядит война в Украине на фотографиях

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

Продолжение

🗓 26.02.2015 10:46     👀 1.8 тыс.     📖 Читать 25 сек

🔥 Оскар 2015 в фотографиях

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

Продолжение

🗓 24.02.2015 12:27     👀 1.5 тыс.     📖 Читать 14 сек

🔥 Casio STB-1000-1EF – «полоумные» часы с bluetooth

Анекдот.

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

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

Продолжение

🗓 22.02.2015 12:44     👀 6.6 тыс.     📖 Читать 6 мин