Tag Archives: javascript

Siema – Lightweight and simple carousel with no dependencies

Siema is a lightweight (only 3kb gzipped) carousel plugin with no dependencies and no styling.It is 100% open source and available on Github. It is free to use on personal and commercial projects. Use it with your favourite module bundler … Continue reading

Elsewhere , , Leave a comment

Sticky Events – Events for position: sticky;

Sticky Events is a library that can listen for events on elements that have position: sticky; applied. It’s an abstraction built on top of the IntersectionObserver, and provides one with three types of events: StickyEvent.CHANGE: Fired when an element becomes … Continue reading

Elsewhere , , , Leave a comment

Dynamic Bézier Curves

Nice writeup by Josh Comeau on how he created the on-scroll-animated bézier curve on his website Did you notice that as you started scrolling on this page, the Bézier curves that border the green title hero thingy started flattening? Keep … Continue reading

Elsewhere , , , Leave a comment

How to display a “new version available” for a Progressive Web App

Dean Hume: I’ve built a number of Progressive Web Apps that simply update the service worker silently for the user in the background, but I really like the approach where you get a popup notification that suggests that there is … Continue reading

Elsewhere , , , Leave a comment

JavaScript asyncawait: Resolving Promises in parallel

Recently I saw a colleague implement some functionality in which he required two results from an API using async–await. The piece of code looked something like this: The code looks fine, is syntactically correct, and works … but there’s one … Continue reading

Elsewhere , , Leave a comment

A JavaScript Typing Carousel

I like this JS typewriter effect: The HTML that goes along with that is really simple: <h1>This pen is <span class="txt-rotate" data-period="2000" data-rotate='[ "nerdy.", "simple.", "pure JS.", "pretty.", "fun!" ]'></span> </h1> Simple Typing Carousel →

Elsewhere , , , Leave a comment

Implementing Web Push Notifications

Alexander Zlatkov from SessionStack on how to implement Web Push Notifications: There are three general steps to implementing a push: The UI — adding the necessary client-side logic to subscribe a user to a push. This is the JavaScript logic that your … Continue reading

Elsewhere , , , Leave a comment

yett – A small webpage library to control the execution of (third party) scripts like analytics

In order to provide GDPR compliant consent-first-analytics (and other stuff), you can use yett: Blocking execution of analytics script (until consent is given) can be done manually, but the problem is that analytics providers often provide minified code embeds that … Continue reading

Elsewhere , , , Leave a comment

RE: The React is “just” JavaScript Myth

🗣 This was originally posted as a reply over at Dave’s blog. Unfortunately Disqus – the commenting system Dave uses – thinks it’s spam, so I’m posting it here as a full post instead. In his blogpost The React is … Continue reading

Original Content , , Leave a comment

Awesome Talks

Great site developed by Sara Vieira (@NikkitaFTW): Awesome Talks is an awesome list of tech talks to watch that is constantly updated by the community and is a great way to find an interesting talk to watch during downtime. The … Continue reading

Elsewhere , , , Leave a comment