The history of web design: from the Stone Age to the era of modern technology
Despite the fact that in the era of the development of web design, the first web pages were just text with links, and you could only dream of a variety…

Continue reading →

How to create a selling portfolio of web designer?
You can become a web design master in many different ways. For example, there are people who achieve significant results in this activity through a simple internship in the studio.…

Continue reading →

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?…

Continue reading →

Web Design 2016: Chrome attacks!

From the author: The year 2016 has ended, it is always interesting to go back and see how much the workflow has improved over the previous 12 months. It’s amazing how much has changed over the year: your tools, techniques.

Personally, I remember in 2016 design and UX that Chrome applications have become a full-fledged version of web design. I wrote in 2016 about three of them.

Web Design 2016: Chrome attacks!

In April, we discussed BoxySVG by Jarek Fox, a cool and small SVG editor. The application works in Chrome, but it’s better to download it as an application for ChromeOS.

In September, I told you about Pingendo, a prototyping tool with which you can create prototypes running Bootstrap, as well as another Chrome application. Since September, I have created two prototypes using this application.

Introducing Figma
However, perhaps the biggest impact on my workflow in 2016 was the November article by Adam Rashid Should Sketch Designers Consider Figma ?, which I edited. Figma is another app for ChromeOS.

Now Adam will tell you without hesitation that he is a Sketch fan, he is releasing Sketch training courses. And he, all excited, decided to write about a competitor to Sketch and gave me an article to check. At that time I did not know anything about Figma, but as soon as I read the first draft, I immediately became interested.

Web Design 2016: Chrome attacks!

Six months later, I use Figma every day. I was not going to, it just happened. I have Sketch, Adobe XD, Photoshop and even Fireworks, but at the moment I spend more time in a free web application.

So why Figma?
This is not a UI. Sketch was the epitome of what a modern UI design app should look like; Figma did not go far to the side. Layers on the left – properties on the right. If you worked in Sketch, you can figure out with Figma (or XD, for that matter).

In addition, Sketch files are usually easily imported into Figma. Of course, this is not enough to switch to Figma.

Did you switch to Figma because it’s free? No, don’t think. I like free apps, but I already paid for others. In fact, I lose my money without working in it.

There is a more surprising reason (at least for me).

Figma multi-user editing – a design revolution
Multiuser editing is a special feature of Figma, which significantly distinguishes the application from Sketch, Photoshop and even Adobe XD.

Web Design 2016: Chrome attacks!

Figma allows you to access design through the URL and username directly from the application. No downloads or synchronization with intermediate cloud services. Designs in Figma live online, almost like Google Docs.

When two or more users look at the same design in Figma, you see user cursors, like in Google Docs.

When I first saw this, I thought “um … sweet.” But over time, I realized how useful this feature is. That’s why.

1) Figma documents are living style guides
When you share a Figma document with other developers (view only), they can click on ANY element on the page and view its properties in the right pane. Properties that can be viewed:

fonts, size, saturation

width and height

line height and indentation


shadows and effects

Web Design 2016: Chrome attacks!

Figma documents cannot completely replace good style guides, but with their help developers can easily answer almost all design questions.

Once I watched as our Manila developers clicked on my design in Figma while I explained everything to them via Skype. Figma also has a nice built-in comment system.

2) Developers do not need to contact you for minor edits in the schedule
Often you need to make minor corrections to the icons and drawings, for which you usually need to contact the UI designer. Figma allows anyone to edit and refill graphics at any time through a browser. You only need to log in.

Web Design 2016: Chrome attacks!

Moreover, full version control allows you to roll back to the original at any time.

3) No need to make change reports for project managers
As designers, we often spend time explaining to interested people what stage the project is at. In Figma, they themselves see what stage the project is at, and you no longer need to constantly ask you about it.

When meeting with customers, you can immediately go to important issues, rather than explain what you have already done.

The multi-user viewing and editing function collects all people on one page. The project manager, marketers and developers are all involved in the design process. They literally watch you work, which increases your sense of control. Great side effect.

Will all applications benefit from this approach? Probably not. I have never seen something like this in Google Docs. Web design and app design seem to be particularly well suited for this.

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…


SOLID principles in JavaScript. Open-closed principle
The essence of the principle The principle of openness-closeness is as follows: "Software entities (classes, modules, functions, etc.) must be open for expansion, but closed for change." That is, the…


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…


Web Design Rules Every Professional Should Know
The basic principles are the same for each representative of this field of activity. They are followed by both experienced professionals and even green beginners. Do you think that, having…