DevIdiot!
Building a playable Graeco-Latin Sudoku square: the math behind Suirodoku
In 1782, Euler imagined arranging 36 officers in a square so that no regiment and no rank repeated in any row or column. He couldn't solve it. The structure he imagined, Graeco-Latin squares, became a cornerstone of combinatorics.I turned it into a puzzle you can play. What is Suirodoku?A 9ร9 grid where each cell contains a digit (1-9) AND a color (9 colors). The rules:Each row contains all 9 digits and all 9 colorsEach column contains all 9 digits and all 9 colorsEach 3ร3 block contains al
How I Handle Platform Detection and URL Validation for Multiple Video Sources in Node.js
One of the trickiest parts of building dltkk.to was handling URL validation across TikTok, YouTube and Instagram.Each platform has completely different URL structures and each needs different validation logic. Here's how I solved it. The ProblemUsers paste all kinds of URLs:\https://www.tiktok.com/@user/video/123https://vm.tiktok.com/abc123https://youtube.com/watch?v=abc123https://youtu.be/abc123https://www.instagram.com/reel/abc123https://instagram.com/p/abc123\\All valid. All need differe
Whatโs !important #5: Lazy-loading iframes, Repeating corner-shape Backgrounds, and More
This issue of Whatโs !important is dedicated to our friends in the UK (aka me), who are currently experiencing a very miserable 43-day rain streak. Presenting: the five most interesting things to read about CSS from the last couple of weeks. Plus, the latest features from Chrome 145, and anything else you mightโve missed. TL;DR: lots of content, but also lots of rain.Why you can only code for 4 hours/dayDonโt worry, youโre only coding for 52 minutes/day anyway.Dr. Milan Milanoviฤ talks about the
NestJS Profiler ๐โก๏ธ
Stop flying blind in your ๐๐๐ฌ๐ญ๐๐ apps! ๐One thing I always missed from the ๐๐๐ซ๐๐ฏ๐๐ฅ/๐๐ฒ๐ฆ๐๐จ๐ง๐ฒ world was the Web Profiler. Being able to see every database query, request duration, and cache hit in real-time is a game-changer for debugging. ๐ช I couldn't find a perfect equivalent for NestJS... ๐๐ ๐ฐ ๐๐๐๐๐ ๐๐. ๐Introducing ๐ง๐๐ฌ๐ญ๐ฃ๐ฌ-๐ฉ๐ซ๐จ๐๐ข๐ฅ๐๐ซ โ a lightweight, web-based dashboard for your NestJS backend.โ
Inspect HTTP request with hell of details about it.โ
Track executed DB queries with analyze (PostgreSQL
[Boost]
Top 13 Most-Starred Open Source Next.js Projects on GitHub โญ Joodi ใป Feb 16 '25 #opensource #nextjs #javascript #react
I locked myself out of my own app, so I rebuilt it from scratch!
Palette Thief Ultimate is my first real tool release โ a tiny, offlineโfirst, zeroโdependency color palette generator that runs as a single HTML file.It started as a Rust + Tauri project, but after locking myself out of my own app by implementing strong security (yes, really), I rebuilt it from scratch using pure HTML/CSS/JS. What i been throught with this tool is actually a very long story but The result now is even faster: 0.02s palette generation, no cloud, no servers, no tracking, just a sta
5 .cursorrules That Actually Changed What Cursor Generates (React/Next.js)
Most .cursorrules don't actually change anything. I tested 30+ rules over a couple weeks โ same prompt, with and without each rule, comparing the diff. "Use TypeScript." "Prefer functional components." The AI was gonna do that anyway. Only 5 rules changed the output every time, and they all target the same blind spot.If you're new to .cursorrules, it's a file in your project root that tells Cursor how to generate code. In theory. The testFor each rule, I ran the same workflow:Prompt Cursor
Open Source Is Not About You (2018)
<a href="https://news.ycombinator.com/item?id=47003219">Comments</a>
I Built a Notion-like Editor for Vue 3 with AI, 5 Themes, and Real-time Collaboration โ It's 100% Free
If you've ever tried to build a rich text editor in Vue, you know the pain.Tiptap is amazing โ but it's headless. You get a powerful ProseMirror engine with zero UI. That means you spend weeks building toolbars, menus, themes, and handling edge cases before you can even show it to your users.I spent months solving this problem, and today I'm releasing Tiptap UI Kit โ a fully-featured, production-ready editor component for Vue 3. Think of it as what Tiptap would look like if it shipped with a com
Top 5 Developer Skills That Will Print Money in 2026 (And the Ones Bleeding Your Career Dry)
The gap between what boot camps teach and what CTOs actually hire for has never been wider. While junior devs grind LeetCode and memorize framework syntax, the market has fundamentally shifted. Here's what separates the $200K developers from the ones still fighting for $80K contracts. The 5 Skills That Actually Matter 1. AI Integration Architecture (Not Just "Using ChatGPT")Every company is now an AI company, whether they admit it or not. But here's what matters: you need to architect
Apple, fix my keyboard before the timer ends or I'm leaving iPhone
<a href="https://news.ycombinator.com/item?id=47003064">Comments</a>
Dissertation Writing Service UK
https://www.getwriterhelp.co.uk/dissertation-writing-service/Have you ever participated in debate competition on any media issue? How many books one has to buy and how much data is required to get ample of information on any media issue? Have you observed how your tone automatically raises its scale as a result of which you sound aggressive just to prove your point? So, does your opponent become violent? In general, a debate is supposed to be a formal public discussion. In this, a speaker has to
Why does 0.1 + 0.2 === 0.3 return false?
Javascript uses IEEE 754 floating point representation for storing numbers. This means that some decimal fractions (like 0.1) cannot be represented exactly in binary floating-point format.So how DO we work with decimals? 1. Compare with tolerance for equality checksTaking into consideration the small error difference, Instead of comparing 2 decimals with equality operator we will check if the difference between them is less than the tolerance value.Javascript provides a static property, Num
Building a Gold Price Calculator with Next.js and a Dual-API Fallback
When I set out to build a gold value calculatorโsomething users could use to check melt value by weight and purityโthe first thing I had to figure out was where to get live gold prices. Most financial data APIs are paid or rate-limited, and I needed something that could handle production traffic without breaking. The API LandscapeI looked at a few options:GoldAPI.io โ straightforward REST endpoint, returns XAU (gold) price per troy ounce. Free tier: 100 requests/month. Paid plans scale from
Zed editor switching graphics lib from blade to wgpu
<a href="https://news.ycombinator.com/item?id=47002825">Comments</a>
HazelJS Beta: Why We Built It โ Design, Purpose & Benefits
A different kind of framework announcement. The Problem We Kept HittingEvery Node.js backend we built felt like we were assembling the same puzzle from scratch. Need AI? Wire it manually. Need dependency injection? Pick a library. Need authentication? Integrate another package. Need agents, RAG, or vector search? Build it yourself.The ecosystem had great pieces โ Express, NestJS, Prisma, TypeScript โ but nothing that treated AI as a first-class citizen while staying lightweight, modular, an
[Boost]
Server Components aren't SSR! Bishoy Bishai ใป Feb 13 #react #webdev
This Week In React #268 :Bulletproof Comps, Render Types | RN 0.84, Gestures, Rozenite, Storybook | Vitest, VSCode
Hi everyone!This week, we have a good variety of React content, with great community articles and various releases. Many generative UI solutions are emerging, and Iโm curious to better understand how they differ from one another.React Native 0.84 just dropped, and Gesture Handler 3 is in beta. Expo SDK 55 should also be out soon.๐ก Subscribe to the official newsletter to receive an email every week! ๐ธ SponsorSeer: AI that debugs React errors and writes the fixMost AI coding tools only see yo
How I built a lightweight, ad-free Olympics Tracker for Milano Cortina 2026
The Problem: Bloated Sports SitesI wanted to check the medal standings for the Milano Cortina 2026 Winter Olympics, but I found most official and mainstream news sites to be:Heavy: Dozens of trackers and heavy JS bundles.Distracting: Intrusive ads covering half the screen on mobile.Slow: Taking 5+ seconds to load just a simple table of numbers.As a developer, I knew I could do better. So I built milano2026.live. The Tech StackI chose a stack that prioritizes speed and developer experi
Next.js Weekly #117: vS3, TypeScript 6.0 Beta, Bulletproof Component, AI Debugging, Enterprise Next.js, State of React 2025
Building Bulletproof React ComponentsMost components only work in the happy path but real apps have SSR, hydration, multiple instances, concurrent rendering, portals, transitions, and more. This guide shows how to make components survive in all those cases Debugging with AI: Can It Replace an Experienced Developer?Nadia compares AI-driven debugging with traditional debugging across several real-world issues. The article walks through real bugs, compares AI fixes with manual investigat