|
|
The Autoscale function in the Tilda website builder is an excellent tool for the so-called elastic layout of a website. Its use allows you to set the entire layout and its individual blocks not fixed parameters of length and width in pixels, but to specify the percentage ratio of these indicators. Thus, with the help of Tilda's functionality, designers can easily adapt the portal for different screens.
Simply put, the content is automatically scaled to a specific diagonal, but on page seo service all design elements remain in place. For example, if the layout of a future web resource is developed for a screen width of 1200 pixels, then the enabled autoscale in Tilda with a screen width of 1920 pixels changes its size by about 60%. Accordingly, 10 font size when increasing the scale retains its location on the grid, but increased to 16. This also applies to changing the size of images and video content, which also increase or decrease in width and height. Changes are made using CSS transformation.
From a design point of view, autoscale is a very convenient function that allows you to make a site convenient for viewing both from a computer monitor and from smartphones and tablets in just a couple of clicks. However, everything has changed quite recently: Tilda rolled out an update, and all resources with automatic scaling enabled stopped working. Almost all sliders and individual mods stopped displaying correctly on those pages where the code contained the entry “window.dispatchEvent(new Event('resize')) or window.dispatchEvent(new CustomEvent('resize'))”. And although the designer’s developers fixed this problem a couple of days later (and some site owners found ways to fix it themselves), Tilda users still had an unpleasant aftertaste.
In this article, we will talk about why autoscale is not a panacea for creating adaptive layout, and how to best adapt your layout so as not to depend on problems with the designer.
Obvious advantages of Autoscale Tilda
Quick adaptation of all page elements without manual adjustment of each fragment makes life much easier for layout designers and designers. Enabling autoscale when creating a website in Tilda has a number of advantages:
Improving user experience. Regardless of the gadget or monitor your resource visitor prefers, the content will be displayed correctly. This means that the site will not be closed in a few seconds, and the information will remain accessible to a wide range of users;
The ability to refuse window-fixing and additional resolutions. Experienced designers know that often elements located at the edges of the screen, when opening a page in wide format, miraculously end up in the wrong place. When they are fixed using a window container, the elements move quite far from the main content, or, conversely, they move too close to the center of the page along the grid, creeping onto other content. Some use additional adaptives for individual elements, but a large number of resolutions slows down page loading. Autoscale of standard blocks in Tilda allows you to refuse both.
Saving time and resources. Using additional adaptives, the need to create additional versions of the resource significantly increases the cost of implementing any project, and for beginners who are working on creating their own portal for the first time, it becomes an impossible task. Pressing a single button - autoscale, saves a lot of time and allows you to implement any design concept.
It would seem that the advantages of such a function are obvious and open up the broadest horizons for everyone who works with layout, because adaptability is one of the main requirements for modern web resources. But everything is not as simple as it looks.
Why is Autoscale not an ideal solution?
The autoscale function of standard blocks hides many pitfalls.
Reduced image quality and text readability
Automatic scaling can reduce the quality of uploaded photos and images by stretching or compressing them to fit the screen size used. This reduces the clarity of the content posted on the portal. In addition, autoscale automatically increases or decreases the font size of the font used, which forces you to be very careful when choosing typography at the layout development stage.
Reduced productivity
Scaling in Tilda is done using CSS transformation, which significantly reduces the page loading speed. This leads to a worse user experience: visitors are more likely to close the site than wait for a long time for it to load.
Limited flexibility
Different devices are not only different screen diagonals, but also their own specifics. Sites that work on Tilda with autoscale enabled often do not take it into account: even enabled scaling does not adapt the page.
|
|
發表於 2024-11-10 12:34:41
收藏