technique for equidistant elements

modular css in sass

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.

Look At Me продолжает серию интервью с российскими арт-директорами, которые не только меняют современные СМИ, но и формируют визуальные привычки читателей, обучают коллег и пробуют задать мировые тенденции в рамках отдельно взятой страны. Новое интервью из серии — разговор с Алексеем Ивановским, арт-директором онлайн-издания W-O-S.

Fifty milliseconds. That’s how quickly visitors can form strong, long-lasting impressions about your news or information website. But they aren’t sizing up the quality of your content or the sophistication of your code. They’re making nearly instantaneous, mostly subconscious judgments about how your work has been designed.
Those assessments can lead to very conscious — and consequential — conclusions about the merits of your page, product or platform. Bad graphic design can damage perceptions about your credibility. It can make your content harder to understand and render your work less appealing.

We’ve all seen margin: 0 auto; for horizontal centering, but margin: auto; has refused to work for vertical centering… until now!

The Essentials Every Designer Needs to Know About How Users Navigate Through Large Web Sites

We looked through the web to see what are the most recent examples of Interactive Infographics and this is a list of 10 Wonderful Examples of Interactive Infographics.

This page falls somewhere between a tool and an essay. It sets out to explore how the intertwined typographic concepts of scale and rhythm can be encouraged to shake a leg on web pages. Drag the colored boxes along the scale to throw these words anew. For the most part, this text is just a libretto for the performance you can play upon it.

It's quicker to use than a spreadsheet, and smarter and clearer than a traditional calculator. Use Soulver to play around with numbers, do "back of the envelope" quick calculations, and solve day-to-day problems.

A Guide to Discernible Web Design in Photoshop

Ever since attending last year’s Build Conference I’ve been using what I’ll call “The Modular Scale Method,” which is a technique I’ve found invaluable for building my designs from the content out.
We’ll talk about this method more in-depth in just a little while as we look briefly at a simple Cookbook application. But given that the modular scale concerns itself with typography—the most granular level of our content.

Antiphonal Geometry: harmony and proportion in responsive web design

A complete grid system for super fast wireframing and visual design.

Having worked as a web designer for a good ten years or more now, I don't envy someone at the beginning of their journey into the profession.

Paper prototyping is a commonly used low cost usability method for testing and evaluating web designs and applications. This method lets developers conduct tests before a single line of code has been written, and allows you to identify and fix any potential issues early on in development.In this post we have collected our top 10 videos that not only illustrate how effective paper prototyping can be, they also show you how to cost effectively conduct your own tests and some of the videos have been animated, which are just amazing to view.

*”Best practices” is a loaded term when it comes to creating mobile web experiences. It’s a unique context with it’s own challenges and opportunities. While there’s no silver bullet, this site will help you ask the right questions and help solve problems so you can start creating future-friendly web experiences.

Smart Objects are magical containers. They can hold an image, a vector graphic, or a complex set of layers. You can duplicate a Smart Object many times within your file and update the Object once to change all instances. You can apply filters to a Smart Object non-destructively, so you can remove them at any time. You can also transform Smart Objects (scale, rotate, skew, distort, etc etc.) without losing the original image data or quality.