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…

Continue reading →

Changing the site design: quick restart of your project
From the author: Hello everyone! Today we will talk about a very relevant topic - changing the design of the site. Do not understand why this is necessary? Then answer…

Continue reading →

Rubber web design. What and where are we going to stretch?
When developing a website, the webmaster, first of all, should be based on the project goals. If it is important for the customer that the web page can be adjusted…

Continue reading →

10 Photoshop plugins for design-accelerating designs

From the author: Photoshop was not originally intended for web design, but even right out of the box is a pretty powerful tool. But even such a wonderful tool may not always suit your requirements. The plugins in question are designed to fill in the gaps in the functionality that form when we reconfigure this graphic editor to work with web design.


Extremely reliable, but not without unpleasant surprises

It has many styling methods that are suitable for web design.

Thanks to easy editing of SVGs and bitmaps, great for high quality web design

Web design. Fast start

Learn the course and learn how to create a website design and prototype in Figma

Learn more
It has a huge set of features with which you can design and layouts and images, all in one place

From improved compatibility of design code to easier file management, evaluate plugins.
Retinize it

If you need a simple plug-in for exporting without any complex functionality, then with Retinize It you can cut and export layers or groups into separate files. The plugin works both with images and with smart objects, in just a couple of clicks you can increase the image to 200% or 300% so that it looks good on retina and iOS displays.


When designing a design in Photoshop, the moment comes when everything you have to code is the biggest problem. Codly takes this task onto itself and automatically converts PS files to files for iOS, Android XML, Windows 10 and BlackBerry.


Forget copying layers and groups. Duplllicator takes on the ungrateful job of duplicating layers and groups in the design process. With this quick plugin you can set horizontal and vertical indentation, as well as the number of copies, which allows you to perform large volumes of work in no time.

Photoshop Prototyping Plugin

When changing the prototype, it is not necessary to recreate the finished layout in Photoshop. The collective development platform UXPin has released a plugin with which you can drag and drop PSD files into Photoshop and do prototyping. Since all layers are saved, you can immediately proceed to add interactive elements. At the end, for quick feedback, you can send the prototype to anyone you think is appropriate.
Web design. Fast start

Learn the course and learn how to create a website design and prototype in Figma

Learn more
PSD Cleaner

As the name implies, PSD Cleaner organizes PSD files – especially useful for renaming files and detecting empty layers. For $ 19.99, you will definitely know what you need to fix without spending too much time searching.


GuideGuide bears the title of the most installable extension for Photoshop, and it’s not just that. Using this plugin, you can create any design guidelines – based on canvas, workspaces for different devices, selected layers, and also based on already created areas. One of our favorite plugins.

Perspective mockups
Your finished layout in Photoshop seems to look good, but with Perspective Mockups you can change the viewing angle of the layout to better understand the various aspects when viewing on different devices. With this plugin, you can tilt layouts, twist them, overlap each other.

Suitcase fusion

If you are one of those designers who remember the names of all their fonts by name, Suitcase Fusion is what you need. The plugin organizes all your fonts and simplifies access to them while working in Photoshop. Visual preview allows you to compare two fonts, especially useful at the final stage of design.

HTML Block

Another helper with code – HTML Block uses the WebKit engine to render design in HTML and CSS, showing the result in a separate window. A wide range of applications, especially for using web fonts, font smoothing, browser previews, and for designing resizable interface elements.


Renamy was created specifically for fast batch renaming, and does it very well. With this plugin, you can rename a large number of layers at a time – a big time saver before exporting the file. The full version costs $ 14.99, in the demo at a time you can rename only 5 elements. What’s your favorite web design plugin for photoshop? Write about this in the comments.

10 web design trends that may appear in 2016
From the author: in this article we will consider 10 trends in web design that may appear in 2016. Design trends may not change for several years (and in some…


Current Web Design Trends: Fullscreen Homepages
From the author: full-screen Splash Screen’s currently the most famous template on the Internet, in fact, the current trend in web design. Some people like him, others hate him, but…


Does web design need education?
From the author: welcome, dear friends! Recently, questions have been coming from my readers regarding whether to get an education in web design? So many people were interested in this…


Buttons in web design
From the author: I love buttons. With their help, you can do many different things: move on to the next stage, accept various conditions, perform something. Buttons make the site…