You may visit websites from time to time where part of the page loads but it doesn’t look quite right or is not styled properly. Then in a split second after more of it has loaded it snaps into the expected form with full styling and looks fine.
Most developers get this right and avoid the problem without knowing why when building a site, then pull hairs out when they can’t figure out why that one page they are building keeps popping when it’s loading.
What causes Flash of Unstyled ContentRead More
One of the questions I get asked frequently by developers who visit Yellloh is about how we achieve the beautiful fade-in effect on our images. With design and ease of use being a central focus I wanted to make sure that images fade in gracefully and in a reliable manner with cross browser support. In developing a solution I didn’t want to use external scripts and wanted to keep the solution as small and efficient as possible.
The Ideal Outcome
With any page load I wanted each image to fade in as soon as it had finished loading, independent of any other event occurring on the page. This produces the beautiful effect where images fade in independent of each other. The solution I was looking for also had to be compatible with dynamic elements as we are using infinite scroll to add new elements to the DOM and have cross-browser compatibility.Read More