Get rid of the guesses in the design
Creativity breathes life into successful sites. However, creative ideas and solutions often resemble guessing - a dangerous business, I tell you. So what can designers do to convince the customer,…

Continue reading →

Typography for web
There are many books and articles on typography, but only some of them reveal the choice and combination of fonts. Due to the emerging opportunities and prospects for free use…

Continue reading →

Be creative, it will allow you to create better sites.
A person is an elementary concept used in designing a user interface and achieving the required level of usability, which is a description of a typical user entering the target…

Continue reading →

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…

...

icons

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

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;…

...

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…

...

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…

...