Happy Friday, JavaScript enthusiasts! This week’s roundup brings you fresh updates, handy libraries, and insightful reads to level up your JS skills. Let’s get started!
📜 Articles & Tutorials
How to Build an Analytical Dashboard with Next.js
What is CSS Subgrid? A Practical Tutorial
Mastering React Refs: Advanced Techniques with useCombinedRef Hook
Web-Slinger.css: Across the Swiper-Verse
Dynamic Focus Zoom Effect with CSS @property
The Must-Have SEO Checklist for Developers For 2025
Build a Local Notion with an AI Agent Assistant 🤖
Pure CSS Mixin for Displaying Values of Custom Properties
Build a Single-Page Application(SPA) Router in Vanilla JavaScript
The modern way to write JavaScript servers
Building a QR Code HTML Web Component
Building a simple blog architecture
Create Scroll Animations with just CSS
What’s new in Svelte: February 2025
Which rich text editor framework should you choose in 2025?
Code Like a Pro: Implementing SOLID Design in React Ecosystem
Positioning Text Around Elements With CSS Offset
Transitioning Top-Layer Entries And The Display Property In CSS
How to Improve JavaScript Code Security: Best Practices and Tips
TypeScript Error Handling Evolution: From Try/Catch to Result Types
⚒️ Tools
RustDesk - A secure, open-source remote desktop client for Windows, macOS, and Linux. RustDesk is built with Rust and uses the Tauri framework for the frontend. It offers features like file transfer, clipboard sharing, and multi-monitor support, making it a versatile tool for remote work and IT support.
SolidTime - A privacy-focused time tracking app built with SolidJS and Tailwind CSS. SolidTime allows users to track their work hours and generate reports without compromising their data privacy. It's a lightweight, fast, and secure alternative to traditional time tracking tools.
Every Hex Codes - A collection of every possible hex color code, from #000000 to #FFFFFF. Every Hex Codes provides a visual representation of all 16,777,216 hex colors, making it a handy reference for designers and developers.
eliza - is a simple, fast, and lightweight AI agent framework
Screenshot to Code - A tool that converts screenshots of websites into HTML and CSS code. Screenshot to Code uses machine learning to analyze images and generate code snippets, helping developers recreate web designs more efficiently.
API Parrot - A tool for mocking and testing APIs without writing code. API Parrot lets you create custom API endpoints, define responses, and simulate different scenarios to test your applications' behavior. It's a useful tool for frontend developers, QA engineers, and API designers.
vuelessui - A minimalistic UI framework for Vue.js applications. VuelessUI focuses on simplicity and performance, providing essential components like buttons, forms, and modals without unnecessary bloat. It's designed to be lightweight and easy to customize, making it ideal for building fast and responsive web applications.
FinetuneDB - is an AI fine-tuning platform that enables users to create and manage datasets for customizing large language models (LLMs). It offers a collaborative editor for team-based dataset building, tools for evaluating model performance with human and AI feedback, and features for collecting production data to refine models. The platform also provides a prompt playground for optimizing interactions between users and AI models. Developers can integrate FinetuneDB into their applications using SDKs compatible with the OpenAI framework. FinetuneDB emphasizes security with encrypted data transmission and strict permission controls.
📚 Libs
TargetJS - A Novel JavaScript UI framework designed to simplify development and enhance animations. TargetJS offers a unique approach to building user interfaces, focusing on simplicity and performance. It provides a declarative syntax for creating components and animations, making it easy to develop interactive web applications. TargetJS is built with modern web technologies and aims to streamline the development process while delivering engaging user experiences.
visprex - Visualise your CSV files in seconds without sending your data anywhere
screen-sharing - A simple screen sharing library for web applications. screen-sharing uses WebRTC technology to enable real-time screen sharing between users, making it ideal for remote collaboration and online meetings. It provides a straightforward API for integrating screen sharing functionality into web applications, allowing users to share their screens with minimal setup.
blendy - Smoothly transition one element into another with just a few lines of code.
Waveform Renderer - A lightweight and customizable TypeScript library for rendering audio waveforms on HTML canvas. Create beautiful, interactive audio visualizations with ease.
plotly.js - Open-source JavaScript charting library behind Plotly and Dash
emittery - Simple and modern async event emitter
jsontr.ee - A JSON transformer and formatter for the web
jscanify - The Javascript document scanning library.
fumadocs - The beautiful docs framework with Next.js.
maily.to - Craft beautiful emails effortlessly with Maily, the powerful email editor that ensures impeccable communication across all major clients.
superfile - Pretty fancy and modern terminal file manager
⌚ Releases
Astro 5.2 Released: Tailwind 4, TOML Support, and Improved Redirects
The Astro framework has released version 5.2, introducing support for Tailwind 4, TOML frontmatter in Markdown, and an enhanced redirect logic for trailing slashes in URLs. Additionally, there's an experimental feature to disable React streaming for better compatibility with certain libraries.
🚀 Tailwind 4 Support
Astro now includes the @tailwindcss/vite plugin by default, making it easier to integrate Tailwind into projects. The old integration method via @astrojs/tailwind remains available for previous Astro versions.
📝 TOML Frontmatter
Astro now supports TOML for frontmatter in Markdown pages, making it more compatible with frameworks like Hugo. To enable TOML, wrap the frontmatter in triple plus (+++) signs:
+++
date = 2025-01-30
title = "Use TOML frontmatter in Astro!"
[params]
author = "Houston"
+++
🔄 Improved Redirects for URLs with Slashes
Astro now ensures that URLs like /about/, /about, and /about/// correctly resolve to the intended page. During development, redirects are disabled to help catch potential issues. To enable redirects, update astro.config.mjs:
export default defineConfig({
adapter: node({ mode: 'standalone' }),
trailingSlash: 'never', // or 'always'
});
Astro 5.2 continues to refine performance and developer experience, making it an even more powerful framework for modern web development.
Mozilla Thunderbird 135.0 Released
TaskExplorer 1.6.0 Released: Advanced Task Manager for Windows
The open-source project TaskExplorer has released version 1.6.0, offering an advanced task management tool for Windows 7 and later. Unlike traditional task managers, TaskExplorer focuses not only on monitoring running applications but also on analyzing their activities in detail.
Built with C and C++, the project's source code is available on GitHub under the GNU General Public License v3.0. TaskExplorer was first introduced in October 2019, and this latest version continues to refine its capabilities for system administrators, developers, and users managing legacy hardware.
NWinfo 1.1.1 Released: Portable System Info Tool for Windows
On February 4, 2025, the lightweight open-source project NWinfo 1.1.1 was released. This portable system information tool provides a quick overview of key PC details, from hardware specifications to software insights. It runs on Windows XP and newer, making it a versatile tool for both tech enthusiasts and troubleshooting professionals.
NWinfo displays essential data on the CPU, memory, disks, network, and system status, all within an intuitive interface. It also generates detailed logs in JSON, YAML, and LUA formats for easy sharing and diagnostics.
Ruck 9.0 - A React Webapp Framework for Deno
📺 Videos
Create a Job Board SaaS with Next.js, Inngest, Auth.js, Arcjet and Tailwind | 2025
How I used CODE to Create Paper Like Images
Create a super fun "focus by negation" effect
My Biggest Tutorial Ever (Build A FULL Google Drive Clone with React, Next, TypeScript and more)
Data Structures and Algorithms Crash Course
Build a Fullstack Project Management App with Next.js 15, Supabase, Shadcn, Resend, DnD Kit & Tiptap
Heroku Is Dead, Here's What I Recommend
Ultimate Next 15 Course: Build a YouTube Clone (2025)
Strapi 5 and Next.js 15 Full Stack Project Course
Build Full Stack LMS Website using MERN Stack | Create Full Stack React JS Project 2025
Programmatic SEO in Next.js 15 - Full Guide
That’s it for this week’s roundup! Stay curious, keep coding, and don’t forget to check back next Friday for more JavaScript highlights. Have a favorite link? Drop it in the comments! 🚀
Top comments (0)