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…

Continue reading →

What is $ .noConflict ()?
jQuery uses the $ character as a shorthand for jQuery. Many other libraries also use this symbol. So, connecting several of these libraries may lead to the fact that some…

Continue reading →

Advanced CSS: Using Sass Maps for UI Components
Sass is a great and very popular CSS preprocessor. If you are not familiar with it, take a look at these lessons. Associative arrays (Maps) are an extremely underrated feature…

Continue reading →

action is transferred

How does website design development begin?

Before you begin your journey to the top of your career as a web designer, you need to understand the basic principles of creating such projects. Do not immediately run headlong into a graphic editor and smear your creative ideas on canvas.

Design development for the site begins with a smile defining the information model of the project and the formation of its approximate graphic model. The purpose of the Internet resource may be the sale of goods or the provision of any services. In this case, the design structure should be aimed at the convenience of moving around the catalog with products and provoking the visitor to a purchase. Continue reading

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 to poke into the background of the site of flying dragons in order to attract the attention of users.

People come to the site not to see designer strokes on the canvas, but for the content. Therefore, your thoughts should be directed entirely to the development of competent usability. The basics of successful web design are usability and aesthetics. Until this idea pierces your heart like Cupid’s arrow, the love of a good customer, alas, cannot be found.

If you have been boiling for a long time in the career of a web designer, you probably know that one of the most important roles in creating a convenient site is played by the competent design of blocks (modules). They are the structural elements of a web page. The standard modular grid consists of a navigation menu, Continue reading

Website framework, or modular grid in web design

What is a modular grid?
I will explain with an example familiar to you. Open any paper book. You see, the text passing through the entire width of the page, excluding margins? So, here is a typical single-column layout. Now look at a magazine or newspaper. In a magazine, information is traditionally divided into two columns, and in a newspaper, into three or four, or even more.

In general, web design inherited quite a lot of different “tricks” from printing design. These are the principles of working with fonts, and composition rules, and modules. Business card sites and presentation sites may well be content with a single-column structure, home pages with a two-column structure, more complex information projects should, accordingly, have a more complex and thoughtful layout.

Find out more Continue reading

Tag cloud
What is web design and what does it eat?
When I ask new friends about how I earn my bread, I have to answer twice. At first, it sounds proudly from my lips: “Web designer”, which flies to me…

...

The psychology of web design: playing in a new way
Psychological aspects of design The connection between psychology and web design is not necessary to prove. This is obvious, if only because the transmission of information by means of Internet…

...

How much does a web designer earn on freelance and in studios?
No matter how interesting the web design, most people go there not because of this, but because of financial attractiveness. This direction is quite profitable after the accumulation of a…

...

How to become a web designer, and what qualities should a really cool specialist have?
From the author: many of you were probably looking for the answer to the question: how to become a web designer? Of course, this is a difficult question, to which…

...