Dark site design
As for the code If you are a Tuts+ premium user, you can skip to the full code of this tutorial. Eric will tell you in detail how to encode…

Continue reading →

Working with empty space: why emptiness has such a strong influence on design
Imagine the performance of Rowan Atkinson without these pauses. Not very funny, because it is silence that makes the joke funny. This silence has a very important task. The same…

Continue reading →

What is a selling design?
What are the main features of a selling design? We know that a large percentage of sales are carried out through the Internet, and every year this indicator grows, and,…

Continue reading →

images

Visual techniques for creating depth in web design

Create it easier than you think. The mystery of simulating reality on a 2D screen is creating depth with images. This can be achieved in many ways, from the photo itself to splitting the image into layers, manipulating and applying special effects.
Layering is a tool that can be intentionally applied to the placement of images and objects in a project, as a tool for manipulating images or purposefully in the image itself.
We’ve all seen markup where images are haphazardly placed on top of each other to make it look like a stack of printed photos. You know this technique. And it works by creating a sense of depth, and it feels like you’re going through photos. This is the layering in the design process. Sometimes the effect is obvious, as in this case, and sometimes it is more hidden. Continue reading

Useful image optimization tools for the Web

However, a good image optimization tool is required to achieve the desired result. Such tools will help you to manually or automatically resize your images without losing image quality.

In turn, this will speed up the loading of the website, thus attracting more customers. In addition, so you will significantly reduce the cost of traffic.

Useful image optimization tools for the Web
Here are 18 optimization tools you can apply to your images: Continue reading

Cufon — non-standard font on the website

Cufon is a non-standard font on the website. Sooner or later, when developing the layout, there is a need to use non-standard fonts on the site. For example, the customer wants the headlines on the website to use the font from the corporate style of the company. There are several solutions to this problem:

Use of images.
Connect a font using the css @font-face parameter
Use javascript Cufon plugin
The first option, although it will be cross-browser, but will limit the site administrator, because it is unlikely that the customer will want to contact you every time you need to add new materials to the site. Continue reading

Creating websites for the masses
Talk about creating sites as a favor, which every day becomes more and more accessible to wide layers of the population. So, the creation of sites — a process that…

...

Landing Design: How to make a capture page
What is landing? The concept of the landing page, as, in principle, the design of the landing page, came to us relatively recently, according to the official version from the…

...

The basic principles of website usability
What is site usability? Today we will talk about one very important characteristic of the site — the usability of the site. What is "usability" (from the English. Usability —…

...

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…

...

5 new trends that will make your web designs even better
1. Serif fonts For a time, sans-serif fonts dominated the web typography world. Such beautiful fonts as Maven Pro, Futura and Helvetica Neue were on our screens, they became “must…

...