Weekly Web Design & Development News: Collective #573
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 40, 2024).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
button-motion - Attractive Web Button With Animated Glowing Borders (CSS Only). (Live Demo)
js-logs-formatter - Enhance Log Readability with JS Logs Formatter. (Live Demo)
Expandable Card Slider - A responsive, interactive, expandable card slider built using HTML, JavaScript, and CSS/CSS3.. (Live Demo)
Guidy.js - Creating Interactive Step-by-step User Guides. (Live Demo)
OpenAI Realtime Console - React app for inspecting, building and debugging with OpenAI's new Realtime API.
openai-realtime-api-beta - Node.js + JavaScript reference client for the Realtime API (beta).
Onejs - A new React framework that makes cross-platform simple. Target web and native with just Vite. (Live Demo)
nmap-viewer - A web-based application designed to visualize and analyze the output of Nmap scans.
Qustar - Query SQL database through an array-like API.
@matry/dom - A web framework for imperative JSX - a new way to think about UI engineering.
expo-apple-colors - Use native Apple colors on all platforms.
DeshiJS - A smooth, minimal framework for infusing JavaScript with dynamic behavior. (Live Demo)
bun-pulse - A lightweight, high-performance WebSocket server built on Bun, fully compatible with the Pusher protocol.
comply - A tiny library to help you define policies in your app.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
cunny-code - The Cute and Funny Morse Code Tool.
pswd - Simple secure password generator.
htmx-debugger - A powerful browser extension (compatible with Chrome and Firefox) designed to help developers debug and analyze htmx applications.
devactivity - Track, Analyze & Improve your Software Development Experience.
Graphic Design Freebies
60 Retro Macintosh 1984 Icons - A set of 60 retro icons from the original Apple Macintosh released in 1984.
Free Pixel Icons: 9 Retro Gadgets - Each icon depicts a classic gadget rendered in a detailed pixel style.
100 Sacred Geometry Mandalas - This collection of sacred geometry mandalas offers designers a versatile set of resources for various projects.
Discover more Graphic Design Freebies →
Curated Free AI Tools
Agents - Build real-time multimodal AI applications.
Voice ReAct Agent - An implementation of a ReAct-style agent that uses OpenAI's new Realtime API.
Resume Job Matcher - A Python script that automates the process of matching resumes to a job description using AI.
Oi-Override - A lightweight yet powerful CLI tool designed to simplify AI-powered code generation directly within your development workflow.
chatwithcloud - A CLI allowing you to interact with AWS Cloud using human language inside your Terminal thanks to generative AI.
News & Articles
What's new in Svelte: October 2024 (Link)
ESLint now officially supports linting of JSON and Markdown (Link)
CSS Anchor Positioning Guide (Link)
Axios vs Fetch (Link)
JavaScript & CSS Snippets
Signature animation
See the Pen Signature animation by Kiran Patel (@kiranpate1) on CodePen.
Lightspeed
See the Pen Lightspeed by Matthias Hurrle (@atzedent) on CodePen.
Cuisine Selector with :has()
See the Pen Cuisine Selector with :has() by Jhey (@jh3y) on CodePen.
Comic Style Text Bubbles - CSS
See the Pen Comic Style Text Bubbles - CSS by Josetxu (@josetxu) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #572
- Next: None
