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…

Continue reading →

Improving the registration form on the site (4 useful tips)
On the Internet, the registration procedure occurs to us as often as the authorization form on the sites. You have to do the following: in all kinds of web services…

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 →

The principle of the golden section in the design of sites
A key indicator of the quality of web design is how natural and easy it is perceived by users. When creating a visual site design, it is important to illustrate…

...

personal data

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

Improving the registration form on the site (4 useful tips)

On the Internet, the registration procedure occurs to us as often as the authorization form on the sites. You have to do the following: in all kinds of web services that help you find the information you need, free distribution of materials, online stores, social networks, etc. At such moments, the feeling of joy from an interesting find instantly disappears because of the need to fill in endless input fields (besides, sometimes completely unnecessary).

As a rule, all this is inconvenient, takes a lot of time and looks overly intrusive. Plus, a person may quite reasonably be alerted by the requirement to provide information about himself, since this violates his privacy (and confidentiality is important to many). 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

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…

...

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…

...

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…

...