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 →

Cards vs lists. Their influence on user experience
he most common ways to organize web content today are cards and lists. Each of them has its pros and cons. If lists were used for this purpose for a…

Continue reading →

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 →

6 main stages of site development
I was recently told in the comments that some posts do not match the format of the blog, which is positioned as a useful resource for web designers. On the…

...

version

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…

...

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…

...

Endless page scrolling: helps or hurts?
When it comes to online marketing or web design, it is extremely important to be the initiator of successful ideas and to form trends in your own field. Today we…

...