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 →

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…

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…

Continue reading →

Where and how to make a designer online
At present, it is not so easy to find a suitable and well-paid job, even for a knowledgeable, knowledgeable person. The crisis and any other nonsense oppresses, some design unemployment…

...

image

User Interface Performance Criteria for Web Designers and Front-End Developers

The basics. There are several performance-related issues that most likely are already known to all designers and front-end developers. These include recommendations for: performing the minimum possible number of requests; image optimization; Placing stylesheets directly in the source document, and more precisely in its element; the location of the scripts to the closing tag of the body of the document; minimizing javascript and css code; etc. Observing these basic principles you will already be on the right path to increasing the speed of interaction with your users, however, this is not all, not all. It is also very important to remember that despite all the headaches that browsers provide in our daily work activities, they are incredibly reasonable. They take on a huge part of your optimization work. For this reason, most of the knowledge of performance issues is related to understanding how the browser behaves in certain situations and why it does so. This knowledge will allow you to use the abilities of the browser with maximum efficiency. In principle, the lion’s share of the science of web performance comes down to a simple understanding, manipulating and exploiting what the browser is already doing for us. Styles on top, bottom scripts. 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 audience of your resource. Despite the fact that the person is a fictional representation of the user, the data used to create it is quite real. That is, this is a model that should be as close as possible to the real potential user. A scenario is nothing more than a “story” about the movements the user makes and the actions he takes during interaction with your application or site. In other words, using such scenarios, the behavioral features of the user of your resource are described, that is, the intended sequences of his actions and their motivation, the capabilities of the user, and the goals pursued by him. The scenarios describe everyday situations, thus showing to what extent the application or site meets the current needs of users in the person’s image, what appeals to them, how they use it, why they continue to do it, and so on. Together, these two design tools allow you to design situations and their environment, in which someone uses your site. And this in turn helps to identify problems and opportunities that need attention. Continue reading

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 of many fonts on the Internet, designers will have to master another important skill – the ability to choose the appropriate fonts that complement the layout designs they develop. You can also study popular typography trends or ready-made beautiful examples from other professionals.

Until now, the use of fonts other than those installed with the operating system has meant using images, flash or other workarounds. However, the creators of browsers gave map designers a hand by introducing the @ font-face CSS property, which allows you to register a link to any font file, as a result of which it will be used on the pages of the site. 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…

...

Frequently asked questions (FAQ) - we are developing an effective FAQ section
As you know, of course, the FAQ (Frequently asked questions) are frequently asked questions that are collected and highlighted on a separate page. Thanks to it, the user will be…

...

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…

...