Toots for vanillaweb@intuitivefuture.com account

Written by That HTML Blog & The Spicy Web on 2025-01-13 at 22:16

“War must be, while we defend our lives against a destroyer who would devour all; but I do not love the bright sword for its sharpness, nor the arrow for its swiftness, nor the warrior for his glory. I love only that which they defend.” –J. R. R. Tolkein

The AI is coming for your job. The Zuckerbergs of the world will make sure of it.

But hope is not lost. We, the workers, still have real power.

Here are a few ideas on how to weather the coming #WebDev storm:

https://www.spicyweb.dev/surviving-the-ai-pocalypse/

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2025-01-13 at 00:16

A few months back, I’d reported on turning back into a regular tag—but with awesome new #CSS-based smarts for completely customized styling. #WebDev

Since then, there have been some revisions to the proposed spec, and helpfully we have a thorough rundown of what’s changed courtesy of @Una:

https://thathtml.blog/2025/01/revised-select-styling-whats-new/

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2025-01-10 at 02:23

Craft Stylized Text Animations with Khoshnus and #SVG

This #JavaScript library by Amer Jabar provides a straightforward way to add Hollywood-style text animations to your website.

Check out my CodePen demo! #WebDev

https://thathtml.blog/2025/01/stylized-svg-text-animations-with-khoshnus/

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2025-01-03 at 01:42

One of the oldest and cruftiest APIs in #JavaScript involves cookies. In fact, can you really even say there's an "API" for cookies when it's literally just a string property on document?

Wouldn't it be nice if we had a more modern #WebDev API to use for setting, reading, and deleting cookies?

Introducing the Cookie Store API:

https://thathtml.blog/2025/01/cookie-store-api/

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-12-23 at 06:57

Sometimes DIY is the best way to go when it comes to setting up web services. #WebDev stories

Today's question: how do I build and deploy an @eleventy site any time I push a commit up to @Codeberg?

Finding a solution first resulted in many hours of going down a very dark path. (Spoiler alert: it involved Docker. Baaaad idea! 😅)

The final answer which I now have working essentially boils down to… 😌

https://thathtml.blog/2024/12/diy-web-services/

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-12-19 at 19:37

If it sounds like I'm a sore winner, that's because I am. But OK. Here we are. Finally.

Tailwind 4 now comes with a theming system based on—wait for it, wait for it—CSS.

[#]CSS. What a concept! 😅

Yes, the ships have turned around in #WebDev. React 19 can now play in a world where not all of your components are built with React, and Tailwind 4 can now play in a world where not all of your #HTML markup is riddled with utility classes:

https://thathtml.blog/2024/12/tailwind-4-a-mea-culpa-moment/

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-12-18 at 20:40

React: functional components which aren't very functional.

TypeScript: types for JavaScript which aren't real types.

Great ecosystem! 😄

https://mastodon.social/@erlang_discussions/113675453562732716

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-12-16 at 16:52

Our 25th issue on #WebDev is published, talking about Baseline and the awesome features dashboard for the Web Platform, as well as React 19 and a new way to author custom elements.

But wait, there's more! We'll be sending out a bonus issue in just a few days exclusively to Intuitive+ members. Have you signed up yet? You won't want to miss it! 😅

(Or just subscribe to the free newsletter. That's fine too… 😊)

https://buttondown.com/thathtmlblog/archive/25-baseline-2024-at-a-glance-react-19-new-web/

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-12-09 at 18:00

Well this is a headline for the ages.

[#]React #WebDev #WebComponents

https://thathtml.blog/2024/12/oh-happy-day-react-finally-speaks-web-component/

=> View attached media

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-12-06 at 07:45

Since we’re on a new server, we’ll be pulling some toots from the archive from time to time. Here’s one:

Vanilla #HTML / #CSS / #JavaScript is the "universal language" of modern networked computing. Know that, and know it deeply, and you can speak "internet" in nearly any context, in nearly any job.

That's the power of international standards and open protocols. They'll never go out of style.

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-12-04 at 21:30

✅ Contact restored with that 47-year-old spacecraft floating in deep space 15 billion miles away

❌ Contact restored with that NPM project's build process from 5 years ago

[#]WebDev #Humor

https://flipboard.social/@ScienceDesk/113595161733203766

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-12-04 at 17:51

Reactive Mastro: a tiny reactive GUI library for your existing MPA

Our latest #WebDev #WebComponents writeup!

Mastro is very small (2.6kB) and provides a clear path to writing custom elements which are primarily driven by server-rendered markup but need some additional interactivity after the fact. Powered by the maverick-js signals library, with an elegant syntax which works well with HTML web components:

https://thathtml.blog/2024/12/new-custom-element-superclass-on-the-block/

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-12-02 at 18:16

Oh and guess what? Our Mastodon presence is two years old as of yesterday! Happy 2nd Anniversary to us! 🎉

Thanks y'all for the good times. May they long continue…

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-12-02 at 18:08

Since we’re on a new server, we’ll be pulling some toots from the archive from time to time. Here’s one:

The idea that #CSS should support conditionals within style rules has been around since time immemorial. #WebDev

It’s looking likely that we’ll soon see the day when we can if() the night away, now that the CSSWG has come to a consensus around adding if() to an upcoming spec.

When this eventually lands in browsers, behold the increase of your property values! 😜

https://thathtml.blog/2024/07/if-only-css-could-if/

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-12-02 at 00:01

Built with React™!

https://botsin.space/@awebsite/113579577744328845

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-11-30 at 18:59

It's that time of year again when we have another #StateOfJavascript survey!

https://survey.devographics.com/en-US/survey/state-of-js/2024

Fill it out and let #WebDev folks know just how much you LOVE React!*

And build tools!**

And meta-frameworks!†

—

• that was a joke.

• • that was also a joke.

† But, like, Astro is pretty cool, right?

=> More informations about this toot | View the thread

Written by That HTML Blog & The Spicy Web on 2024-11-30 at 16:58

We're migrating instances! @jaredwhite has been running a dedicated instance for The Spicy Web which predated the instance for Intuitive Future where many other publications reside. We decided to move over to consolidate around the single intuitivefuture.com instance.

Welcome! Check out That HTML Blog and The Spicy Web and we hope you enjoy your dev journey learning vanilla HTML, CSS, JavaScript, and Web Components!

=> More informations about this toot | View the thread

=> This profile with reblog | Go to vanillaweb@intuitivefuture.com account