DevIdiot!

NDC Conferences: HTMX & ASP.NET Razor Pages – Web development without the JavaScript pains - Kevin DeRudder

HTMX and ASP.NET Razor Pages team up to rescue you from endless JavaScript boilerplate, letting you spice up your UI with AJAX swaps and transitions without writing a single line of JS. Recorded at NDC Copenhagen, this talk shows how you can ditch the full-stack JavaScript marathons and still build interactive, modern web apps.You’ll dive into real-world demos of enhancing Razor Pages with minimal effort—think declarative AJAX requests, content swaps and smooth transitions—all driven by HTMX. Sa

JavaScript Clean Code Mastery: Part 3 - Modern JavaScript Features That Transform Your Code

Welcome Back to Clean Code!In Part 1, we conquered naming. In Part 2, we mastered functions. Today, we're unleashing the modern JavaScript features that will make your code shorter, cleaner, and more expressive.I once reviewed code that had 15 lines of defensive null checking:if (user && user.address && user.address.location && user.address.location.city) { console.log(user.address.location.city);}With optional chaining, it became one line:console.log(user?.address

JavaScript Clean Code Mastery: Part 4 - Async/Await and Error Handling That Actually Works

Welcome Back to Clean Code!In Part 1, we mastered naming. In Part 2, we conquered functions. In Part 3, we unleashed modern JavaScript features. Today, we're tackling the monster that haunts every JavaScript developer: asynchronous code and error handling.I once spent 8 hours debugging production code that had a single missing .catch(). The app silently swallowed errors, and users saw blank screens with no explanation. Never again.Today's Mission:Escape callback hell with async/awaitHandle

loadmodal.js: Bootstrap 5 Modal Window with Fetch API

Need to load Bootstrap modals with content from your server without writing repetitive HTML? loadmodal.js handles the entire workflow for you.This vanilla JavaScript plugin creates Bootstrap 5 modals dynamically, fetches content via the Fetch API, and manages the complete lifecycle with promise-based callbacks. At roughly 3KB with only Bootstrap 5 as a dependency, it eliminates the need for static modal templates in your markup.Key specs:• Automatic modal HTML generation• Promise-based callback

Building a Password Strength Analyzer with Entropy and Crack Time for Beginners

Live Demo:Try your password ideas instantly, see entropy and crack time in action: Password Strength Analyzer Demo TL;DRWalk through a real-time password strength analyzer using entropy and crack time estimates. See how your password choices stack up, and learn the math behind brute-force risks, not just another “use a strong password” nudge. Why I Built ThisMost of us already know passwords matter. We accept “must contain 12 characters,” we use password managers, and we enable MFA whe

RuBee

<a href="https://news.ycombinator.com/item?id=46029932">Comments</a>

The Cloudflare outage was a good thing

<a href="https://news.ycombinator.com/item?id=46029908">Comments</a>

A free tool that stuns LLMs with thousands of invisible Unicode characters

<a href="https://news.ycombinator.com/item?id=46029889">Comments</a>

We stopped roadmap work for a week and fixed 189 bugs

<a href="https://news.ycombinator.com/item?id=46029772">Comments</a>

Why React Developers Are Moving to Next.js in 2025

React has been the foundation of modern frontend development for years, but as applications grow, developers often need tools that go beyond a simple UI library. That’s where Next.js comes in. It builds on top of React and solves some of the framework’s biggest real-world challenges—performance, routing, SEO, and developer experience.In this post, I’ll break down why more React developers are shifting toward Next.js and why it might be the right move for your next project. 1. Built-in Routi

NDC Conferences: HTMX & ASP.NET Razor Pages – Web development without the JavaScript pains - Kevin DeRudder

At NDC Copenhagen, Kevin DeRudder shows how pairing HTMX with ASP.NET Razor Pages lets you skip the JavaScript overload and still build dynamic, interactive web apps. With just a few HTMX attributes you can handle AJAX requests, content swaps, and smooth transitions—no hand-written JS required.Through real-world demos you’ll see how this combo keeps your codebase clean, simple, and way more maintainable, proving that modern web development doesn’t have to mean endless JavaScript.Watch on YouTube

Ask HN: Hearing aid wearers, what's hot?

<a href="https://news.ycombinator.com/item?id=46029699">Comments</a>

shadcn/ui Calendar Heatmap Component for Next.js/React Apps

Add a GitHub-style contribution graph to your Next.js/React dashboards. This component reuses your existing shadcn/ui setup to visualize daily activity data.Key Features:Horizontal scrolling layout0-4 intensity scale with Tailwind colorsBuilt-in tooltips for exact countsFully customizable source code👉 Blog Post👉 GitHub Repo👉 Live Demo

Passing the Torch – My Last Root DNSSEC KSK Ceremony as Crypto Officer 4

<a href="https://news.ycombinator.com/item?id=46029649">Comments</a>

A new take on CSS Plumeria's main strengths

Completely zero runtimePlumeria handles all styling at build time, with no runtime CSS injection. This means that your JavaScript bundle contains 0 bytes of CSS-in-JS runtime code.@plumeria/compiler uses @swc/core to statically analyze your source code and extract css.create() calls. At build time, the framework plugin converts css.create() calls to static class name strings, so the browser only performs simple class name concatenation. Maximum reusability with atomic CSSEach CSS prop

I built a generative UI Guitar Tutor app

I recently started learning guitar, so I’ve been looking at online tabs for chord progressions and songs. I've found online guitar tabs sites to be a bit rough to navigate and covered in ads.Also, I don’t aways know exactly what chords I want to search for. I wanted to be able to say: "I'm a beginner. Show me a simple chord progression I should start with," and instead of getting a text explanation, I wanted to see the actual tab render on my screen.So, I built it.🔗 Repo: https://github.com/Mich

Created a Stock news app using ⚛️React +🐍Python

Access Link: https://stockpulse-4up.pages.dev/ 📈 StockPulse – Real-Time Stock News Dashboard InspirationInvestors often struggle to keep up with fast-moving markets. Prices shift every second, and news headlines can make or break trading decisions. I wanted to build a tool that combines live market data with relevant news stories in one clean dashboard, so traders don’t have to juggle multiple tabs or sources. What it doesDisplays real-time Indian stock prices (NIFTY 50, indices,

🤯

10 Developer Habits That Separate Good Programmers From Great Ones TheBitForge ・ Nov 18 #webdev #programming #productivity #javascript

NDC Conferences: HTMX & ASP.NET Razor Pages – Web development without the JavaScript pains - Kevin DeRudder

Kevin DeRudder’s NDC Copenhagen session shows how pairing HTMX with ASP.NET Razor Pages lets you ditch the JavaScript bloat and still build modern interactive features. You’ll learn how to wire up AJAX requests, swaps, and transitions using nothing but HTML attributes and minimal Razor code.By the end, you get a real-world demo of a web app that’s cleaner, simpler, and way easier to maintain—no full-stack JavaScript bootcamp required.Watch on YouTube

µcad: New open source programming language that can generate 2D sketches and 3D

<a href="https://news.ycombinator.com/item?id=46027216">Comments</a>