Weekly Web Design & Development News: Collective #424

by jQueryScript,

Here's the 424th Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.

Web Design & Development News: Collective #424

Spacing.js Library

A JavaScript utility for measuring the spacing between elements on webpage.

Spacing.js Library

[Demo] [Download]


Container Query Polyfill

A tiny polyfill for CSS Container Queries, weighing about 1.6kB brotli’d. It transpiles CSS code on the client-side and implements Container Query functionality using ResizeObserver and MutationObserver.

Container Query Polyfill

[Download]


web-cpuid

A lightweight web based decoder and visualiser for CPUID information.

web-cpuid

[Demo] [Download]


terminal.js

A lightweight, easy to use terminal interface for the web.

terminal.js

[Demo] [Download]


easyShortcut.js

JavaScript Library To Create Custom Keyboard Shortcuts

easyShortcut.js

[Demo] [Download]


Eleventy Serverless Color Contrast Checker

Zero clientside JavaScript color contrast checker, built with Eleventy Serverless for the 11ties.

Eleventy Serverless Color Contrast Checker

[Download]


CG Carousel

Vanilla JavaScript plugin used to build carousels.

CG Carousel

[Demo] [Download]


Toaststrap

A javaScript library for simple, lightweight toast popups. Uses Bootstrap 5 styles.

Toaststrap

[Demo] [Download]


bootstrap5-lightbox

A responsive, zoomable lightbox gallery built with Bootstrap 5 and Bootstrap Icons.

bootstrap5-lightbox

[Demo] [Download]


CSS Loaders & Spinners

A collection of different types of CSS loaders, spinners and their source code.

CSS Loaders & Spinners

[Demo] [Download]


parallax.css

A CSS library that applies a fast, efficient, customizable parallax scroll effect to elements using pure CSS.

parallax.css

[Demo] [Download]


loopback-next

LoopBack makes it easy to build modern API applications that require complex integrations.

loopback-next

[Demo] [Download]


json-to-plain-text

Convert any JSON to PLAIN TEXT.

json-to-plain-text

[Download]


Yt-Dislikes-Viewer

A browser extension that allows you to see dislikes on a youtube video after the youtube update.

[Download]


3D CSS Flippy Snaps v2 (React && GSAP)

See the Pen 3D CSS Flippy Snaps v2 (React && GSAP) by Jhey (@jh3y) on CodePen.


Magically Rearranging Patterns

See the Pen Magically Rearranging Patterns - CSS Houdini ✨ by George Francis (@georgedoescode) on CodePen.


radio/checkbox

See the Pen radio/checkbox by Brady Hullopeter (@bradyhullopeter) on CodePen.


Free Christmas Icons By Onabitz

Free Christmas Icons By Onabitz

[Download]


Omnibus FREE FONT

Omnibus FREE FONT

[Download]


Holiday Decor Landing Page

Holiday Decor Landing Page Web Design with a full background image and cool vectors placed in a decorative manner.

Holiday Decor Landing Page

[Download]