22 Tweets about
html first
Show Topics

“Switches are a popular control on mobile platforms as well as in a large variety of UI frameworks, but until now they were not built into the web platform. Seeing the widespread need for this control we decided to change that.” webkit.org/blog/15054/an-…

Saved to html first
Today

TIL the anchor positioning CSS proposal allows you to anchor to pseudo-elements aswell as "real" elements. Meaning you can build a tooltip for a range input's value really easily. You'll need Chrome with experimental web platform features flag to try it jsfiddle.net/rqdy693w/

Saved to html first
Today

So good. This here is the level of self awareness all technical people should aspire to. It takes introspection like this to actually improve computers, since most people who happily tolerate esoteric tools usually forget how much pain they went through to become proficient.… twitter.com/i/web/status/1… pic.twitter.com/EEM0QH31wI twitter.com/todepond/statu…

tylerangert tweet image

#HTML tip for today: <ol> element has `start` and `reversed` attributes! Where it can be useful: `start` → paginated results `reversed` → "top 10 best ... " lists pic.twitter.com/cexO6YW8iJ

Saved to html first
1 day ago

htmx is a recent discovery for me and I'm amazed. I think about it as "HTML pro", because it lets HTML be so useful and such a central part in how we build Web Applications. Without adding any complexity at all, with a declarative approach. What HTML could have been.

12 days ago

Virtually every #nobuild front end made with vanilla HTML and CSS within the last thirty years still runs as designed in modern browsers. And requires no upkeep, no version thrashing. It’s an incredible achievement. Bet on the browser when you can. twitter.com/mscccc/status/…

Saved to html first
14 days ago

Skewed infinite carousel w/ vignette effect ✨ Built entirely with @tailwindcss – zero JavaScript required. Live demo & code 👇 pic.twitter.com/nJE8gjaKSZ

Saved to html first
14 days ago

This is weird but I'm starting to like making web stuff with just HTML/CSS and vanilla JavaScript No packages No webpack No typescript

Web development has lost its way. The world is mired in a swamp of complex tools and patterns created by those who refuse to see how simple the web could be. It’s so bad that we refuse to see a way out. I want to build a web that’s rooted in the fundamentals.

Here’s a helpful graphic for when you hear “modal” or “dropdown” yet another time 💀 pic.twitter.com/E7zzmUhyQo

vladyslavmoroz tweet image
Saved to html first
15 days ago

Can we just go back to raw HTML, CSS, and Javascript?

Saved to html first
16 days ago

CSS Anchor + popover attribute = Magic🧙🏻 1️⃣Auto-follow the tooltip in `input type=range` 2️⃣Avoids being cropped by `overflow:hidden` Now the only thing we're missing is how to trigger the popover on the input without using JS. github.com/whatwg/html/is… Demo codepen.io/yisi/pen/jOJWL… pic.twitter.com/HGPL9f4Mb2

Saved to html first
17 days ago

@htmx_org Since I started using HTMX i foubd myself more time reading about HTML and CSS than reading docs if fandom frameworks. It feels closer to the web and I like it!

Saved to html first
19 days ago

It’s been a long time since I was able to really dive into CSS and HTML and JS *as a developer* and can I just say OMG it has become so AMAZING. Stuff that was hard is MAGICAL and FUN. Any doubts I had about spending the last 5 1/2 years making browsers have melted away. 🤩😍💪🏻 pic.twitter.com/6IeV8MCpGa

Saved to html first
20 days ago

The ability to darken and lighten any color using just CSS is such a powerful feature. Do we really need all those colors in our systems, or could the tokens be defined perceived lightness intervals instead? pic.twitter.com/gi84hp5Gze

jacobrask tweet image
Saved to html first
25 days ago

Wait what? Safari introduced a <input type=checkbox switch> in the latest TP? (via indieweb.social/@anthony/11161…)

Saved to html first
about 1 month ago

Vertical centering used to be one of the biggest CSS layout headaches, but now the display: block element can be vertically centered by align-content: center. Which has been implemented in Chrome Canary and WebKit Nightly. Thanks @fantasai and tkent. github.com/WebKit/WebKit/… pic.twitter.com/bW6WNXUdWa

Saved to html first
about 1 month ago

Just turned off the import map shim for ONCE #1. It's just not needed on the browsers we target, as it's now natively supported in Safari, Chrome, Firefox. Amazing progress in just a few years. HUGE kudos to @guybedford for bridging us to the future with es-module-shims 🤘🙏

Saved to html first
about 1 month ago

Instead of complaining about the rapidly changing Rails front end ecosystem (stimulus/turbo/morph?), I'm going to dive in and really learn it. First real world struggle - I want a grid of radio boxes that respond to user input by adding an .svg and changing the border color.… twitter.com/i/web/status/1… pic.twitter.com/b3oy85QmNR

Saved to html first
about 2 months ago