Поле загрузки файлов, которое мы заслужили

Только ни пробелом, ни enter'ом на такой label не нажать. Только мышкой.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №327 (13 — 19 августа 2018)

Иногда вы переводите слишком буквально.

Техники сохранения времени CSS.

Это вообще что такое? Наверно имелось ввиду "экономящие время" или "простые".

Ограничение длины текста через градиент

Как ни странно, свойство -webkit-background-clip работает в последних Edge и Firefox

Типографика и современный CSS

жаль, что переносы Хром не поддерживает

Стоит отметить, что Chrome не поддерживает переносы только на Windows. На Mac пример с hyphens отображается корректно.

Что должен уметь фронтенд-разработчик

Я о странном для меня использовании предлога «в» — «умеет в компьютер».

Что должен уметь фронтенд-разработчик

Откуда пошли фразы типа «умеет в JavaScript»? «Знает JavaScript» звучит как-то правильнее.

CSS Grid Layout. Быстрый старт

Насколько я знаю, нельзя просто так взять и расставить префиксы для IE10+. Так как там есть много несовместимостей.

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

Еще можно использовать css-фильтр drop-shadow. Тень будет повторять форму объекта со всеми выступающими его частями.

Пример на js bin

Верстка: отображаем пользовательский контент

Во-вторых, необходимо сбросить в 0 пресловутое свойство min-width. Его значение auto было введено специально для flexbox, и к тому же сделано значением по умолчанию. И, что особенно печально, об этом нигде не пишут.

На CSS-tricks выходила статья по этому поводу.

Обратите внимание, что третье значение в свойстве flex задано с единицами измерения. Это баг в IE11, и без единиц измерения в нем ничего не работает.

Филлип Уолтон советовал писать flex-basis в процентах для сокращенной записи: 1 0 0%, так как некоторые css-минимизаторы вырезают, по его словам, px, а % оставляют.