Design

Если вы помните, давным давно я писал про srcset и sizes для картинок. Эти атрибуты позволяют подсказать браузеру, какие картинки лучше грузить (работают для тэгов img и picture).

А сегодня увидел твит, который одной картинкой поясняет принципы работы. И решил напомнить вам эту тему.

Отличная презентация Richard Rutter — Golden Rules of Typography on the Web. Рекомендую ознакомиться. Если кто-то найдёт текст или видео — поделитесь, плиз, в комментариях.

Краткое содержание:

Полтора года назад писал о представлении таблиц и диаграмм. По-прежнему считаю, что ту гифку сложно превзойти (по соотношению объём/полезность).

Прочитал ещё одну статью по теме — более длинную, зато с парой свежих советов.

Сегодня хочу поделиться ссылкой на презентацию SVG can do THAT?!

Красиво сделано. Познавательно.

Ещё у меня накопилось несколько ссылок на статьи про SVG. Возможно, кого-то заинтересует.

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

Сегодня хочу рассказать про впечатления о статье Creating Usability with Motion: The UX in Motion Manifesto. Ссылку прислал мне Женя Кирьянов, за что ему отдельное спасибо. Есть перевод первой половины этой статьи, но ссылку не дам :) Просто тот случай, когда лучше прочитать оригинал, подглядывая в словарь.

Если вкратце, статья отличная. К сожалению, идеальный вариант — сразу всё это попробовать реализовать в реальных приложениях, а у меня такой возможности нет. Сразу предупреждаю:

Думаю, большинство из вас в курсе, что такое Smashing Magazine. Если нет — почитайте там статьи, получите удовольствие.

Мне лично они нравятся. Недавно они затеяли редизайн сайта. И, что вдвойне приятно, наряду с редизайном они перешли с глючного решета WordPress на Hugo. Чуть больше подробностей далее.

Ant Design — это альтернатива Material Design. Что лучше, что хуже — решать вам, я лишь делюсь информацией.

Вы наверняка слышали про Material UI — библиотеку, которая реализует принципы Material Design для React. Аналогично, есть реализация Ant Design — Ant Design of React. Подробно не смотрел, но выглядит красиво. Далее несколько восторженных отзывов про табличное представление.

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

Хочу поделиться подборкой статей про руководства по стилю (или как говорят наши зарубежные коллеги, style guides).

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

Что ж, начну с отечественных наработок.

Сегодня расскажу про два сравнительно простых способа как сделать ваших пользователей ещё счастливее.

Как вы уже знаете, мне нравятся быстрые сайты. Летом я уже делился набором инструментов для оптимизации сайтов. Однако, есть пара несложных приёмов, первый из которых эти инструменты вряд ли когда-нибудь догадаются посоветовать.

Начнём с самого простого в реализации способа. Его внедрение, правда, может отнять у вас много времени на этапе согласования в компании или с участниками вашей команды.

Прошлые две недели прошли для меня под знаком статьи Clear off the table. Сначала увидел ссылку в комментарии к другой статье на хабре, потом ещё пара человек мне ссылку на перевод прислали.

Что характерно, поскольку сама статья и анимация достаточно грамотная, у многих возникает ощущение “круто! давайте всё так сделаем”. Не надо так :)

Собственно, о чём речь? Речь о том, что в идеале, пользователь должен быть избавлен от лишней информации и “визуального шума”. С этим я согласен более чем абсолютно. Только всё хорошо в меру. Что предлагают авторы?

Недавно прочитал статью Tips for Using Icons in Your App. Понравилась. Вроде всё по делу. Делюсь кратким содержанием.

Хочу поделиться подборкой хороших статей про особенности дизайна кнопок.

Сегодня расскажу о релизах из мира JavaScript и немного про новые веяния в типографике:

• Angular2;
• Node.js v6.6.0;
• WebStorm 2016.3 EAP;
• Variable fonts.