Behind the Framework
Reduce Complexities & Improve Performance
Javascript Samples
Samples shared, showcase lesser known and modern CSS patterns. The goal in these examples is not to create simple code everyone can understand. It's to provide robust patterns that work really well using modern methods.
Viewport Loading with Intersection Observer
Viewport Loading with Intersection Observer in JS gives us full control of the viewport event. While loading="lazy" can be a lightweight solution, commonly lazy-loading libraries use Intersection observer-under-the-hood to give developers more control over this event. Her we are initiating the load of an image and applying a fade effect animation.
Learn moreService Worker Caching
Use Service Workers to proactively control the caching of common assets. This will reduce latency as the user navigates through subsequent pages within the web experience.
Learn moreJavascript Date Object
Lets take a MOMENT to learn the native Javascript Date object. The Date() constructor can be called with two or more arguments, in which case they are interpreted as the year, month, day, hour, minute, second, and millisecond, respectively, in local time. Date.UTC() works similarly, but it interprets the components as UTC time and also accepts a single argument representing the year. The example below demonstrates how you can perform operations with the date object and examples on how to format it.
Learn moreComing soon:
- Easy selectors
- Date and Time formating