jQuery Script Blog

Weekly Web Design & Development News: Collective #568

by jQueryScript,

A roundup of the latest and most popular development & design resources (Javascript & CSS libraries, Code snippets, Web Dev News & Resources, Curated AI Tools, Graphic Design Freebies, etc.)  from the past week (Week 35, 2024).

Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.

JavaScript & CSS

Balloons-js - Animated balloons effect for your website. (Live Demo)

Balloons-js

NanoSheets - Build Editable, Spreadsheet-like Data Grids with Nano Sheets. (Live Demo)

NanoSheets

anyGrid - A Lightweight, feature-rich JS library for dynamic data tables with paginated, sortable, searchable, column joining, action handles & URL definition.. (Live Demo)

anyGrid

best-holiday - Handle Holidays in JavaScript With Ease. (Live Demo)

best-holiday

Pglite - A WASM Postgres build packaged into a TypeScript client library that enables you to run Postgres in the browser, Node.js and Bun.

onlook - The open source, local-first Webflow alternative. Design directly in your live React site and publish your changes to code.

v1 - An open-source starter kit based on Midday.

Srcbook - TypeScript notebook for rapid prototyping.

dotUI - Accessible, mobile friendly, modern UI components. (Live Demo)

file-storage - A key/value interface for storing File objects in JavaScript. 

style-observer - MutationObserver for CSS. Get notified when the computed value of a CSS property changes. (Live Demo)

yocto-spinner - A lazy, streaming File implementation for JavaScript.

LightAPI - The most modular, easy-to-use, and feature-rich Express API template.

qrGrid - The Ultimate Customizable QR Code JavaScript Library. (Live Demo)

DeshiJS - A smooth, minimal framework for infusing JavaScript with dynamic behavior.

json-shift - Transforms website content into structured JSON format based on user-defined attributes.

Discover more JavaScript & CSS Libraries →

Tools & Resources

repo2vec - A simple-to-use, modular library enabling you to chat with any public or private codebase.

buffdb - Embedded storage built for multiplexing.

ruroco - A tool that lets you execute commands on a server by sending UDP packets. 

ButtonStealer - Steals buttons from the websites you visit. 

FontGenerator - Easily generate stylish text for Facebook, X (formerly Twitter), and other social media platforms. 

pgqueuer - A Python library leveraging PostgreSQL for efficient job queuing.

lsicon - Elegant and Open-Source Icon Library.

Curated Free AI Tools

Remove-BG - Fast, Private, and Browser-Based AI Background Remover.

Outline Picture - Free AI Background Remover with Custom Stroke.

AI Ads Analyzer - Get Actionable Insights To Improve Your Ads.

Discover more Free AI Tools →

News & Articles

Supporting AVIF in Google Search (Link)

JS Dates Are About to Be Fixed (Link)

The Top Programming Languages 2024 (Link)

Generating Unique Random Numbers In JavaScript Using Sets (Link)

JavaScript & CSS Snippets

CSS border ripple effect

See the Pen CSS border ripple effect by Ryan Mulligan (@hexagoncircle) on CodePen.

Strobe Flashlight

See the Pen Strobe Flashlight by Wakana Y.K. (@wakana-k) on CodePen.

Animated Number Spinner

See the Pen Animated Number Spinner by Prasenjit Nayak (@StarKnightt) on CodePen.

MVP Carousel

See the Pen MVP Carousel by diego valobra (@pirolab) on CodePen.