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…

Continue reading →

Trends and trends in web site design 2017
It was originally planned to place a translation of an English-language article on web design trends in 2017, but after studying various sources, we decided to slightly change the concept…

Continue reading →

Simple and convenient toolkit for developers of the user Web-interface
This post contains a list of online toolkits that may be of interest to user interface developers for websites and web applications. If you have additional information on this topic…

Continue reading →

Trends web design. Part 1
Designers are fickle people, they like to experiment with things. Therefore, they often try to solve problems of different approaches, which in the future may become mainstream and classic. As…

...

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

What is polyfil?
Where did the polyfill come from and how did the term form? This happened earlier, in 2009, when I was busy writing the book "Introducing HTML5" ("Introducing HTML5"). Sitting in…

...

History of pixel art. Past and future
Pixel art (pixelart, pixel art) is a form of digital graphics created using a raster graphic editor, where each image pixel is manually edited. For the first time in 1982,…

...

Simple and convenient toolkit for developers of the user Web-interface
This post contains a list of online toolkits that may be of interest to user interface developers for websites and web applications. If you have additional information on this topic…

...