Search results

Just Use HTML

Link: https://gomakethings.com/just-use-html/
Discussion: https://news.ycombinator.com/item?id=45261480

#html

By correctly understanding all the alignment mechanisms, you can unlock "secret" ways to center an element inside a container.

Demo: https://codepen.io/t_afif/pen/dPYBPGm via @codepen.io

flex-wrap and space-around?! Yes, it's valid and it works!

Don't miss my exploration for more alignment tricks: https://css-tip.com/explore/alignment/

#CSS #HTML

Imagine a web page that loads instantly, deploys effortlessly, and never needs a security update.


https://joeldare.com/why-im-writing-pure-html-and-css-in-2025 #webstandards #html #css

Is it just me? Keyboard focus is completely broken by placing a <details> inside an element with popover. Browsers each break it in their own way #HTML

Is your website missing out on one of #HTML’s easiest yet most powerful tools? The lang attribute takes just seconds to add, but it makes a massive difference for #accessibility, SEO, and how your content displays. @webi18nW3C Internationalization, i18n

In this video, @xfqFuqiao Xue, who leads @w3cWorld Wide Web Consortium's #Internationalization activity, breaks down exactly what the language attribute does and demonstrate why skipping it can have real consequences. @webi18nW3C Internationalization, i18n

🎬 https://youtu.be/G3OwTPJo_Kw

Definisjonsliste, type HTML

Fra HTML-standardens eksempler for dl-elementet

Café ou Chocolat Liégeois

3.50 <data itemprop="priceCurrency" value="EUR">€</data>

2 boules Café ou Chocolat, 1 boule Vanille, sauce café ou chocolat, chantilly

Américaine

3.50 <data itemprop="priceCurrency" value="EUR">€</data>

1 boule Crème brûlée, 1 boule Vanille, 1 boule Caramel, chantilly

eller

Apartment, n.

An execution context grouping one or more threads with one or more COM objects.

Flat, n.

A deflated tire.

Home, n.

The user’s login directory.

@nixCraftnixCraft 🐧 Hm.
<3h later> 💾 💻

I wrote myself a "tool" using 3 languages (all #C none C#)-based to resolve and translate "proficient" to my language.

Then I nodded & smiled, while inventing `$poems-o-code` in whitespace-and-esoteric-languages: brain-and-🤪f*ck
meets Shakespeare;

https://github.com/imihajlow/emojifuck/blob/master/examples/hello.bf

Slowly coming down: From Python to Perl to Ba(t)sh - then Markup, then -down, #HTML 1-2-3-4-5 #css3 even #SVG then
{ pause(); }

Eh...
> What was your question again?
> 🤓 😎 ❓

Screenreader HTML support look up app

#HTML #screenReaders #Webstandards

cc/ @kazuhito

https://html5accessibility.com/stuff/2025/09/08/screenreader-html-support-look-up-app/

Pico CSS – Minimal CSS Framework for Semantic HTML

Link: https://picocss.com
Discussion: https://news.ycombinator.com/item?id=45161855

#css #html

"One notable difference between #X11 and #W3C is the case of “Gray” and its variants.

In #HTML, “Gray” is specifically reserved for the 128 triplet (50% gray). However, in X11, “gray” was assigned to the 190 triplet (74.5%), which is close to W3C “Silver” at 192 (75.3%), and had “Light Gray” at 211 (83%) and “Dark Gray” at 169 (66%) counterparts.

As a result, the combined #CSS 3.0 color list that prevails on the web today produces “Dark Gray” as a significantly lighter tone than plain “Gray”, because “Dark Gray” was descended from X11 – for it did not exist in HTML nor CSS level 1 – while “Gray” was descended from HTML." #til #Gray #DarkGray #Grey

🆕 blog! “What about using rel="share-url" to expose sharing intents?”

Let's say that you've visited a website and want to share it with your friends. At the bottom of the article is a list of popular sharing destinations - Facebook, BlueSky, LinkedIn, Telegram, Reddit, HackerNews etc.

You click the relevant icon and get taken to the site with the…

👀 Read more: https://shkspr.mobi/blog/2025/08/what-about-using-relshare-url-to-expose-sharing-intents/
⸻
#HTML #standards #webdev

Dear Mastodon,

I am writing to tell you all about my wonderful and brand new HW HTML Drafting Project. It is an #opensource #HTML drafting software that works directly inside of the browser. It is available on GitHub at:

https://github.com/dckimMysteryAuthor/HW-HTML-Drafting-Project

It is also available in the form of a full featured demo at both:

https://dckim.com/HW_project_online.html

and

https://HDUB.neocities.org

It's a wonderful program used to draw HTML just like a traditional drafting program.

Keyboard Like VI, Drag Images In

-dckimGUY

@raiderrobertRobert Roskam I guess it's rather that I'm collecting new languages, depending on the problem at hand.
I.e. while I still do lots of #C coding for efficiency at runtime, now #Python is entering for efficiency during development time.
Then there is all that web stuff (#HTML, #CSS, #JS, and still #PHP as backend) for interactive display.
And since about five years Verilog for #FPGA programming.

I wouldn't call any of these a "permanent" change.

Show HN: JavaScript-free (X)HTML Includes

Link: https://github.com/Evidlo/xsl-website
Discussion: https://news.ycombinator.com/item?id=44988271

#html #javascript

What about using rel="share-url" to expose sharing intents?

https://shkspr.mobi/blog/2025/08/what-about-using-relshare-url-to-expose-sharing-intents/

<html><head></head><body>

Let's say that you've visited a website and want to share it with your friends. At the bottom of the article is a list of popular sharing destinations - Facebook, BlueSky, LinkedIn, Telegram, Reddit, HackerNews etc.

You click the relevant icon and get taken to the site with the sharing details pre-filled.

The problem is, every different site has a different intent for sharing links and text. For example:

• https://www.facebook.com/sharer.php?u=…&t=…
• https://www.linkedin.com/sharing/share-offsite/?url=…
• https://bsky.app/intent/compose?text=…
• https://www.threads.net/intent/post?url=…&text=…
• https://www.reddit.com/submit?url=…&title=…

As you can see, some only allow a URL, some text and a URL, and some just a plain text which could contain the URl. A bit of a mess! It's probably impossible to get every site to agree on a standard for their sharing intent. But there could be a standard for exposing their existing sharing mechanism.

That's the proposal from Ben Werdmuller with "Share Openly".

ShareOpenly knows about most major social networks, as well as decentralized platforms like Mastodon, Bluesky, and Known.

However, if ShareOpenly is having trouble sharing to your platform, and if your platform supports a share intent, you can add the following metatag to your page headers:

<link rel="share-url" href="https://your-site/share/intent?text={text}">

Where https://your-site/share/intent?text= is the URL of your share intent.

The special keyword {text} will be replaced with the URL and share text.

I think that's a pretty nifty solution.

For sites which take a URl and an (optional) title, the meta element looks like:

 HTML<link rel="share-url" href="https://www.facebook.com/sharer.php?u={url}&t={text}"><link rel="share-url" href="https://lemmy.world/create_post?url={url}&title={text}">

For those which only take URl, it looks like:

 HTML<link rel="share-url" href="https://www.linkedin.com/sharing/share-offsite/?url={url}">

It's slightly trickier for sites like Mastodon and BlueSky which only have a text sharing field and no separate URl. The current proposal is just to use the text. For example

 HTML<link rel="share-url" href="https://bsky.app/intent/compose?text={text}">

But it could be something like

 HTML<link rel="share-url" href="https://mastodon.social/share?text={text}%0A{url}">

What Next?

The HTML specification has this to say about adding new link types:

Extensions to the predefined set of link types may be registered on the microformats page for existing rel values.

Adding to that page merely requires a formal specification to be written up. After that, some light lobbying might be needed to get social networks to adopt it.

So, I have three questions for you:

1. Do you think <link rel="share-url" is a good idea for a new standard?
2. What changes, if any, would you make to the above proposal?
3. Would you be interested in using it - either as a sharer or sharing destination?

Please leave a comment in the box - and remember to hit those sharing buttons!

</body></html>

#HTML #standards #webdev

Just sharing the very bare-bones script I use to make static websites from markdown files. Currently use this for both the https://httpd.rocks and https://openbased.xyz sites:

https://codeberg.org/btxx/mdhtml

#markdown #html #web

Hello!

I am an artist and professor of Creative Technologies at Virginia Tech. In my work, I focus on the ways technologies of visualization and control intersect with and threaten #trans lives.

I work in #creativecode, #sculpture, #writing, #artistbooks, and more. Lately I have been doing a lot of #webdev for my projects and in my teaching.

Earlier this year, I combined my #HTML / #CSS / #JavaScript teaching resources into a single (free and open) site that I am really proud of:

https://byhand.website

I am also interested in #horror, #scifi, #solarpunk, #permacomputing, #historyoftechnology, #transstudies, #maps, #archives, #zines, and #ttrpgs.

#introductions

Show HN: PlutoPrint – Generate PDFs and PNGs from HTML with Python

Link: https://github.com/plutoprint/plutoprint
Discussion: https://news.ycombinator.com/item?id=44966170

#python #html

Chrome intends to remove XSLT from the HTML spec

Link: https://github.com/whatwg/html/pull/11563
Discussion: https://news.ycombinator.com/item?id=44952185

#chrome #html

Web apps in a single, portable, self-updating, vanilla HTML file

Link: https://hyperclay.com/
Discussion: https://news.ycombinator.com/item?id=44937991

#html

I published a couple of YouTube shorts with 1-minute CSS/HTML tips and tricks. They are vertical versions of previous non-short movies.

Accent-color: https://www.youtube.com/shorts/KyVeQ1FTwOg

Theme color: https://www.youtube.com/shorts/_Ru5hHCxqQc

My wife will record some voice over later... something tells me those will be more successful than these ones that are only instrumentals with some jazzy music 😅

#html #css #video

The new integrated Markdown parser I’ve been implementing in Kitten has been kicking my ass for the past few weeks but I think I finally have it fully working and seamlessly so. Expect a new release this/next week that brings the parsing of Markdown pages (.page.md files) in your apps up to the standard of the recently-improved runtime Markdown parsing in Kitten HTML tagged-template strings (within `<markdown>…</markdown>` blocks).

The coolest thing is I was able to implement this without introducing any new syntax. In fact, I was able to simplify things so that you can now add arbitrary JavaScript to your Markdown pages within a multi-line script block in the YAML front matter (`script: |`) and use JavaScript string interpolation syntax in your Markdown (and, of course, Kitten components and conditionals, which, themselves, rely on string interpolation).

The only place where you have to deviate from standard Markdown in your Markdown pages is if you have JavaScript string interpolations or Kitten components/conditionals in code fences within your Markdown. In that case, you’ll have to escape them (e.g., `<\${Component} />`, `\<if \${something}>something\</if>`, etc.). And, to be fair, the person most impacted by this is likely me as the Kitten documentation at https://kitten.small-web.org is written in Kitten so I had a lot of escaping to do. But for any other use case, it means that things should just work and work exactly as they do in JavaScript pages (page.js files).

Anyway, so this is going to be a breaking change so I thought I’d give you (the three of you playing with Kitten right now?) a heads up. Of course, I’ll be updating the documentation to reflect all this.

(Remember, Kitten is in pre-release and it’s the framework I’m building/using to create Catalyst – the Small Web hosting solution – and Yarn – a small web – peer to peer – personal site app. So Kitten isn’t the means, not the end. And, at least until the Version 1 API freeze, things can and will break. That said, there’s nothing stopping you from playing with it now and, to be fair, at this point, such breaking changes should become rarer and rarer).

💕

#Kitten #SmallWeb #SmallTech #web #dev #Markdown #JavaScript #HTML #CSS #JavaScript #NodeJS

In the past, Safari folks moved on the pile of `display` bugs after I started filing web compat PRs to change support notes.

Trying these as bug reports first, before I make PRs to change support:
• https://github.com/mdn/browser-compat-data/issues/27443
• https://github.com/mdn/browser-compat-data/issues/27444
• https://github.com/mdn/browser-compat-data/issues/27445
• https://github.com/mdn/browser-compat-data/issues/27446

#HTML #Safari #accessibility #a11y

6 months and no acknowledgment (still marked as NEW) nor visible activity…

Bug 286267: AX: VoiceOver does not announce text preceding some phrasing elements
https://bugs.webkit.org/show_bug.cgi?id=286267

And it got worse since I reported it in January.

#HTML #Safari #a11y #accessibility

How to safely escape JSON inside HTML SCRIPT elements

Link: https://sirre.al/2025/08/06/safe-json-in-script-tags-how-not-to-break-a-site/
Discussion: https://news.ycombinator.com/item?id=44842442

#html

I’m a little bored with my site’s appearance, but also couldn’t think of one look that would be better, so inspired by (maga)zine layouts and other people’s beautiful sites, I’ve tried to give myself more flexibility to try out ideas, good and bad.

https://www.henryleach.com/2025/08/and-now-for-something-completely-different/

#HTML #CSS #Blog #IndieWeb

I would love to organize another edition of HHTML (Hamburg HTML Meetup). I'm a bit unsure how :) Last times it often was like it could easily fill a whole day of topics. An unconference format would maybe be a cool thing. #hamburg #html

How to hide HTML element A from ScreenReader but let i be accessible to keyboard users?

Tools to check #Accessibility nag me, telling it is not allowed to use HTML like this:

<a href="/" aria-hidden="true">Read more…</a>

Solvable problem?

#FollowerPower #Accessibility #ARIA #WAI #HTML #WebStandards #ScreenReader

It's #HTML day, so why not bookmark these screen reader HTML support tables for future reference:
https://github.com/TetraLogical/screen-reader-HTML-support

HTML-in-Canvas

Link: https://github.com/WICG/html-in-canvas
Discussion: https://news.ycombinator.com/item?id=44772177

#html

Web Components: Working With Shadow DOM, by @smashingmagSmashing Magazine:

https://www.smashingmagazine.com/2025/07/web-components-working-with-shadow-dom/

#webcomponents #shadowdom #dom #html

Make any website load faster with 6 lines of HTML

Link: https://www.docuseal.com/blog/make-any-website-load-faster-with-6-lines-html
Discussion: https://news.ycombinator.com/item?id=44747241

#html

🚧 Just rebuilt my personal site from scratch!
⚙️ Powered by #Hugo
🌐 Hosted on #CloudflarePages (for free!)
📁 Code on #GitHub
💬 Thanks to #ChatGPT for squashing syntax bugs 😅

Felt great to jump back into #HTML, #CSS, and #Markdown!

👉 https://AlwynSoh.com

#WebDev #IndieWeb #DevLife #BuiltWithHugo #SelfHo

The HTML Hobbyist

Link: https://www.htmlhobbyist.com/
Discussion: https://news.ycombinator.com/item?id=44733119

#html

💡 CSS Tip!

Create an infinite logo marquee using modern CSS and less than 10 lines of code.

https://css-tip.com/logo-marquee/

Where's the novelty, you might ask? It's responsive, works with any number of images, doesn't rely on magic numbers, and you can easily control it using CSS variables.

Another use case for modern CSS features (shape(), sibling-index(), sibling-count(), etc).

#CSS #HTML

Just redesigned/rebuilt by personal website with #Astro and I'm super pleased with it, especially the fonts and the experimental "breadcrumbs-only" style navigation https://daniel-saunders.com

Warning: no dark mode yet so shield your eyes lol
#css #html #webdev

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/

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

#html

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

#html

I think you must clean your screen...
http://juhel-quentin.fr/art/dust-and-sneeze-stain/
#Myfirst #netart #HTML #CSS

Announcing the boringly-named but excitingly-modern *blackspike astro landing page* – A free @astro theme made with #Tailwind 4 and cutting edge #HTML, #CSS and #Astro features. Includes free Figma file!

https://www.blackspike.com/blog/blackspike-free-astro-tailwind-theme/

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