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 →

Button State Design
From the author: button design is the main element of any design system. The best of the buttons are simple, versatile, perhaps even a little fun. But there are many…

Continue reading →

Layout adaptive menu
Adaptive menus collapsing into a hamburger on mobile devices can now be seen on almost any site. In this lesson we will learn to make up such menus. In the…

Continue reading →

Monthly Archives: January 2020

1 2 3 17

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

Best Photoshop Plugins for Web Design

Go beyond Photoshop
We don’t try to eloquently declare that plugins are our everything, especially since for beginner web designers it’s more important to directly study the wide possibilities of Photoshop, but if you decide to take the matter seriously and don’t intend to stop there, then some additional knowledge will help you become a really good designer many times faster.

Moreover, in the conditions of rapidly growing competition in the field of freelance, this knowledge will certainly not be superfluous. In addition, the Internet is replete with video tutorials that will greatly enrich the luggage of your web design knowledge. By the way, some of them can be obtained for free. Continue reading

5 trends in logo design 2016

Mono-Line Logos
Last year, we began to observe how line art is gaining momentum. This is because designers are still very fond of flat design, and it is switching to logos.

Mono-linear logos fully convey the meaning of their name. Logos are drawn in one line with constant pressure – as if the logo is drawn with a single thread or cord. The appearance of mono logos is extremely ascetic, nothing more, but with a bias towards the iconography popular on the Internet.

Typically, such works look monotonous, giving the design clarity without unnecessary details. Mono- Continue reading

1 2 3 17
Tag cloud
Web design standards: everything you need to know for beginners and pros
How do design standards increase website popularity? There is an opinion that web design standards attract users to sites, and most importantly - keep them for a long time. Why?…

...

JQuery preloader
There is a delay when loading the page content asynchronously or sending a request to add / edit. A preloader is an animation during this delay, which allows you to…

...

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…

...

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…

...