Прекрасная памятка от Жени Арутюнова «Как быть нормальным»

Распечатать и повесить в офисе

Люди используют эмодзи неправильно.

Сравните:

С эмозди

Без эмодзи

И такое повсеместно. Если вы добавляете в текст более пары эмодзи, то он превращается в низкопробное нечитаемое говно.

undefined
null
false
+0
-0
NaN
""

Коллекция больших настенных плакатов за 2017 год.

Здесь рекламируют новую систему транспорта москвы, тройку и дают советы детям

Пожимать руку вредно. По крайней мере, если вы видитесь чаще одного раза в неделю

В любом мужском коллективе каждое утро и каждый вечер происходит ритуал приветствия и прощания. Это жуткий атавизм.

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

У всякого, кто протягивает руку, на лице заметно полное безразличие к происходящему. В большом коллективе все относятся к этому формально и без интереса.

Это отвлекает от работы. Мы вынуждены отвлекаться от своих мыслей и уделять внимание каждому кто вошел или уходит.

Это не гигиенично. Человек пришел с улицы: держался за поручни в транспорте, принимал пищу, ковырялся в носу. Да мало ли где бывали его руки?

Большинство людей делают это на автомате, потому что так принято. Потому что ты же мужик, а мужики пожимают руку. Потому что ТЫ ЧТО РУКИ ОБОССАЛ?!

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

Женщинам в этом плане повезло...

Немного джаваскрипта прямо в самом файле:

https://shkspr.mobi/blog/2018/02/this-svg-always-shows-todays-date/

При попытке купить что-нибудь на Амазоне, Сбербанк обязательно заблокирует вашу карту.

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

• На канале КоДоджо рассказывают про ЭС6 и многое другое
• На гитхабе идет работа над переводом серии книг «Вы не знаете ДжаваСкрипт» Кайла Симпсона. Я уже принял участие. Присоединяйтесь!
• Книга Эдди Османи про паттерны для приложений на ДжаваСкрипт
• Прекрасный иллюстрированный каталог паттернов проектирования и советы по рефакторингу кода.

1. Нельзя доверять стороннему АПИ:
— данные могут не прийти
— нужные вам поля могут быть пустыми или иметь неожиданное значение.

2. Следствие п. 1 — ваш код должен быть к этому готов.
Всё должно отображаться и работать без ошибок даже если данные некорректны или отсутствуют.

3. Обязательно учитывайте кэширование на стороне клиента.
— «скручивайте версию»: ссылка на файл скрипта или стилей должна меняться при изменении содержимого файла, чтобы клиент всегда получал свежую версию;
— если используете Реквайр, то придется переименовать файл, потому что Реквайр не умеет дополнять путь к отдельному файлу ГЕТ-параметром;
— если используете Вебпак, то добавляйте хэш к имени файла чанка, но не забывайте скручивать версию в месте подключения точки входа:

output: { 
...
    chunkFilename: '[name].[chunkhash].min.js'
}

4. Сафари в Айос  — чума 21 века для веб-разработчика

Сафари на айфонах по-особенному работает с айфреймами, у которых динамический контент. Например, с виджетом Твиттера.

Если такой айфрейм положить в абсолютно позиционированный блок с фиксированной высотой и внутренним скроллом (owerflow-y: auto), то он не будет растягиваться и скролл не будет работать. Похоже, сафари определяет границы блока и его контент при первом рендере и не учитывает загрузившийся айфрейм высотой 6000+ пикселей. Помогает такой хак:

*
    -webkit-overflow-scrolling: touch
.block__wrapper
    height: calc(100% + 1px)

5. Айфреймы в мобильном Сафари вообще часто ведут себя не так, как вы ожидаете. Например, их размер может внезапно зависеть от размера контента или от размера еще непонятно чего. Если нужно сделать адаптивный айфрейм, то помогает такой хак:

iframe {
        width: 1px;
        min-width: 100%;
        *width: 100%;
    }

6. Фоновый SVG в IE9-11 требует обязательно указывать атрибуты width и height, иначе его размер вырастет непредсказуемо, растянув или уменьшив картинку.

<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="1117" height="1403" viewBox="0 0 1117 1403">
...