31 freeware graphics software (part 3)
22. Visual.ly - a web application for creating interactive infographics. Infographics is a new way of visual presentation of data, which is developing rapidly. Visual.ly is the best program for…

Continue reading →

varikosette lima peru
31 freeware graphics software (part 1)
1. SVG-Edit - development of vector graphics in a browser If you need to programmatically reproduce a drawing or vector graphics, this can be done using the Scalable Vector Graphics…

Continue reading →

Complete Web Animation Guide (part 2)
Step 23 Using the Angle tool, drag the lower left point of the black rectangle to round a sharp corner. Using the "Select Site" tool, drag this point right up:…

Continue reading →

New Scrolling Rules in Web Design

Why scrolling is reborn
Since there have been more mobile users than desktop users, designers have begun to adapt. As scrolling becomes more and more popular: the smaller the screen, the longer the scrolling.

But there are other factors. High-speed Internet has become available everywhere, which makes scrolling a quick way to get information, compared to switching between pages.

The growing popularity of social networks also contributes to the development of this approach: scrolling naturally corresponds to the needs of the audience.

A long scroll has evolved along with the card design. Combined, they provide users with an endless stream of content.
In addition to this, the doctrine of the “first fold” is now recognized as a myth. According to the results of specially conducted research, users are not against scrolling. The practice of fixing everything above the first fold is inferior to the scrolling approach of content distribution.

This myth became popular due to the fact that after expanding CSS using JavaScript, scrolling was seriously considered as a design pattern. Before that, it was much harder to make scrolling convenient. Obviously, a long page full of text is not a very attractive version of the user interface.
But if you use scrolling as a canvas to display the beginning, middle and end of the page (using graphics, animations, icons, etc.), this provides additional opportunities to attract the attention of users.

Now some hybrid models are becoming the latest web design trend. For example, in-place scrolling creates the same interactive interface as traditional long scrolling. But without stretching the web page vertically.
Does scrolling suit everyone?
Scrolling Benefits:
By stimulating element changes, it can become a storytelling method that encourages user interaction.
Long scrolling is faster than normal navigation. It does not slow down or limit user interaction.
The ease of use of scrolling increases the time spent by the user on the site. This is especially true for infinitely scrollable sites.
Designing pages for devices with different screen sizes can be difficult. But scrolling helps simplify this.
Gesture control – scrolling seems organically related to touch control. Scrolling down is easier than tapping on different areas of the screen.

Disadvantages of scrolling:
The presence of only one page on the site can adversely affect the SEO-promotion of the site.
Inconsistencies between scrolling and content can confuse users.
Navigation difficulties – it’s inconvenient to “return” to the previous content posted on a web page. To fix this, you can create a static top navigation menu in which each element is attached to a section of the page.
Large pieces of content, such as video or image galleries, can slow down a site’s performance. Especially using scrolling with parallax effect on JavaScript and jQuery.
On sites with infinite scrolling, it is recommended to use a minimal “sticky” footer so as not to sacrifice navigation functions. The lack of additional navigation elements at the bottom of the page can confuse users.
Long scrolling is best suited for sites:

mobile traffic-oriented (most users);
with frequent updates and the publication of new content (for example, a blog);
containing a lot of information presented in one format (infographic);
not containing multimedia elements that increase download time.
Social networking sites do a good job of long scrolling. Facebook and Twitter helped popularize this technique many years ago. But e-commerce sites that require consistent navigation are more likely to use a conservative page length.

An example of something in between is the Etsy website, a store of products created by users. It uses a hybrid solution: a few pages with “endless” scrolling ending in a “Show me more” call to action.
Do not use longer scrolls just because you have seen other sites follow this pattern. Make sure your resource meets the criteria we reviewed. Otherwise, performance may suffer.

Recommended Scrolling Implementation Practices
Long scrolling, parallax effects and other fresh trends have already led to the development of several recommended practices.

Here are some tips for successfully implementing a long scroll.

Do not be afraid to alternate a long scroll with a short one. Let content dictate the length of the scroll, and not vice versa. It’s perfectly normal to use the home page with a short scroll and the landing pages with a long scroll (for example, “Products”, “Overview”, etc.).

10 rules for a good user interface
1. Make everything the user needs easily accessible If the user cannot find what is needed, he will abandon your software. Tabs make the interface more accessible. Shortcuts and tooltips…


How to choose the right color scheme for the site? (part 5)
Type 2 - Corporate sites and services When creating a corporate resource, one goal is pursued - the promotion of goods or services. Depending on what the purpose of your…


How to create an animated GIF using Photoshop
How to create and save GIFs in Photoshop If you spend a lot of time on the Internet, you have seen animated GIFs (gifs). This is a cross between a…


10 best tools and tips for choosing a color scheme for the site
The choice of color scheme for the site should not be carried out randomly. Particular attention should be paid to finding colors that match the niche, culture, branding and ideas…