@vanilla@social.spicyweb.dev avatar

vanilla

@vanilla@social.spicyweb.dev

Vanilla has never tasted so hot. Join a fabulous community of web developers learning how to use “vanilla” web specs like HTTP, HTML, CSS, JavaScript, & Web Components.

Produced by @jaredwhite

This profile is from a federated server and may be incomplete. Browse more on the original instance.

eleventy, to random
@eleventy@fosstodon.org avatar

objection.

vanilla,
@vanilla@social.spicyweb.dev avatar

@jgarber @eleventy @Meyerweb HR has entered the chat

chriscoyier, to random
@chriscoyier@front-end.social avatar

jQuery plugins depended on jQuery, and when jQuery went out of favor, they ended up in the junkyard.

There is all sorts of componentry built exclusively on React, limiting it to React-based sites. As React goes out of favor, they will end up in the junkyard. (Same with any framework-specific extension.)

But with Web Components... it seems like the story will end differently. If they are built without dependencies, they might just live as long as the web does.

vanilla,
@vanilla@social.spicyweb.dev avatar

@westbrook @chriscoyier Yep. Authoring to tags, attributes & properties, and using CSS features like variables and shadow parts…that goes with the grain of the web. Built to last.

vanilla, to CSS
@vanilla@social.spicyweb.dev avatar

Finally. 😂

(We love ya 3, but it's high time we were talking about CSS4, CSS5, and beyond!)

https://thathtml.blog/2024/05/get-ready-for-css-6/

vanilla,
@vanilla@social.spicyweb.dev avatar

@tennoseremel CSS Pro Max

vanilla, to programming
@vanilla@social.spicyweb.dev avatar

Last month's exclusive video at The Spicy Web demonstrating a CodePen example of Signals—what they are, how they work, and why frontend frameworks and fans of vanilla alike are adopting them rapid-fire—is now available to view for free! Check it out:

https://www.spicyweb.dev/videos/2024/signals-are-eating-the-web/

sachagreif, to random
@sachagreif@hachyderm.io avatar

I'm very excited to share that the State of HTML 2023 survey results are now live!

https://2023.stateofhtml.com/

vanilla,
@vanilla@social.spicyweb.dev avatar

@sachagreif woo hoo! very exciting! 🎉

vanilla, to webdev
@vanilla@social.spicyweb.dev avatar

New video out on The Spicy Web! 🌶️

Here be a fresh (and tingly!) take on reaching for -first tools like htmx, Turbo, Unpoly, etc. and why you might just want to (spoiler alert!) go vanilla. 🍦 After all, we have so many great browser-native APIs at our disposal now!

Sign in or sign up via Intuitive+ to watch:
https://www.spicyweb.dev/videos/2024/ajax-back-in-action/

vanilla,
@vanilla@social.spicyweb.dev avatar

Don't forget to hop in our Discord server to ask questions and brainstorm ideas about this very topic!

https://discord.gg/CUuYVH7Qa9

vanilla, to random
@vanilla@social.spicyweb.dev avatar

I don't know. Am I? 🤔💭🤖

bw, to random
@bw@social.lol avatar

I’m always looking for good CSS named-colors cheatsheets or references. This one is fun. Please send me ones you know of!

https://austingil.com/css-named-colors/

vanilla,
@vanilla@social.spicyweb.dev avatar

@bw There's also some very cool tools here: https://htmlcolorcodes.com/color-names/

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

the thing i love about CSS is that there are no "CSS bros" in the way that there are "JS bros", "tailwind bros", and even "HTML bros"

vanilla,
@vanilla@social.spicyweb.dev avatar

@hi_mayank .well[actually] { ... }

thomaswilburn, to random
@thomaswilburn@toot.cafe avatar

Prime example of where web components really shine: I'm working on a scrollytelling piece where moving through the document updates state linked to a map background layer. At the bottom there's a graph that appears if you click a school board district. Now I want that to appear in multiple places. Easy: just move that into a custom element, and it takes care of initializing itself wherever I put it. The ability to create reactive islands is deeply underappreciated.

vanilla,
@vanilla@social.spicyweb.dev avatar

@thomaswilburn Yep! As you put it, “reactive islands" in otherwise static/simple markup is a fantastic use case for custom elements.

vanilla, to random
@vanilla@social.spicyweb.dev avatar

Astro's been pushing hard into fullstack framework territory as of late, and has just released an experimental server actions feature. Check it out and offer your feedback:

RE: https://m.webtoo.ls/@astro/112411302831929468

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • anitta
  • thenastyranch
  • rosin
  • GTA5RPClips
  • osvaldo12
  • love
  • Youngstown
  • slotface
  • khanakhh
  • everett
  • kavyap
  • mdbf
  • DreamBathrooms
  • ngwrru68w68
  • megavids
  • magazineikmin
  • InstantRegret
  • normalnudes
  • tacticalgear
  • cubers
  • ethstaker
  • modclub
  • cisconetworking
  • Durango
  • provamag3
  • tester
  • Leos
  • JUstTest
  • All magazines
    •