Weekly Web Design & Development News: Collective #563
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 30, 2024).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
Swapy - A JavaScript library for creating dynamic and interactive layouts on the web. Live Demo
DOM to Semantic Markdown - Convert HTML To LLM-Friendly Semantic Markdown Using JavaScript. Live Demo
table-console - A JavaScript library that displays dynamic, clean, and customizable tables in your console log. Live Demo
MiniParallax - A lightweight JavaScript library for creating precise scroll animations within defined scroll ranges. Live Demo
wc-helpers - Help you create your custom elements.
Object parser - A small library for parsing objects.
JSONQuery - A lightweight, expandable JSON query language.
stl-to-svg - A tool to render 3D models (in STL or OBJ format) as 2D vector drawings that can be exported as SVGs.
jsonlike - A tiny < 1kB library used to validate JavaScript objects against a JSON-like schema.
ClaudeOS - An open-source macOS-style desktop environment built with React.
Sacred OS - A Windows 9x inspired operating system written in Vanilla JS where every HTML file is executable. Live Demo
Responsive Space Website - Responsive Space Website Design Using HTML CSS And JavaScript.
Discover more JavaScript & CSS Libraries →
Developer Tools & Resources
Chunk Loader - A Chrome/firefox extension that allows users to load and import JavaScript chunks from a specified URL.
Sync.io - A simple and easy to use HTTP based file sharing server to aid platform independent wireless file sharing between multiple devices.
VisionTab - A VisionOS styled New Tab for Chromium based web browsers. It's sleek, customizable, and recognizable.
Wasps.dev - AI code review in your IDE.
Tiny Scan - URL Scan and Analysis Tool.
Graphic Design Freebies
Glyseric Typeface - A free serif typeface that combines traditional and modern design elements.
Credit Cards UI Mockups Pack - A set of credit card UI mockups designed in the Figma app.
Spectrum - A vast collection of high-quality vector shapes.
Discover more Graphic Design Freebies →
Curated Free AI Tools
Jobright Job Copilot - A free AI job search assistant that finds perfect roles, polishes resumes, and boosts networking.
HueWheel AI - Generate free, unique color palettes instantly with AI.
Ollama YouTube Video Summarizer - A lightweight Python script that enables you to summarize any YouTube videos using a local Ollama server and open-source LLMs.
News & Articles
Anyone can Access Deleted and Private Repository Data on GitHub. Link
CSS font-size-adjust is now in Baseline. Link
So you think you know box shadows?. Link
Web Performance Guide. Link
Enhancing The New York Times Web Performance with React 18. Link
JavaScript & CSS Snippets
Images Navigation Hover Effect
See the Pen Images Navigation Hover Effect by Veronica Hristova (@vstefanova) on CodePen.
pointer-particles Web Component
See the Pen <pointer-particles> Web Component by Ryan Mulligan (@hexagoncircle) on CodePen.
Gauge Display for CMS
See the Pen Gauge Display for CMS by Brian Palazzola (@bpalazzola) on CodePen.
Highlighting Cursor UX Concept
See the Pen Highlighting Cursor UX Concept by Andrew (@walpolea) on CodePen.
