The annual celebration of HTML, HTML Day 2025 is coming up on August 2.
"On Saturday, August 2nd, 2025, we'll be gathering in places around the world to write and celebrate HTML."
via https://xoxo.zone/@waxy/114921694060600175
#TheWeb #internet #IndieWeb #HTMLDay #HTMLDay2025 #html #PersonalWebsites #PoeticWeb
The Invoker Commands API is the new hotness for a declarative #HTML solution to the problem “click and see something happen!!”
However…
If we’re inside shadow DOM and the button being clicked is supposed to do a thing via its host component, then uh, nope. 🤨
Thankfully there’s always a workaround in the Wide World of the Web, so I’ve written it up and here it is!
😁 Yay for building directly on top of platform mechanics. 👏 #JavaScript #WebComponents #WebDev
https://thathtml.blog/2025/07/more-fun-with-invoker-commands-web-components/
More Fun with Invoker Commands and Web Components
This is a huge step forward for the vanilla web feeling like it’s a bona fide application development platform rather than a glorified document viewer.
thathtml.blog · That HTML Blog
Link author: 
Jared “Indie Social Web” White@jaredwhite@indieweb.social
Why and How to Write Minimal and Valid HTML, a Link Guide:
On using all of HTML’s features and ensuring that HTML code is error-free—two surprisingly underused and unpopular approaches to writing HTML.
https://meiert.com/blog/minimal-and-valid-html/
#webdev #html #minimalism #conformance #performance #optimization
A valid HTML zip bomb
Link: https://ache.one/notes/html_zip_bomb
Discussion: https://news.ycombinator.com/item?id=44670319
A valid HTML zip bomb - ache
<h1 id="a-valid-html-zip-bomb"><a tabindex="0" class="anchor" href="/notes/html_zip_bomb">A valid HTML zip bomb</a></h1><p><img src="/notes/res/zip_bomb_file.svg" alt="Illustration d'une bombe zip" height="150" width="150"></p><a href="/notes/html_zip_bomb"></a>
ache.one
Link author: 
ache@ache@mastodon.xyz
RE #introduccion
[Por mudanza de cuenta]
#Argentino, amante de la #tecnologia, del #automovilismo, #basket y de #musica escucho mas que nada Rock y sus variantes (mas cercanas, nada experimental jaja), Metal y Grunge.
Actualmente trabajo como developer para una empresa, principalmente me encargo del CRM, que esta hecho enteramente por mi en #HTML, #CSS, #JS, #PHP y #MySQL.
Tambien he hecho cosas en #Python para el trabajo, principalmente para IoT con una Raspberry.
Y fan de !
Show HN: The HTML Maze – Escape an eerie labyrinth built with HTML pages
Link: https://htmlmaze.com/
Discussion: https://news.ycombinator.com/item?id=44565004
I think you must clean your screen...
http://juhel-quentin.fr/art/dust-and-sneeze-stain/
#Myfirst #netart #HTML #CSS
Henlo frens, i have completed my basic studies of HTML and CSS with the help of a local school, now i begin studying Javascript.
But between the JS studies, i want to practice my HTML and CSS skills, what would be the best way to do that?
I believe that trying to clone existing websites would be a cool way to upskill. Do you know of any particular website(s) that i should try and clone as a beginner? I have once worked with cloning amazon.com.
What else can i do as well? I want to focus on styling and structure as well.
Tags: #WebDevelopment #AskFedi #HTML #CSS #javascript #boost
Time for a proper #introduction
Hi, the name's Sebin
I'm a dragon 🐲 from Germany 🇩🇪🍺🥨 working as a #webdev 👨🏻💻 
making websites look pretty with #HTML, #CSS and #JavaScript with #VueJS as my forte
💻 I'm using #archlinux 
btw, trying very hard not to break it while tinkering with it. #selfhosting rookie
🎮 old and new, among others #MegaMan, #Minecraft, #SimCity and critically acclaimed MMORPG #FFXIV
🎧 game #soundtrack, #synthwave, #chiptune, #fmsynth
Avid #GameGrumps fan
💡 CSS Tip!
You created a CSS shape using shape(), and you want to invert it? Easy! With a few lines of code, you have both the main shape and its cut-out version.
https://css-tip.com/invert-shape/
As a bonus, you can also control the space around the inverted shape.
When I have some time to kill, I'll make a Desktop Environment Framework using #NuxtJS with #NuxtUI and #SQLite.
In my mind: apps would work seamlessly between desktop environment, no matter the flavor.
The idea: Apps are processes, Desktop Bus ties Window to App, multiple Desktops (screens).
#WebDev #NAS #JavaScript #Framework #DesktopEnvironment #Programming #HomeServer #Nuxt #Desktop #Browser #Web #HTML #Development #WebDevelopment #FOSS #OpenSource #OSS
AMA: Ask Masto Anything
Eh not everything.
My question is to HTML and accessibility people:
Can we now happily use <input type="date"> or are the OS implementations of date pickers still too bad?
Basically, want to rip out date pickers because they're such an a11y minefield.
Thank you in advance!
another reason to potentially support https://goodinternetmagazine.com — it literally made me get carpal tunnel surgery!!!
become a free member, grab a physical copy, support more issues by buying an annual membership — these are the best ways to help and support!
#indieweb #SmallWeb #webdesign #webdev #html #coding #indie #zine #publishing #web #internet
I hate saying things which seem blindingly obvious, but when Famous People™ such as Theo on YouTube make these basic mistakes, I wonder. 🧐
So here you go:
`document.querySelector("# my-dumb-button").addEventListener(...)` is completely obsolete in the year 2025.
Never do that again please. You don't need to!
If you're wondering “well, what should I do instead?”, check the comments; we'll talk about what to do instead. Apparently it will BLOW YOUR MIND! 😂
💡 CSS Tip!
Do you know safe alignment? It's when you make sure your overflowing content is always fully accessible on scroll regardless of the alignment configuration.
https://css-tip.com/safe-align/
It's not something new but you are probably not aware about it.
Tomorrow I will give a presentation in #Helsinki about writing a native desktop app for #Linux with #Python and #GTK. I also heard that the event will be streamed.
I've been readying up my slides. I use free software, of course. #revealjs is a great #HTML based presentation framework. Diashows as code!
More info about my talk:
https://social.linux.pizza/@heikkiket/114635838071471464
#goodinternet news! my partner and i have been hard at work packaging magazines and shipping labels. a job he never signed up for. 🥲 we’re learning a lot of good mistakes (ones we won’t have to do again, thank goodness!) since neither of us are coming from e-commerce backgrounds, but the magazines are coming along great now. i’m hoping domestic subscribers will have theirs in their hand by the end of next week! (international is a bit less predictable, i’m sorry!)
we’ve also surpassed the initial print run in orders (!!) so we are waiting on the reprint to arrive for shipments of recent orders. i think at this point we’re looking at a 2-week turnaround from order time at the moment across all orders since launch. is that acceptable? good? not great? let me know!
the good news about this taking a bit longer is that i should have tracking numbers for all orders when we’re finished! when you receive your copy, be sure to post it on mastodon and spread the good word! :3
Hello everyone,
I'm Steve and I work mainly as a #frontend developer with a focus on #html #css #javascript and #accessibility.
I'm also a music nerd and #HotSauce lover and recently got back into the habit of reading #books. #VideoGames are also something that is dear to my heart.
Feel free to reach out if you want to talk about any of these topics. Welcome to the #FediVerse!
“Where to Put Focus When Opening a Modal Dialog”
https://adrianroselli.com/2025/06/where-to-put-focus-when-opening-a-modal-dialog.html
TL;DR: blanket statements about where to put focus when opening a modal dialog are wrong, including this one.
I just f**king used HTML and built my first modal with the native dialog element in a client project.
Damn that's nice. 😎
💡 CSS Tip!
Excited about the new if() function? Learn how to correctly use it before facing a lot of issues (and headaches).
https://css-tip.com/inline-if/
The code below looks straightforward, but there is a hidden gotcha! 🤨
📝 New CSS Article!
The fun continues using shape()!
For this second part, we are drawing more CSS shapes while exploring the arc command. It's a very tricky command if you don't fully understand it.
https://css-tricks.com/better-css-shapes-using-shape-part-2-more-on-arcs/
For this month's IndieWeb carnival on “small web communities,” I'm thinking about lowering the barrier for web independence and freedom
I talk through some possibilities to make it easier to make your own site even if you don't have much/any coding experience:
wow I don't even know `<data>` HTML tag exists https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/data
this is it -- GOOD INTERNET magazine is LIVE, BABY~ 🥂 🎊 🥳
https://goodinternetmagazine.com/
https://goodinternetmagazine.com/
https://goodinternetmagazine.com/
i present the spring 2025 issue of GOOD INTERNET, featuring stories by 
@binarydigitLiz ❤️🩹, 
@internetarchive, 
@Leilukin, 
@gregGreg Sarjeant, 
@surprisetalktaylor.town, and SO MUCH MORE!
with only 6.5 hours to go before my surgery, the website is now launched! you can order physical or digital copies of the magazine! :) there are some initial stories on the website now, but more are coming over the next week, so keep an eye on your RSS feeds!!
‼️quick note: pre-ordered print editions will begin shipping out this week (!!!) and digital editions will go out this week as well to emails!
🙏 THANK YOU SO MUCH to EVERYONE who helped with this. thank you to the contributors (like 
@robbRobb Knight/ @echofeed, & 
@adamAdam Newbold 
/ 
@omgdotlolomg.lol 
). thank you to the writers, thank you to everyone who thought about this project, shared it with others, and got the word out. i am so so so stoked to bring y'all this.
🕛 issue 2 is in the fall! :) get your submission ideas in!!
#html #css #web #indieweb #smallweb #socialmedia #internet #enshittification #website #webdev #webdesign #neocities #indie #zine #coding #code #personalweb #blog #blogging
shape() + Anchor Positioning + some magic 🪄
Demo: https://codepen.io/t_afif/full/PwqwOYz via 
@codepen
A CSS-only fancy effect for this week #CodePenChallenge
@kyrylosilin My totally serious response to justfuckingusehtml.com:
curl https://justfuckingusehttp.com
(the URL has to have https://, Mastodon just doesn't display it...)
On Windows you can use this command:
(Invoke-WebRequest https://justfuckingusehttp.com/).Content
📝 New CSS Article!
It's me again exploring the new shape() function! ⭐
This time, I wrote a series of articles to help you understand this new and powerful tool and the first part is live 👇
https://css-tricks.com/better-css-shapes-using-shape-part-1-lines-and-arcs/
💡 CSS Tip!
Create an arc shape with rounded edges using shape() and arc commands. Another shape made easy using shape() (I know, it's a lot of "shape" in the post 😅)
https://css-tip.com/arc-shape-rounded/
And look at that if() statement 👀
The Hidden Gold of Web Accessibility: Everything About ARIA Labels
Code & development
Dive into ARIA labels for web accessibility and enhance your skill set. Unveil their potential, discover best practices, and how to avoid pitfalls.
✏️ https://www.a11y-collective.com/blog/aria-labels/
#webdev #aria #frontend #a11y #web #css #html #label #accessibility #code
📝 New CSS Article!
My first article about using shape() is live. I am officially a shape() spammer so get ready 🫣
https://frontendmasters.com/blog/creating-flower-shapes-using-clip-path-shape/
Learn the "arc" command by creating flower-like shapes.
Greetings to all #JavaScript #HTML #CSS #SVG #HTTP #Accessibility #webdev #mdn developers and enthusiasts.
I'm a bot, now on a new instance at https://front-end.social/! If you're already following, the transition should happen automatically. However, if you have any bookmarked posts, I recommend re-bookmarking the direct links to articles in your browser for safe keeping.
Starting December 15th, the original instance will no longer be active. I'll send a reminder before then.
…
I've just finished reading this blog post regarding the markdown Syntax by RL Dane
He is also given a brief history of the Computing Hardware and software that he has used ever since he was a little Padawan.
The blog post is just a few minutes to read and you shall learn something good from it.
TLDR is; use {smackdown} markdown for everything you write that needs formatting and be truly platform independent in your formatted text creation.
When you truly understand what he means, it is literal total freedom with formatted text and you don't even need to learn tex or LaTeX, since you will not be writing a book.
When you do that you will have to read my posts regarding tex and LaTeX, and those are blog posts I haven't released.
For me markdown has been important, ever since I was working on waffle bulletin boards many many decades ago
*Bold* _underline_ /italic/ was the syntax that we used back then.
Our waffle bulletin board had a special text formatting routine which Made these codes look like they were actually bold underline and italic when we were viewing those emails.
On the #AmIRC channel on Dalnet we also had a formatting routines for our clients, mine was AmIRC that converted these codes in a similar fashion.
So in true Essence markdown has been with us for a very very long time; we just didn't call it markdown then but we made sure that our text formatting had nothing to do with the computer platform we happen to be typing on.
https://rldane.space/why-i-love-markdown.html
The @codepen logo using the new shape() function.
https://codepen.io/t_afif/full/JoovLam
Do you think SVG is hard? Wait until this beast becomes widely supported 😈
And here is the CSS logo made with the shape() function.
Demo: https://codepen.io/t_afif/full/JooZWMq via @codepen
Take a deep breath before looking at the code 🫣
The @codepen logo using the new shape() function.
https://codepen.io/t_afif/full/JoovLam
Do you think SVG is hard? Wait until this beast becomes widely supported 😈
今年のWebコーディングスクールの募集を開始しました！ スクールのページもリニューアルしましたので、ぜひご覧ください。
Web制作の基礎から学べる「Webコーディングスクール」をオンラインと渋谷で開催します
https://stocker.jp/diary/web-coding-school/ #HTML
Edit : I found my internship, thank you everyone for reposting :)
Just migrated from my mastodon.social account to the post.lurk.org instance (thank you 
@rra𝓻𝓻𝓪 for the invite and the ressources 
) So... here is my little #Introduction post (also a post of me searching for an internship lol) :
Hi, I'm Zineb, I am a moroccan girly pop who loves to code, to draw and to sing :3
Currently in the first year of my Master's degree in Communication at the Ésac art school in Cambrai (france), I'm searching for an #internship in the field of #graphicdesign, especially with collectives enthusiastic about #webtoprint and #opensource tools (like me!).
I mainly code with #HTML and #CSS, and I am currently learning #javascript.
I can speak fluently french, english and arabic. I also have some basic knowledge in spanish.
In terms of location, I'm seeking an internship in #Belgium, the #Netherlands, #Germany or the region of Paris.
(Oh, forgot to mention that I can have an erasmus/internship grant 
)
Here's the link to my website: https://zinebammar.neocities.org/
retooting is helpful <3
My currently Subscribed #HashTags: (part 1)
#ActionScript
#Chiptune
#ChronoTrigger
#ComputerHistory
#CSS
#DemoScene
#DOS
#Earthbound
#Emulation
#FanArt
#FunnyMemes
#Gameboy
#GameDesign
#GameDev
#GameHistory
#GeorgeCarlin
#GhostTrick
#HowToMast
#HTML
#IndieWeb
#InternetArchive
#LSDJ
#Macintosh
#MastodonEtiquette
#MastodonTips
#Meme
#Metroid
#MSDOS
⚙️ New CSS Generator
It's finally possible. A blob shape using only CSS! 🤩
https://css-generators.com/blob/
Play with the setting and get a cool shape in no time.
✅ Single element (works with images)
✅ One line of code
✅ Responsive
⚠️ Limited support (Chrome and Safari for now) ⚠️
🎬 new on Lessons of a CTO: the Invoker Commands API, an exciting upcoming Web Platform API you’ve probably not heard of yet.
Okay, seems like the in thing to do, so here’s my #introduction
#Media #experience:
#Photography
#Audio #Editing
#Video #Edit
#HTML
#DesktopPublishing
#Layout
#PrePress
#Journalism
#Communication worker
#PrintShop manager
#PageDNA
My #interests
#StarTrek
#StarWars
#Disney
#RoadTrip
#Scenic & #Landscape & #Vanity #LicensePlate #Photography
And here is the code to generate any polygon shape with rounded corners!
https://css-tip.com/rounded-polygon/
Update the variables then get your code (There is another variation using CSS variables as well).
I updated my online generator to add the radius option! The easiest way to generate regular polygons with rounded corners.
https://css-generators.com/polygon-shape/
And look at that border-only version! 🤩
Every now and then when my blog gets attention, *especially* when the "How Decentralized Is Bluesky Really" post came out, you get a bunch of people complaining that the site looks like it was designed 20 years ago (it was)
@mkljczkmikołajczyk, podobno made a "more modern version" of my blog https://mkljczk.pl/uploads/how-decentralized-is-bluesky/
Compare to the original https://dustycloud.org/blog/how-decentralized-is-bluesky/
Big step up!
@cwebberChristine Lemmer-Webber @mkljczkmikołajczyk, podobno
I would call this „old school“ 😍💪 and it's a stamp of quality from the bygone golden days of web design and -publishing. Back then it was simple, noble and classic design and code. After years of Joomla and Wordpress I'm circling back to #FlatFileCMS, #RSS, #HTML and #Markup - and I love it! 🥰
@
@
🍵
