Статьи

Фильмы 2015 года, которые я жду

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

06 августа 2015
3.1 тыс.
12 сек

Бэтмэн встречает Зеленого Шершня

Одного дня вечером зашел с товарищем в магазин комиксов. Пока смотрели всякие выпуски, я рассказывал о том, что очень уважаемый мною актер/режиссер/комик/продюссер/другое Кевин Смит взял да и придумал новый комикс, в котором вместе воюют на стороне справедливости Бэтмэн и Зеленый Шершень.

05 августа 2015
3.9 тыс.
1 мин

Сколько стоит жить в Нидерландах, часть 1

Самый главный вопрос, который меня интересовал – хватит ли мне заработной платы для жизни? А так как я переезжал с женой и ребенком, то интерпретация поставленного вопроса была такой: прокормлю ли я нас троих?

21 июля 2015
5.9 тыс.
6 мин

Диснейленд 1955

В 1955 году в США открылся первый Диснейленд. Мечта всех детей обошлась в 17 миллионов долларов. Ниже слайды с открытия парка.

19 июля 2015
3 тыс.
20 сек

Советские и российские автомобили, о которых никто не знает

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

14 июля 2015
4 тыс.
6 мин

Антверпен, Бельгия

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

12 июля 2015
3.5 тыс.
3 мин

Как организовать путешествие самостоятельно?

Путешествия – одно из самых лучших развлечений на Земле. Как ни странно, организовать путешествия самостоятельно совсем не сложно, необходимо лишь потратить немного времени. Сразу оговорюсь, что «овощной» отдых на берегу море/океана/бассейна, я путешествием не называю.

03 июля 2015
4.8 тыс.
7 мин

Стали известны хэдлайнеры фестиваля в Литве (+бесплатные визы)

24-25 июля на озерном острове у городка Зарасай пройдет уже полюбившийся белорусам музыкальный фестиваль Galapagai. Гостей ждет два дня музыки, развлечений и островной романтики под знаком веселой черепахи. Белорусы могут получить на мероприятие бесплатные визы.

02 июля 2015
2.8 тыс.
4 мин

Заменяем аватар на цветной кружок с буквой с помощью JavaScript

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

Здесь я покажу как это сделать с помощью JavaScript. Главный вопрос – подбор цвета?

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

Вот так будет выглядеть наш HTML:

<div class="user-info">
    <div class="user-info-avatar" id="avatar"></div>
    <div class="user-info-name" id="name"></div>
</div>

Добавим немного CSS-стилей:

.user-info-avatar {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    margin-right: 10px;
    color: white;
}
.user-info-name {
    display: inline-block;
}

А теперь JavaScript:

var stringToColor = function stringToColor(str) {
    var hash = 0;
    var color = '#';
    var i;
    var value;
    var strLength;

    if(!str) {
        return color + '333333';
    }

    strLength = str.length;

    for (i = 0; i < strLength; i++) {
        hash = str.charCodeAt(i) + ((hash << 5) - hash);
    }

    for (i = 0; i < 3; i++) {
        value = (hash >> (i * 8)) & 0xFF;
        color += ('00' + value.toString(16)).substr(-2);
    }

    return color;
};

var name = 'Михаил';
var letter = name.substr(0, 1);
var backgroundColor = stringToColor(name);
var elementAvatar = document.getElementById('avatar');
var elementName = document.getElementById('name');

elementName.innerHTML = name;
elementAvatar.innerHTML = letter;
elementAvatar.style.backgroundColor = backgroundColor;

За генерирование цвета отвечает функция stringToColor. Она принимает строку с именем (любую строку), переводит ее в биты и уже из них в HEX-цвет. Если мы не передадим в функцию ничего, то получим в ответ цвет по умолчанию – в данном примере, #333333.

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

02 июля 2015
12.7 тыс.
2 мин

Офис Booking.com в Амстердаме

Booking.com — система интернет-бронирования отелей, основана в 1996 году. Штаб-квартира компании находится в Амстердаме.

01 июля 2015
7.8 тыс.
1 мин