Posts tagged: html

vanilla html hover text

2025-09-16T11:39:41Z

I needed to display some hover text in a web app that I am using tailwind and jinja on. It has no js, and no build other than the tailwind. I want this to remain simple. Turns out that you can use a span with a title attribute to get hover text in HTML.

<p>
I needed to display some hover text in a web app that I am using tailwind and
jinja on.  It has no js, and no build other than the tailwind. I want this to
remain <span style='cursor: help; color:yellow;' title='respective to the
python developer I am and the team it is used for'>simple</span>.
</p>

💭 Wes Bos on X: "CSS Anchors: flip a tooltip to the bottom when ...

2024-11-19T14:39:36Z

External Link

X (formerly Twitter) · x.com

These css anchors are crazy that you can do this with html and not a bunch of js, probably requiring a library or framework.

Note

This post is a thought. It’s a short note that I make about someone else’s content online #thoughts

💭 Render-blocking on purpose

2024-07-11T12:55:28Z

External Link

fullystacked.net

You can explicitly make a script render blocking, nothing will be rendered until this js is ready.

<script blocking="render" 
        src="important.js" 
        defer></script>

Note

This post is a thought. It’s a short note that I make about someone else’s content online #thoughts

💭 white-space - CSS: Cascading Style Sheets | MDN

2024-04-30T18:03:17Z

white-space - CSS | MDN

The white-space CSS property sets how white space inside an element is handled.

MDN Web Docs · developer.mozilla.org

html can preserve newline \n characters by styling an element with white-space: pre-wrap;

pre-wrap Sequences of white space are preserved. Lines are broken at newline characters, at
, and as necessary to fill line boxes.

Note

This post is a thought. It’s a short note that I make about someone else’s content online #thoughts

💭 How to Use HTML to Open a Link in a New Tab

2023-08-09T13:44:01Z

How to Use HTML to Open a Link in a New Tab

Tabs are great, aren't they? They allow the multitasker in all of us to juggle a bunch of online tasks at the same time. Tabs are so common now that, when you click on a link, it's likely it'll ope...

freeCodeCamp.org · freecodecamp.org

Most of the time when creating links in html you want to maintain the default behavior, as this is what users are going to expect, but sometimes your site behaves such that it does not fit, and it does something unexpected anyways. in this case you might want to make the default behavior to open the link in a new tab rather than relying on users to control click.

Use this with restraint as this can make your site feel janky and do things that do not feel natural to the web.

<p>Check out <a href="https://www.freecodecamp.org/" target="_blank" rel="noopener noreferrer">freeCodeCamp</a>.</p>

Note

This post is a thought. It’s a short note that I make about someone else’s content online #thoughts