As a freelancer, I build a lot of web sites. That's a lot of code changes to track. Thankfully, a Git-enabled workflow with proper branching makes short work of project tracking. I can easily see development features in branches as well as a snapshot of the sites' production code. A nice addition to that workflow is that ability to use Git to push updates to any of the various sites I work on while committing changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="text"></div> | |
| </div> |
Marty-f13
/ index.html
Created
February 5, 2021 06:13
Lazy loading images using IntersectionObserver - example code
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <img src="https://ik.imagekit.io/demo/img/image1.jpeg?tr=w-400,h-300" /> | |
| <img src="https://ik.imagekit.io/demo/img/image2.jpeg?tr=w-400,h-300" /> | |
| <img src="https://ik.imagekit.io/demo/img/image3.jpg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image4.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image5.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image6.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image7.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image8.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image9.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image10.jpeg?tr=w-400,h-300" /> |
Marty-f13
/ index.html
Created
February 5, 2021 01:00
Lazy loading images using IntersectionObserver - example code
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <img src="https://ik.imagekit.io/demo/img/image1.jpeg?tr=w-400,h-300" /> | |
| <img src="https://ik.imagekit.io/demo/img/image2.jpeg?tr=w-400,h-300" /> | |
| <img src="https://ik.imagekit.io/demo/img/image3.jpg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image4.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image5.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image6.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image7.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image8.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image9.jpeg?tr=w-400,h-300" /> | |
| <img class="lazy" data-src="https://ik.imagekit.io/demo/img/image10.jpeg?tr=w-400,h-300" /> |
Marty-f13
/ Using Git to Manage a Live Web Site.md
Created
May 7, 2019 06:16
— forked from Nilpo/Using Git to Manage a Live Web Site.md
Using Git to Manage a Live Web Site