Popular web design styles
Site Style Classification There is currently no unified classification of web design styles. And this is not surprising: each resource is unique in many respects, and the style of the…

Continue reading →

Effective web design - what is it?
If you want to achieve serious heights and build a successful career as a web designer, then you definitely need to know the key criteria for evaluating the effectiveness of…

Continue reading →

Effective web design - what is it?
If you want to achieve serious heights and build a successful career as a web designer, then you definitely need to know the key criteria for evaluating the effectiveness of…

Continue reading →

additionally install

The Importance of Visual Context in Web Design

From the author: According to the results of a popular study by the University of Missouri Science and Technology, visitors form an opinion about your business site in less than two tenths of a second. The visual context helps them in this, which forms a good impression and delays users on the site longer. A picture affects users more than textual content, since it can be used to transmit a message more efficiently and faster.
In words, it is difficult to explain to the reader what the writer wants to convey. The same thing in web design. A website needs a visual context that links the life experience and organization histories.

What is a visual context?
The visual context is related to the presentation of content in such a way as to better convey the main idea of ​​the site. Continue reading

Visual Regression Testing with PhantomCSS

If you worked on large, serious projects, you probably already felt the importance of automated testing during the development process. Depending on experience, this awareness may come suddenly like a big bang or gradually, but it becomes second nature. Automated testing can take different forms: this is unit testing, when individual isolated pieces of code are checked, and integration or functional testing, when the interaction of individual parts in the system is checked. But this article is not devoted to a review of automated testing in general, but to one specific type of it, which appeared relatively recently – visual regression testing.

Visual regression testing takes an alternative approach to testing web pages. Instead of just making sure that some element or text is present in the Continue reading

Productive Parallax

Do you like parallax or hate it, but it will not go anywhere. When used wisely, it can add depth and sophistication to a web application. The problem is that implementing parallax is productive – it’s not easy. In this article, we will discuss a solution that is both productive and, importantly, cross-browser.

TL; DR
Do not use scroll events or background-position to implement parallax.
For a better parallax effect, use CSS 3D transforms.
For Mobile Safari, use position: sticky to ensure that the parallax effect spreads. Continue reading

Tag cloud
Does web design need education?
The profession of web designer is now becoming one of the most sought after. Every month, thousands of new people with burning eyes appear who think that this is their…

...

Website design in Photoshope: getting to know the editor and its features
Photoshop and web design 98% of web design projects begin with the creation of functional layouts for future sites, and almost all of them are now drawn in Photoshop. What…

...

Composition in web design, or what Photoshop tutorials are silent about
Surely, you often have to visit sites that, at first glance, seem to be like nothing - both the pictures are beautiful and the text is folding, however, they lack…

...

Web design basics. Analysis of the main blocks on the site
A true web design master 2.0 should be able to surprise people with innovative thinking and a creative approach to solving tasks. However, this does not mean that you need…

...