Icons are notoriously ineffective as labels, being very difficult to interpret correctly without training or experience. For most situations, users learn correct interpretations better with text alone than with icons alone.

The most beautiful website, according to contemporary Web design, would be a completely blank page.

в сотрудничестве С ИНСТИТУТОМ ЛИБЕРАЛЬНОГО ОБРАЗОВАНИЯ

Multimedia Stories, Data Visualization, Explanatory Graphics, Breaking News, Visual and Interactive Features

NYTimes interactive experience

Pandoc filter to process code blocks with class "include" and replace their content with the included file.

8 января появилась новая версия сайта The New York Times. Мы уже выяснили, что думает арт-директор РИА Новости об обновлении главного англоязычного издания, а теперь разбираемся, что именно изменилось.

Each HTML element must abide by rules defining what kind of content it can have. These rules are grouped into content models common to several elements. Each HTML element belongs to zero, one, or multiple content models, each settings rules that the element's content must follow in a HTML-conformant document.

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

Contrary to appearances, the W3C specifications are for the most part not designed for computers, but for people. You may think that <h1>, è and </ul> look ugly and unintuitive, but what would you think if they were called A378, 30C9 and 38F0 respectively? Most of the formats are in fact compromises between human-readability and computer efficiency. Some are more readable than others, because we expect more people to read them, others can be more cryptic, because "only" programmers will look at the source.

A look at navigation and global menus in responsive website design. Presented at the Responsive Day Out conference, 1st March, Brighton, UK.

The chart above is an animated SVG featured on Sprout.
This chart, and one other animation on Sprout, were initially GIFs. By using animated SVGs instead of GIFs we were able to reduce our page size from 1.6 mb to 389 kb, and reduce our page load time from 8.75 s to 412 ms. That’s a huge difference.
Below, I’ll break down the animation of one of the circles seen in the chart. The technique applies to all of the elements in the graphic. With this you can create your own lightweight animated graphic.

This round-up focuses on how others are building CSS/UI style guides and some best practices. Specifically not grouping in pattern libraries in here (besides MailChimp, which is surface-level patterns) to demonstrate the many uses of these documents.
Anna Debenham has an excellent round-up of what makes up a front-end style guide in her post on 24 ways and her book — here are some more examples to explore.

The challenge of achieving good legibility and readability of color displays in all computer graphics (including all imagery and typography) is a constant one. Especially when computer-based displays show up in more and more unexpected places, like your eyeglasses, on t-shirts, and on vehicle windshields, not just on desktop computer screens and mobile device displays. Just because user-experience (UX) design/human-computer interface (HCI) design has added layers of complexity does not mean that fundamental color issues have gone away.

Persuasive design patterns are psychological principles that recurrently influence us toward action. Design patterns are standard reference points for the experienced user interface designer. This site is focused on persuasive design patterns for the web.

Exchang.es — это сервис для обмена знаниями между людьми без посредников и образовательных организаций.