Интересные CSS-находки в новом дизайне Facebook

[Snelsi]

>Использование в роли разделителей элементов , а не внешних отступов
Думаю, это попытка обойти одно очень неприятное свойство overflow. Браузер игнорирует margin-right отступы последнего элемента, останавливая прокрутку аккуратно на его границе справа.

Div по краям — прямолинейное, но надёжное и кроссбраузерное решение этой проблемы.

Другое вариант — обернуть все внутренние элементы в div-обёртку с 'width: fit-content'. И уже обёртке дать нужные отступы в виде padding.

[strikerdimabel]

Мы также разбирали разметку и дизайн Facebook, и мне кажется довольно оптимистичным искать там какой-то скрытый смысл, кроме того, что в простонародье называется «костыли» ))

[HawkeyePierce89]

>> Интересные CSS-находки в новом дизайне Facebook
>> Использование в роли разделителей элементов , а не внешних отступов

Очень интересные (нет)

[ShadowTheAge]

Интересный эвфемизм для слова «костыли» :)

[CaerDarrow]

Я нашел котиков (в целом понятно, где)

<div id="imPoorCat" style="display: none" class="im-old-cat">
     <p>Web ICQ is a quick way to stay connected. Convert audio messages to text, use smart replies
    </p>
</div>

[Finesse]

Пустые элементы для flexbox-сеток

Зачем, интересно, ведь эту задачу можно элегантнее решить с помощью CSS Grid. Все браузеры, которые поддерживают CSS Variables, поддерживают и CSS Grid.

[t_kanstantsin]

Но они же оптимизировали тень под шапкой, заменив её на картинку! А т.к. освободились такты CPU/GPU, то можно добавить других теней и фильтров:)

[thechemis]

Статья позволяет расширить рамки мышления при продумывании дизайна. Спасибо))

[sapman]

Разве facebook стоит того, чтоб искать в нем находки? Единственный, кто стабильно тормозит на любых устройствах… Хотите позаимствовать тормоза себе? Хотя новый дизайн еще не оценил, если тормоза исчезли тогда беру свои слова обратно.

[soul_survivor]

А видели как стыдливо Facebook прячет тег Sponsored в ленте, мало того что он обфусцирован, так еще и самоуничтожается при наведении на него указателя мышки? :)