testing webhooks locally is a pain.

most devs use ngrok and get a random URL every time.

yourname.mycrab.space is always-on, always the same URL. set it once in your webhook config, forget about it.

https://mycrab.space #devtools #webdev #selfhosted #api

Bottom line: This is a performance tax on UX. When a frontend has to pause for a third-party audit of its internal state just to enable an input field, the product is broken. We need security that doesn't treat every human like a bot. #webdev 4/4

ARIA: marquee role A marquee is a type of live region containing non-essential information which changes frequently.

🦖 Random MDN: ARIA: marquee role 🦖

developer.mozilla.org/en-US/docs/Web/Accessibi...

A marquee is a type of live region containing non-essential information which changes frequently.

#webdev #Accessibility

Cascade — Icons for CSS Properties An open-source icon set where every icon represents a CSS property–value pair. Copy as SVG or React component.

#Design #Launches
Cascade Icons · Hand-crafted icons for CSS properties and their values ilo.im/16bmug by Andrew Flett

_____
#CSS #Icons #DesignTools #WebDesign #OpenSource #React #Development #WebDev #Frontend #SVG

I just released a major update to Nellavio - a free, open source dashboard starter built with Next.js 16 & Tailwind

90+ reusable components, 60+ chart variations, auth, i18n, 17 pages, all ready to use out of the box.

Check it out

🚀 github.com/nellavio/nel...

#nextjs #webdev #reactjs

🐛 #SmarkForm 0.14.1 released!

BeforeAction_import handlers can now modify imported data — a subtle bug silently discarded event data changes. Now fixed.

#OpenSource #JavaScript #WebDev #Forms

📦 npm i smarkform@0.14.1
🔗 smarkform.bitifet.net

Serverless ETL/ELT Architecture with S3, EventBridge, Lambda, Step Functions, and Glue In this post, I will walk through a production-style serverless ETL/ELT architecture on AWS using...

✍️ New blog post by Renaldi

Serverless ETL/ELT Architecture with S3, EventBridge, Lambda, Step Functions, and Glue

#serverless #webdev #programming #aws

Days 75-76/100 of #100DaysOfCode

75:
Flashcard day because it was super
busy and exhausting.

76:
Converted server file to
TypeScript.

Found an important typo. How did my code still work before???

TypeScript just feels like I'm labeling
things

#fullstack #coding #TypeScript #webdev

Thanks everyone who joined today's dev stream!

I have now added a coin flipping toy to my overlay

It will keep flipping heads until it hits tails

(the luck is modified to make it more interesting)

#webdev

Getting comfortable with Phoenix LiveView! I'm enjoying it. Definitely a new side of Elixir for me. I am not a huge fan of the directory structure of a project but its not a huge deal. I'd rather it be opinionated.

#elixir #programming #webdev

I have taken the plunge and will spend the next few months trying to build RecordRanks into a proper service for #sports organization and rankings. I've contemplated "doing my own thing" for a good while now, and it's finally time to give it a proper shot! (1/2)

#webdev #coding #startups

Original post on front-end.social

🦖 IDBObjectStore: getKey() method
✅ Widely available (from Jan 2020)

developer.mozilla.org/en-US/docs/Web/API/IDBOb...

The getKey() method of the IDBObjectStore interface returns an IDBRequest object, and, in a separate thread, returns the key selected by the specified […]

Rebuilding TLS, Part 1 — A Fake Secure Channel A year ago I wrote a series about how a web server works. I started from a very primitive version...

✍️ New blog post by Dmytro Huz

Rebuilding TLS, Part 1 — A Fake Secure Channel

#webdev #programming #learning

30th Apr '26: Mobile coverage & AI holidays, Thu, Apr 30, 2026, 6:15 PM | Meetup We're back at SHU in Room 12.4.12 at the **Charles Street Building**, Sheffield Hallam University, 120 Charles St, Sheffield, S1 2NE Look for the FES signs up into the lif

April 30th we welcome:
📍 Martin Owens from the South Yorkshire Digital Infrastructure Team introduces the #SYMCA mobile coverage map
🤖 Azeez Roheem builds a #Typescript #AI agent from scratch that plans your trips

Our next #webdev #webdesign #Sheffield #meetup:
www.meetup.com/front-end-sh...

Original post on mastodon.xyz

Maybe I’m just old and out of touch. Maybe I internalized the disdain “real” programmers had for front-end developers back in the day. Whatever the reason, building an app with JavaScript and a WordPress back end seems janky to me. That sounds more like a souped-up shortcut to a website than a […]

💎 SVG Mask Transitions on Scroll with GSAP and ScrollTrigger
by Hiroki Watanabe
at @codrops.bsky.social
In this tutorial, we’ll create four scroll-driven transitions that reveal fullscreen images using SVG masks, GSAP, & grid- and blind-based patterns.
#GSAP #webdev

tympanus.net/codrops/2026...

Why do we crave the 2000s internet so much? Is it just pure nostalgia or something more? I discuss this in my latest long form video 💜👾 featuring @neocities.org @neopets.bsky.social and even @godotengine.org www.youtube.com/watch?v=sCfO... #indieweb #indiegames #webdev

TouchEvent: targetTouches property The targetTouches read-only property is a TouchList listing all the Touch objects for touch points that are still in contact with the touch surface and whose touc…

🦖 Random MDN: TouchEvent: targetTouches property 🦖

developer.mozilla.org/en-US/docs/Web/API/Touch...

The targetTouches read-only property is a TouchList listing all the Touch objects for touch points that are still in contact with the touch surface and whose touc…

#webdev

Screenshot of the blurt.sh landing page — bold headline reading "Markdown in, posts everywhere." with a waitlist email signup form, open-source and MIT licensed badges, on a clean minimal white background

day 5 of building blurt in public.

rails 8 backend with 6 platform publishers. filesystem queue. markdown in, posts everywhere.

the landing page is up, waitlist is collecting emails, and the core engine is taking shape.

join the waitlist: blurt.sh

#buildinpublic #webdev #indiedev

🎯 CSS Battle Dimanche, 29 Mars 2026 - Costa Pacifica ! 🚢

En direct du pont 4 du Costa Pacifica ! 🚢
youtu.be/2G5Q97PiC_4
#CSSBattleChallenge #CSSBattle #CSS #codingLife #webdev #BoxShadow #CSSLayout #CodeGolfing #WebDevelopment #DailyChallenge #100Percent #cssinfrench

Image post

AnimGraphLab now has a dedicated color palettes page.

Website: https://animgraphlab.com/color-palettes

#animgraphlab #palette #colors #colorpalette #figma #adobe #illustrator #canva #inkscape #vector #graphicsdesign #webdev

Buy asequentialart a Coffee Become a supporter of asequentialart today!

#webcomics #webtoons #comics #webdev #webdevelopment
Fair warning. I'm gonna be very annoying with this in the coming weeks
ko-fi.com/asequentiala...

Mastering Next.js - 2. App Router <p>Objective: Go beyond the foundations. Master the App Router, Server Actions, and Database Integration by building a production-ready financial dashboard.</p><p>Course Overview</p><p>In <strong>Part...

🚀 Master Next.js App Router (v15+)! 🚀

Elevate your full-stack skills with my latest advanced course. From Server Actions to Azure deployment, build enterprise-grade apps. 🏗️💻

🔗 Join now: www.udemy.com/course/maste...

#NextJS #ReactJS #WebDev #FullStack #JavaScript #BuildInPublic #Router #App

Mockdown — ASCII Wireframe Editor Free browser-based ASCII wireframe editor. Design UI mockups, lo-fi prototypes, and text diagrams with drag-and-drop components — no signup required.

#Design #Tools
Mockdown · Sketch a UI and export it as Markdown ilo.im/16arpa by Mike Bespalov

_____
#Markdown #ASCII #Wireframes #AI #Chatbots #UiDesign #WebDesign #Development #WebDev #Frontend

ARIA: aria-disabled attribute - ARIA | MDN The aria-disabled state indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.

🦖 ARIA: aria-disabled attribute 🦖

developer.mozilla.org/en-US/docs/Web/Accessibi...

The aria-disabled state indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.

#webdev #Accessibility

Two bots walk into a bar... What happens when new AI meets old AI?

#Development #Fun
Two bots walk into a bar · ELIZA (1966) meets Gemini (2026) ilo.im/16bo5m by Raymond Camden

_____
#AI #Chatbots #Eliza #Gemini #Chrome #Browser #APIs #WebDev #Frontend #JavaScript

Comma operator (,) The comma (,) operator evaluates each of its operands (from left to right) and returns the value of the last operand. This is commonly used to provid…

🦖 Random MDN: Comma operator (,) 🦖

developer.mozilla.org/en-US/docs/Web/JavaScrip...

The comma (,) operator evaluates each of its operands (from left to right) and returns the value of the last operand. This is commonly used to provid…

#webdev #JavaScript

GitHub - NielsLeenheer/cssDOOM: A DOOM engine implemented in CSS A DOOM engine implemented in CSS. Contribute to NielsLeenheer/cssDOOM development by creating an account on GitHub.

And it works perfectly on Firefox Android. 🤘🏽🤘🏽🤘🏽

#css #webdev #oss #doom #gaming

https://github.com/NielsLeenheer/cssDOOM

Original post on toolsforthought.social

Yo, this is so cool. A recreation of the original DOOM rendered entirely with CSS. This isn't <canvas> or WebGL — every wall, floor, sprite, and effect is a styled DOM element positioned in 3D space via CSS transforms and preserve-3d.

Game logic written in js.

And it works perfectly on Firefox […]

Implementing a Search Engine Optimization Module for AWA Search Engine Optimization (SEO) is crucial for modern web applications, ensuring that content is discoverable and indexed by search engines. In this article, I will walk through how I implemented an

Learn how AWA’s SEO module auto-generates sitemaps in Ada—clean, efficient, and award-winning! 🚀 #Ada #WebDev

blog.vacs.fr/vacs/blogs/p...