#html

They just released Google Chrome V150, and it comes with border-area (among many other cool things). What's border-area? The magic value to create gradient borders easily. https://css-tip.com/border-gradient/ Two lines of code and you are done! 🤩 #CSS #HTML

English is not my native language, please excuse any mistakes! 🦋

Hi everyone! 🪐🦋 I'm in my early 40s (f), I like questioning things, and I'm looking for honest, down-to-earth conversations away from the usual social media noise.

I'm currently learning #CSharp and #HTML, and I'm fascinated by #robotics and #AI. 🤖

I love nature, the night sky, wolves and butterflies. My hobbies include drawing (digital and analog) and photography. 🎨📷️

My profile and header images are my own artwork! 😊 #MastoArt

My heart also beats for #fantasy, #scifi and #comedy in movies, TV shows and books; and musically for #Hardstyle, #Frenchcore and #oldschool. 🎧️💥

I'm looking forward to meeting nice people around my age! 💙

#NewHere #Introduction #FediFriends

Hallo zusammen! 🪐🦋 Ich bin Anfang 40 (w), hinterfrage gerne die Dinge und suche einen ehrlichen Austausch auf Augenhöhe. Ich lerne gerade #CSharp & #HTML und fasziniere mich für #Robotik und #KI.🤖 Ich liebe die Natur, den Sternenhimmel, Wölfe und Schmetterlinge. Zu meinen Hobbies zählen zeichnen (digital und analog) und fotografieren.🎨📷 Mein Profil- & Titelbild sind selbstgemacht! 😊 #MastoArt Außerdem schlägt mein Herz bei Film / Fernsehen und Büchern für #Fantasy , #SciFi und #Komödien; und musikalisch für #Hardstyle, #Frenchcore und #OldSchool. 🎧💥 Ich freue mich auf nette Kontakte in meinem Alter! #NeuHier #FediNachbarn #Introduction

a11y question: Let's suppose I have an empty html element somewhere on the page with 0 content, invisible*, having position:absolute (or fixed). It has no purpose in the HTML (only used for some CSS stuff).

Is it a good idea to add the "inert" attribute? Or should I do nothing?

• It may or may not have a size, but no style to make it visible.

#A11y #HTML

Ever wanted to move a password or small file from one device to another, without those pesky electromagnetic waves disturbing your zen? With the latest molecular vibration technology, you can! Try it now at https://vrugtehagel.nl/transmit/ ! ...that is to say, I built a #handmade #noai #webdev thing with regular ol' #html #css and #javascript , the thing is now done, and it's not very useful but I love it anyway and I hope it sparks some joy in others, too!

Bonjour à toutes et tous. #JeChercheUnJob sur #Strasbourg ou en #Teletravail . Je peux justifier de plusieurs Bac+2 et Bac+3, de trois ans d'XP en alternances en agences #Web où j'ai fait du front ( #HTML #CSS #Javascript #Bootstrap #jQuery ) comme du back ( #PHP #Symfony ), et de deux ans en CDD dans un service public où j'ai surtout fait du back ( #Python #Django ). Le détail est ici https://www.carlospiga.fr/ Je peux apprendre à me servir d'outils et frameworks qui en dépendent au besoin. Je vise un poste de #Developpeur mais suis ouvert à d'autres intitulés. J'ai une #RQTH pour trouble de la communication. #Introduction #JeChercheUnTaf #Emploi

I’ve never been a Digital Ocean customer. But they’re really taking a nose dive right now. First, they offer healthy financial support for the fascist Linux project, otherwise known as Omarchy. Now they’re killing one of the best CSS resources around, @csstricks@mastodon.social. How are they killing it? Well, they’re giving SO much money to fascism that they can no longer afford the small potatoes of a CSS community knowledge base. As @eric@social.ericwbailey.website points out, so many of us front-end developers are indebted to CSS Tricks. The authors there have been invaluable to my own skillset. https://ericwbailey.website/published/css-tricks-could-be-a-co-op It’s painful to see this kind of thing happening. I hate fascism and death by capitalism. #DigitalOcean #Omarchy #CSSTricks #CSS #HTML #FrontEnd #Code #Development #Design #Hosting #Capitalism #Fascism

@jalefkowit@hachyderm.io the Toolbone allowed you to drag+drop the function icons around and change the order. The idea is to whimsical rather than stick with the staid MS defined toolbars. Kia power tools was probably the inspiration for this with it’s organic shaped menues. The graphic artists (Chris and Fabio) used Macs and the dev teams and software were all Wintel focused. #SausageSoftware / #HTML / #HtmlEditors / #www

This feels like a naive question but reading about using div or not, the reasons I could find in blogs and such were mostly talking about complexity. Which I have experienced and do understand.

What I don't really get though is structurally how do you accomplish layouts then? My (wrong) assumption was that divs were somehow required for this. Using (i think this is the term) semantic elements like header, nav, article, footer you can accomplish a layout.

Right. So how then do I have a two column layout then? as in header and footer sandwiching a 20:80 columnar layout, or similar?

I suppose this is expressed with css and selectors? So then with css, you chose flexbox, grid, or float. On mdn and w3chools I found how these all work but not really why or why not to chose any one of them.

Part of my hangup on this is that I truly want a simple html layout but I also want to understand why it works the way it does. Since ya, I got a nav by some article elements but for example if there are more than one article the alignment shifts past the nav on the second article. Why? In my mind this would be oh because you also need these to be in some container, a div, which appears to be maybe the answer?

Any links or comments would very much be welcome.

#html #css #webDev

“… if the page is primarily an article, I don’t see much benefit in making the browser reconstruct something that could have been HTML from the beginning.” Vilciņš, Ronalds. Why I Still Build Static Websites in 2026. Blog post. 2026-08-29. https://ronaldsvilcins.com/2026/08/29/why-i-still-build-static-websites-in-2026/ #WebDev #HTML

Sometimes you look at an old HTML document and see some weird tags and snippets from bygone eras. I’ve compiled many legacy HTML bits I’ve noticed and documented what they were and why there were present. Many of them are rather obscure. Satisfy your curiosity: https://vale.rocks/posts/html-relics #WebDev #HTML

Hmm, but why don't the / #HTML elements support style or class attributes? Would be way more useful than just width. I suppose I could do it with plain #CSS using tr > .nth-child(x), but then as far as I know I have to re-implement all the markup for various width breakpoints.

Happy HTML Day! Maybe you don’t have time to write a whole HTML document today. That’s ok. Let’s write the HTML for a link! Link to your website or any website you want. Make Your Own Website #HTMLDay2026 #HTML #HTMLDay #SmallWeb #Websites

Piratas del sud, entusiastas del software libre ;) Este sábado nos encontramos para escribir y compartir juntes #html Más info sobre el encuentro: https://html.partidopirata.com.ar/ En #Bariloche, nos juntamos en la Biblioteca Popular Aime Paine, desde las 16:00hs. (Con @librenauta@mastodon.social ) 0 .|\ _|_\_ \☠__/ ~~~~~ #bariloche #barca_furilofche #html

💡 CSS Tip! After corner-shape, shape(), and border-shape, another feature is available to play with: rounding polygons. https://css-tip.com/rounded-shapes/ You create a polygon, add a radius value at the beginning, and you have a shape with rounded corners! #CSS #HTML

Im looking for a design pattern to make an image gallery without any javascript. the gallery should support "n" number of images, and offer a modal on click. Boosts and recs welcomed. #webdev #indieweb #smallweb #html #nojs #css #frontEnd

Stupid #a11y question.

What is best to use for each release of a discography page?

Each release element contains the cover art, album name, release date and type (full-length studio album, single, live, etc.).

Should this element be a figure with the text info in the figcaption?

Should it be an article with the name being a heading?

Should it be a li?

What is best? Any good resources on this?

#accessibility #html

@SELFHTML hat neue #spickzettel für #html #css und #Flexbox entwickelt. https://blog.selfhtml.org/2026/jul/26/spickzettel-zum-schnellen-nachschlagen #selfhtml

Ya salió el último número de la revista de @texto-plano@soc.texto-plano.xyz, que incluye un pequeño artículo que hice sobre cómo crear un microblog minimalista usando HTML y un script Bash: Número 7: https://texto-plano.xyz/revista/007/ #textoplano #texto-plano #zine #revista #bash #html #smallweb #oldweb #indieweb

Just your friendly reminder that every web page begins with HTML, and you therefore easily can block everything from websites you don't want to support. Add a simple entry to your uBlock Origin “My Filters” tab like x.com##html and links to x.com statuses will no longer load. No bandwidth wasted on “login to read”. There are DNS related methods even more thorough, but the uBlock filter is just so very handy. #socialmedia #ublock #privacy