A roundup of the newest and hottest improvement & design sources (Javascript & CSS libraries, Code snippets, Net Dev Information & Sources, Curated AI Instruments, Graphic Design Freebies, and so on.) from the previous week (Week 34, 2024).
Subscribe to our publication to get a weekly listing of recent internet dev sources in your inbox.
JavaScript & CSS
Dropdown Menu – Accessible Dropdown Menu With Easy JavaScript Animations. (Stay Demo)
browser-mockup – Showcase Net Tasks With Practical Chrome Mockups. (Stay Demo)
RainChar – Create Matrix-Type Digital Rain in JavaScript. (Stay Demo)
PrettyLogger – A tiny JavaScript that logs plain messages, objects, and occasion DOM components instantly into your web page for simple debugging.. (Stay Demo)
regex – Native JS library to help you spotlight ranges inside texareas.
Immediate – a client-side database that makes it simple to construct real-time and collaborative apps like Notion or Figma.
thermal-printer – Thermal printer managed with JS.
nano-spawn – Tiny course of execution for people — a greater child_process.
datasetexplorer – Simply view and modify JSON datasets for big language fashions.
lazy-file – A lazy, streaming File implementation for JavaScript.
TyprEditor – A Medium-like editor for React that integrates together with your person system and CMS. (Stay Demo)
ts-easy – Your minimalist TypeScript starter for Node.js initiatives.
heic-to – Convert HEIC/HEIF photographs to JPEG, PNG in browser utilizing Javascript.
form-data-parser – A wrapper round request.formData() that gives pluggable help for file add dealing with.
OEditorX – A user-friendly on-line editor tailor-made for HTML, CSS, and JavaScript. (Stay Demo)
Dumper – Fairly print JavaScript data-types within the terminal and the browser.
bullshit-detector – Shortly detect quantity of bullshit in any textual content.
Feedbomb – A easy and highly effective RSS reader for the net. (Stay Demo)
Uncover extra JavaScript & CSS Libraries →
Dev Instruments & Sources
handwriter.ttf – A Handwriting Synthesizer by abusing Harfbuzz WASM Shaper.
mdtree – Convert markdown lists into ASCII bushes.
DesignDupe – Determine colours and fonts on any web site immediately to raise your creativity!
Zed – Subsequent-generation code editor designed for high-performance collaboration with people and AI.
Docgenie – A strong command-line device that leverages superior AI fashions to robotically generate complete documentation in your initiatives.
Curated Free AI Instruments
Documator – Free AI Doc Summarizer and Translator.
Face Animator – Free AI Turns Photographs Into Expressive Movies.
X Showdown – Free AI for Hilarious Twitter Face-offs.
FlowKitten – A free AI-powered enterprise concept validator that offers immediate suggestions on startup ideas.
Uncover extra Free AI Instruments →
Information & Articles
Mastering Typography In Emblem Design (Hyperlink)
React is (turning into) a Full-Stack Framework (Hyperlink)
What’s new in ECMAScript 2024 (Hyperlink)
RTL Styling 101 (Hyperlink)
JavaScript & CSS Snippets
Double bubble – no JS on scroll distortion
See the Pen Double bubble – no JS on scroll distortion by Ana Tudor (@thebabydino) on CodePen.
Dynamic Content material Lockups with Scroll-Pushed Animations
See the Pen Open Props – Dynamic Content material Lockups with Scroll-Pushed Animations by Arby (@mobalti) on CodePen.
Canvas sprite-sheet bubbles
See the Pen Canvas sprite-sheet bubbles by Tom Miller (@creativeocean) on CodePen.
Card animations NO JS
See the Pen Card animations NO JS by Vicio Bonura (@V17h3m) on CodePen.
