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