littleguga

Попробуйте поменять местами эти дивы:

<style>
#contacts {
float: right;
}
#map {
float: left;
}
@media screen and (max-width: 481px) {
#map, #contacts {
float: none;
}
}
</style>
<div id="contacts"></div>
<div id="map"></div>

Правда в том, что пьющие, курящие и едящие жирную пищу просто меньше проживут.
На мозг еда не так сильно влияет, организм штука такая, что из любого говна сделает нужные ему вещества, ну кроме незаменимых. А так как мозг у организма в приоритете, то он всегда получит необходимые вещества, в ущерб внутренним органам.
Это только моё мнение, на авторитет не претендую.

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

Толковых среди них малова-то как-то.

их вообще не парит, что алкоголь/никотин уничтожает какие-то там сферические нейроны мозга в вакууме

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

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

эти проблемы проявляются ближке к 40-ка годам, и проявляются они в целом ухудшением самочувствия. Опять же - вопрос мотивации.

Где правда?)

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

Если вам интересно как какая-либо еда влияет на организм - есть чудная книжка - The Chine Study.

Стандартный алгоритм для интервалов:
Пусть на каждый случай большего рейтинга противника приходится два случая равного и три случая меньшего.
Больший: 1
Равный: 2
Меньший: 3
Просуммируем, 1+2+3 = 6.

Найдём граничные значения:
Больший: [0, (0+1)] = [0, 1)
Равный: [1, 1+2) = [1, 3)
Меньший: [3, 3+3) = [3, 6)

Генерируем случайное число X от 0 до 6.
Если X < 1, то выбираем противника с большим рейтингом
Иначе если X < 3, то выбираем противника с равным рейтингом
Иначе выбираем противника с равным рейтингом

Простой путь
Фонтелло умеет добавлять иконки. Посмотри их API, у них есть утилита на github и веб-интерфейс.

https://github.com/fontello/fontello#developers-api
https://github.com/fontello/fontello

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

Джедайский путь
1. записать файл icons8.woff.b64 такого содержания:

d09GRgABAAAAABaUAA4AAA ..... много буков ..... /9YNLL0bmRhcAAfTIrgAAAA=

2. распаковать из формата base64

php -r '$file = file_get_contents("icons.woff.b64"); file_put_contents("icons8.woff", base64_decode($file));'

3. полученный файл шрифта icons8.woff с помощью https://everythingfonts.com/woff-to-svg сконвертировать в шрифт в формате SVG
4. полученный файл c шрифтом в формате SVG icons8.svg с помощью https://github.com/icons8/svg-caster преобразовать в кучу SVG файлов-иконок
5. добавить свои файлы-иконки в формате SVG
6. с помощью fontello.com создать веб-шрифт из этого набора файлов-иконок

НО
А. Коды символов изменятся, в вёрстке иконки могут оказаться не на своих местах оказаться, если в HTML вставляются через коды, а не имена классов.
Б. Иконки надо согласовать по размерам, чтобы новые две не выглядели воронами. Пригодится редактор Inkscape или Adobe Illustator

Чувак собирает и распространяет среду разработки для ESP8266 под венду, пишет, что получил ~7000р пожертвований (чуть меньше чем за пол года): esp8266.ru/forum/threads/udk-obschie-razgovory.185...

Мне кажется, что после слов

Девушка, можно сказать, моя гражданская жена

многие перестали читать... Вам такую информацию надо было поместить в конце. В стиле "да, вот ещё - эта девушка моя гражданская жена".
Есть всякие исторические анекдоты на эту тему. Мне нравится следующий:

Поклонник: Шерр Моцарт, я подумываю начать писать симфонии. Не могли бы Вы подсказать, как мне начать?
Моцарт: Симфония – это очень сложная музыкальная форма. Начинайте с каких-нибудь простых частушек, и постепенно усложняя, двигайтесь к симфонии.
Поклонник: Но герр Моцарт, Вы начали писать симфонии с 8 лет.
Моцарт: Всё верно. Потому что никогда ни у кого не спрашивал, как их надо писать.

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

Нужно различать технологии БЭМ и стандарт кодирования БЭМ. Правда стандарт кодирования они почему-то называют методологией, вероятно, чтобы придать больше важности и избежать конкретики, потому что стандарт кодирования это вещь простая и конкретная, а методология очень абстрактная.
Вобщем идея именования классов для выделения связанной логики в блоки довольно хороша и удобна для разработки и поддержки. А вот с технологиями тут все довольно печально, лучше испольовать общепринятые gulp/jquery/angular и прочее, по ним и информации больше и плагинов и комьюнити и работают они лучше.

Например одна команда написала скажем sidebar. Другая команда теперь может легко и просто вставить его в свой проект, не беспокоясь о конфликте CSS стилей или имен классов.

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

Вот: https://www.proof.com/screenshot/ Сервис небесплатный (30 центов за скрин), но зато скрин будет иметь полную юридическую силу как доказательство.

По смыслу же это - jquery/gulp/jade - от яндекса?

это bem-tools, сама методология BEM чуть отличается все же.

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

По сути BEM это крайность, основная соль которой - декомпозиция UI, разделение всего и вся на независимые блоки с целью повторного использования... Это очень даже хорошо работает в рамках большого количества однотипных в плане UI приложений. Для яндекса это подходит очень хорошо. Для мелких проектов - возможно не так хорошо, но от этого идеи не становятся плохими. Можно слепо следовать правилам и жить не тужить, а можно думать что ты делаешь и какие подходы используешь, оптимизировать все под себя и т.д.

https://www.youtube.com/watch?v=RM55tkWfHDc - рекомендую к просмотру доклад Вадима Макеева на эту тему. Думаю так будет проще.

https://www.npmjs.com/package/gulp-changed на пример. А зачем вообще при разработке использовать gulp-cssmin? Проще один раз этот таск запустить перед загрузкой на сервер, или перед сдачей заказчика и все. А так вы каждый раз выполняете ненужный, по сути, таск.

По сути все сборщики там это всё вторично. Главное сам принцип именования и использования классов в HTML и CSS. Этот подход позволяет сохранять единообразный подход к разработке даже в самой большой команде. Кроме того позволяет обмениваться модулями (html+css+js) между командами. Например одна команда написала скажем sidebar. Другая команда теперь может легко и просто вставить его в свой проект, не беспокоясь о конфликте CSS стилей или имен классов.

Сайт посвященный человеку мечтающему что-то сделать, но не знающему как и что.