Как подгрузить шрифт до загрузки страницы?
<link rel="preload" href="coolfont.woff2" as="font">
(работает во всех Webkit-браузерах, ожидается в ближайшем релизе Safari).

Что такое методология БЭМ, и почему она нужна даже в небольшом проекте.
https://youtu.be/lQPs20b3Ey8

Психофизиология интерфейсов.
Как создавать визуально приятные интерфейсы?
Секреты от дизайнера Альфа-Банка (много букв, но интересно)
http://tilda.education/courses/web-design/psychophysiology/

Бесплатные кирилические шрифты 2017
https://yadi.sk/d/UbmaGDgo3J99bN

Исследование аудитории телеграм. Небольшой тест (на 1-2 мин.).
https://goo.gl/forms/Q5voOROuJyMaxjvk1

10 популярных книг о графическом дизайне и об основах композиции в дизайне http://www.designonstop.com/?p=1210

Фавикон, логотипы и другие иконки, которые нужны современному сайту. https://habrahabr.ru/post/330584/

Государственные сайты России перейдут на единый стиль в дизайне. Непосредственно разработкой будет заниматься студия веб дизайна AIC. http://gov.design , GitHub: https://github.com/govdesign

В новом релизе браузера Google Chrome 60 добавлено CSS-свойство font-display и правило @font-face, которые дают возможность определить как и когда отображать текстовое содержимое, если шрифт ещё не загрузился. Теперь текст можно отобразить сразу, временно используя шрифт по умолчанию. https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

Интересный Youtube канал о Frontend разработке.
https://www.youtube.com/channel/UCEBHlT_L1ME6e9ixaRPp0wg

Есть такая программа Pixelmator, которая долгое время была эдаким «фотошопом для бедных» на маке, но зато она максимально следовала всем конвенциям UI-дизайна macOS. Настолько, что их вполне бы могли купить Apple, чтобы дополнить линейку iWork (это где Keynote и остальные).

Окей, они анонсировали новую программу, Pixelmator Pro — которая, я уверен, невероятно прекрасная и все такое — но важно не это. А то, что они запустились с лендингом, который максимально следует новому визуальному стилю Apple с крупными шрифтами и жирными заголовками.

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

pixelmator.com/pro

Новые "лендинги для подражания" от Apple:
apple.com/iphone-x
apple.com/iphone-8
apple.com/apple-watch-series-3
apple.com/apple-tv-4k

"Хочу как у Apple" теперь выглядит так)

https://github.com/Konfuze/HEAD Ребята собрали в одном месте все теги которые могут содержаться внутри < head >.

https://yandex.ru/20/
Ухты! Яндексу двадцать!

Вадим Макеев, в "шортах" назвал всех разработчиков пользующихся Float'ами с̶т̶а̶р̶п̶ё̶р̶а̶м̶и̶ староверами. И "разрешил" всем кто ещё сомневаться переходить на Flex'ы. А лучше на Grid'ы.
https://youtu.be/Wpglfz7aXzo

В Академии Яндекса запустили новый плейлист Школы Дизайна:
https://www.youtube.com/watch?v=kEt7c972Oss&list=PLLkvpHo_HuBOiSFsDfT8I5aWJKkMzzrPD

Вышла версия 1.0 Adobe XD.

Независимо от того станет ли популярным XD, некоторые профессионалы предсказывают скорую смерть для Sketch, так как не смотря на то, что он очень удобен - остаётся его основной недостаток - его легко повторить. На рынок вышло уже несколько хороших редакторов, которые умеют не хуже чем Sketch, а выход на этот рынок Adobe - может стать самым серьёзным ударом. И не забываем что Sketch по прежнему нет под Windows...

Создаем анимации с помощью Anime.js, последние части серии:
— Управление воспроизведением: https://goo.gl/RkwDQU
— Callback-функции и SVG: https://goo.gl/YUYD62

Это новшество скорей подойдёт тем кто в фотошопе работает с фотографией.
Но не сказать об этом нельзя. В Adobe Photoshop CC 2018 будет новая функция, которая позволит выделять объекты на сплошном фото в один клик, тесть можно будет наконец забыть об изнурительной обводке при помощи лассо.
Встречаем «Select Subject»: https://youtu.be/x-9qYLr15tU
Функция работает на основе нейросети!