Editor's Pick
Calendar.js: A javascript drag & drop event calendar, that is fully responsive and compatible with all modern browsers
One of the world's easiest, most powerful, and full responsive JavaScript Calendars.
v2.3.0 was just released.
Accessibility
Using HTML landmark roles to improve accessibility
Learn what HTML landmark roles are, how they improve accessibility, and how you can include them on your website effectively.
CSS
Scroll shadows with animation-timeline
got myself into a position: sticky + horizontal scrolling situation with some overflowing tables the other day. The sticking worked fine but I was hoping to add shadows as an affordance that an overflow was occurring on the element. But you know me, I didn’t want to install some JavaScript component to do the job1. I wanted to find the laziest low-code way possible. Hyped up by Bramus’s new scroll-driven-animations.style website I wondered if scroll-driven animations could do the job.
Let’s Make a Rubber Button With HTML, CSS and SVG
While I wasn’t looking, a rubber button I shared on CodePen was viewed more than 11,000 times (as of this writing). I thought it might be fun to break down how the effect works, including some accessibility and compatibility improvements over what I originally shared.
CSS Animation Made Extremely Easy
Have you been wishing that when you scroll the pages, those fancy animations will be active on your website? Let's find out how we can do this.
SVELTESTRAP - Bootstrap 5 components for Svelte 3
The goal of this library is to provide all Bootstrap 5 components for a Svelte app. Sveltestrap makes it easy to use Bootstrap since there is no need to use Bootstrap component classes, to include Bootstrap's JavaScript, nor depend on jQuery.
HTML
JavaScript
Everything I wish I knew before moving 50,000 lines of code to React Server Components
Here's everything we learned by migrating our production applications to React Server Components — including how to mix Client and Server Components.
Calendar.js: A javascript drag & drop event calendar, that is fully responsive and compatible with all modern browsers.
One of the world's easiest, most powerful, and full responsive JavaScript Calendars.
v2.3.0 was just released.
jquery-spa
This is a simple and light (less than 70 lines of code as of now) Single Page Application (SPA) written in jquery that I decided to create for myself and developers that just learnt javascript and jquery and want to build a simple SPA site/app, or are interested in understanding the fundermentals of what SPA frameworks like angular,vue and react etc. do to create a SPA environment.
Demo here, though looks like query strings break it. You will need to manually remove the Hexawow campagin/referrer query string.
AOS - Animate on scroll library
AOS is a JavaScript library with over 20 predefined animations for your websites
Nuxt UI: Fully styled and customizable components for Nuxt
It provides everything related to UI when building your Nuxt app. This includes components, icons, colors, dark mode but also keyboard shortcuts. Built with Headless UI and Tailwind CSS, published under MIT License.