Trends of web design. Part 3
Custom designs Recently, there has been a strong trend towards more individual and creative designs. Instead of using conventional approaches, designers experiment with how the information is structured, how it…

Continue reading →

How to make a color palette for the site and not only (algorithm + tips)
In Design Mania, there were already several publications with a similar theme: in a note about color matching services for websites, besides inspiration resources, we looked at a couple of…

Continue reading →

Definition of element clickable area
When creating code for a button or another clickable element, it is necessary to clearly define the boundaries of its activity, which are user-friendly. In this matter there is no…

Continue reading →

User Interface Performance Criteria for Web Designers and Front-End Developers
The basics. There are several performance-related issues that most likely are already known to all designers and front-end developers. These include recommendations for: performing the minimum possible number of requests;…

...

website

What is Icon Fonts? Meet with FontAwesome and IcoMoon

Here I will demonstrate the excellent solutions that can be achieved using Icon Fonts, but let’s first get acquainted with the very concept of font icons, as well as the positive and negative sides of using them. Then we will test the two most popular sets of font icons using various examples, which will allow you to see how they can be used in real projects. What is Icon Fonts? Icon Fonts is nothing more than regular fonts.

The only difference is that instead of the usual for us sets of fonts, consisting of numbers and letters, font icons contain different characters and glyphs. But the main reason why Icon Fonts is so popular on the Web is that they are easily CSS styled. Advantages and disadvantages of font icons. There are several strong positive points in favor of the use of font icons instead of raster images: Any CSS effect can be applied to them. They are scalable because they are created using vector graphics. Continue reading

Definition of element clickable area

When creating code for a button or another clickable element, it is necessary to clearly define the boundaries of its activity, which are user-friendly. In this matter there is no definitely right decision, since much depends on the situation and page design. Let’s briefly look at a few cases representing examples of various design options.

In some of the navigation menus found on the network, the click perception area of ​​the mouse (its clickable area) is rather paradoxically defined. As an example, you can take the main navigation menu of the WebProNews site: At first glance it may seem that this menu is quite simple – the entire area of ​​the button should be the clickable zone of each button. But actually it is not. Continue reading

Creating a furniture site design: tips, real-life examples and common mistakes

Immediately after the publication of the post with the best examples of furniture sites, an interesting English-language note of a similar subject caught our eye. It contains a selection of tips and nuances on the creation of furniture sites with vivid illustrations of typical solutions, as well as a description of the mistakes that you definitely do not want to repeat.

It has always been interesting to work with projects of this category, since they are closely connected with the interior or architecture, and the products themselves, as a rule, have exquisite taste. Relying on the experience of designers and web developers, the article Best Furniture Website Design Examples explores the factors that help make the designs of furniture websites as efficient and unique as possible. Continue reading

Free space in web design. What is it and why use it?
In the current, extremely intensive century, we are surrounded by an incredible flow of information, in terms of which it is very important for designers to decide on the patterns…

...

Trends of web design. Part 2
I continue to translate an article about web design trends 2009. The first 5 new fashion trends look like this: Printed letters Advanced User Interfaces PNG transparency Huge typography Font…

...

Ways to navigate users on the site
Imagine that you are traveling by car, but because of traffic jams all main roads are blocked, and you need to turn into an unfamiliar part of the city. For…

...