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…

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 →

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 →

Free space in web design. What is it and why use it?
In the current, extremely intensive century, we are surrounded by an incredible flow of information, in terms of which it is very important for designers to decide on the patterns…

...

web resource

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

What is beyond the power of responsive design?

We all understand the importance of responsive design and against the background of the growing popularity of mobile devices, designers have to come to grips with the issue of presenting their sites to smartphone users in the same quality in which they can work while sitting at a 27-inch monitor.

Adaptive design is nothing more than a technology that allows developers to adhere to standards, despite the diversity of formats. And while more and more designers are switching to responsive design, we can personally observe and hear about what it is and what it gives us. And what about the fact that he can not afford and what he can not be? * Wonkavision. There is a misconception that a rubber template, as an integral part of an adaptive design, is able to present absolute copies of pages on any screen of devices on the market. This, of course, is impossible. To fit all that you see on a large, handy monitor screen into a smartphone display, this means sacrificing something, that is, content. Continue reading

How to make a color palette for the site and not only (algorithm + tips)

In Design Mania, there were already several publications with a similar theme: in a note about color matching services for websites, besides inspiration resources, we looked at a couple of useful web tools; there was also a post with an overview of palette generators, etc. However, without an understanding of the logic of how to make a color palette, they may all be ineffective. Today we will try to fill this gap and clarify some theoretical points that are well described in this article.
Those of you who have already used the new-fashioned online generators are aware of their working principle: first you choose some basic values, set up a number of parameters (the names of which resemble some musical terms), and then you get a list of 4- 5 shades recommended for developing web projects. Continue reading

Selection of colors for the site
Coloring the appearance of the site is of great importance and with a professional approach allows the web designer to create the necessary atmosphere of the resource, corresponding to its…

...

Three misfortunes of responsive design and ways to prevent them Source
Scaling vs. rubber layout vs. responsive design. There are many misunderstandings related to these terms that are equally periodically committed by web developers. In truth, these terms mean the evolutionary…

...

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…

...