Effect used in Tecmundo?

Asked

Viewed 364 times

2

  • Here’s a tableless tutorial explaining how to make a simple Parallax effect: http://tableless.com.br/parallax-simples-com-jquery-e-css/

2 answers

6

In Techmundo is used a solution developed by them, you can see the source code using Google Chrome and right-clicking on the page and the option Inspect element. Then click on the tab console and paste the following code.

window.ViewModel.NewsScrollViewModel

You can see that there are comments and it is easy to understand the codes and the logic used.

But there are ready solutions available for download. Among them are the following:

  • Infinite scroll I already know. I wish I knew how to implement this in the internal pages of the site.

-2

You should do the Parallax effect for moving the page down and together do the loading on demand, the same loading on demand used in paging. But instead of loading the page you will load the articles, news and etc., to have a quick effect for an internet up to 512kb, (512kb mobile plans in smartphone accessing the site in case you make the site with responsive design).

You need to optimize the content of the page, use as few images as possible (using more CSS3), and when using images, you will have to optimize them to avoid weighing, so you will get a quick effect.

An image optimization tip is to use the function thumbnail to regulate the quality of the images, but there are several other ways to do this. It’s my suggestion, of course it would be a lot of work, but without work you can’t get good results that are worth being appreciated.

There are also plug-ins on the internet that help.

  • I’m terribly sorry about the downvote, friend, I try my best to avoid doing that, but your answer is rather muddled and misspelled and, excuse my frankness, rather poor lack of important details not only for it to be understood by the reader but also for it to serve one of the purposes of the SOPT.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.