Василий Половнёв дает совет о группировке правил в CSS:

Вместо того, чтобы сортировать CSS свойства, можно сгруппировать их по типу. Например, ребята из Яндекса используют 7 групп:

• позиционирование (position, top, …, z-index);
• блочная модель (display, float, …, overflow);
• размеры (width, height, margin, padding, …);
• таблицы/списки (border-collapse, list-style, …);
• визуальщина (transition, transform, cursor, text-transform, …);
• цвета (opacity, color, border, background, …);
• шрифт (font-*, line-height).

Такой CSS удобно читать и редактировать. Связанные свойства (position и z-index, margin и padding, font-size и line-height) находятся рядом. Важные группы идут первыми: позиционирование, раскладка, размеры. Когда работаешь с одной конкретной группой свойств, легче заметить дублирующиеся: повторяющийся font-size бросается в глаза в блоке из 3 свойств.

Ник Коленда классифицирует цены по их внешнему виду:

1. Круглая: $40.
2. Круглая с нулями: $40,00.
3. Точная: $41,19.
4. Нечетная: $39,99 или $39,95.

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

В случае рациональных покупок, люди стремятся тщательно обдумать свой выбор. Мыслительной работы по обработке точной или нечетной цены уже достаточно, чтобы считать покупку более оправданной. Кроме того, точная цена создает ощущение, что она основана на затратах продавца, а не взята с потолка.

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

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

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

Пейдж Лаубхеймер из «Нильсен-Норман-Групп» дает определение UI-паттерну «Карточка» и показывает, когда его следует использовать.

Для представления однородных данных карточки подходят хуже списков. В списке нужную информацию найти проще:

Зато карточки подходят для неоднородной информации. На дашбордах они хорошо отделяют виджеты друг от друга:

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

Эту особенность мышления должны понимать разработчики приложений. Если пользователь вынужден продираться сквозь неудобный интерфейс и ненужные возможности, принимать необязательные решения и искать ответы в непонятной документации, он расходует мыслительные ресуры. Хотя он мог бы потратить их на что-то важное для него — научиться играть на гитаре, пообщаться с родными или всё-таки отказаться от этого куска торта.

Егор Хомяков рассказывает, как хакеры могут надолго внедрить в браузеры посетителей сайта вредный джаваскрипт с помощью AppCache.

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

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

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

Бороться с этим владельцы сайта могут двумя способами: возвращать ошибку 404 или 410 по адресу, где был расположен манифест, или попросить каждого пользователя зайти в chrome://appcache-internals/ и очистить кеш. Больше никак его не удалить.

Еще одно описание этой атаки.