There are over 650 Google Fonts available for free. But, pairing typefaces isn’t easy and many of those fonts don’t work for typical websites. Part of the 25x52 initiative, this collaborative, ongoing project offers inspiration for using Google’s font library.

An initiative to launch 25 projects in 52 weeks

In this lesson, we’ll review the essential traits of a good body text typeface: sturdy shapes, even color, and an active texture.

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

This is the first in a series of articles showing native JavaScript equivalents of common jQuery methods. While you might wish to wrap some of these in shorter alias-like functions, you certainly don’t need to create your own jQuery-like libraries.

April will see me blogging about a small but important piece of the puzzle that is the future of news: the information architecture behind a good news website. Each of the four-and-a-half parts will…

In this talk from 2003, design critic Don Norman turns his incisive eye toward beauty, fun, pleasure and emotion, as he looks at design that makes people happy. He names the three emotional cues that a well-designed product must hit to succeed.

Codementor is your instant 1:1 expert mentor helping you in real time.

Up-to-date data on support for type and typographic features on the web.

Введение [PDF, 2.7 Мб]
Фирменный стиль [PDF, 2.57 Мб]
Основы дизайна [PDF, 2.5 Мб]
Лейаут. Основы юзабилити [PDF, 5.6 Мб]
Язык HTML. Верстка [PDF, 1.9 Мб]
Подготовка изображений для веб-страниц [PDF, 2.3 Мб]

Turns out currentColor has been here for quite some time now, but I heard about it only a few months ago when I read Dudley Storey’s post. He states that it is supported very well across the browsers (IE9+). This was enough for me to start using it in production. I was quite surprised how useful the keyword is: it helps to keep CSS code shorter and smarter.

Mic’s approach to news is as unique as our generation. We’re founded on a simple idea: Young people deserve a news destination that offers quality coverage tailored to them. Our generation will define the future. We are hungry for news that keeps us informed and helps us make sense of the world.

A curated gallery of Dribbble shots reworked as interactive CodePen pens.

Great software design incorporates a number of timeless principles for human-computer interaction. The principles described here form the foundation of elegant, efficient, intuitive, and delightful apps. A mental model is the concept of an object or experience that people carry in their heads. via Pocket

Kurz vor Ende des Zweiten Weltkriegs wurde Willi Rogge erschossen. Die Mörder legten ein Schild auf seinen Rücken: "Wer sein Volk verrät, stirbt!" Der Bauer hatte sich zu sehr darauf gefreut, von Engländern befreit zu werden. Die Täter waren sogenannte Werwölfe, Hitlers fanatische Getreue - mit dabei war mein Vater Georg Schnibben. Schalten Sie bitte den Ton ein.

Responsive web design is a great solution to our multi-screen problem, but getting into it from the print perspective is difficult. No fixed page size, no millimetres or inches, no physical constraints to fight against. Designing in pixels for Desktop and Mobile only is also the past, as more and more gadgets can open up a website. Therefore, let's clarify some basic principles of responsive web design here to embrace the fluid web, instead of fighting it. To keep it simple we'll focus on layouts (yes, responsive goes way deeper than that and if you want to learn more this is a good start).

Cтайлгайды для кода: сборник статей, докладов, подкастов, книг, инструментов и примеров