vanilla

vanilla, 3 months ago to random

Something is rotten in the state of the internet. 🧐

On JavaScript bloat in 2024 💩

https://tonsky.me/blog/js-bloat/

vanilla, 9 months ago to webdev

All right #WebDev nerds, we got some 🌶️ spicy content on the blog for you today! 🤓

A writeup and code/demos all about server-rendering #WebComponents via #Node in three popular flavors: #Enhance, #Lit, and #WebC!

Also a ton of thoughts about the future of these technologies and how to promote a portable view layer of web applications in an #HTML-first world.

Take a peek and then hop in our Discord to chat more about all these groovy features!

https://www.spicyweb.dev/web-components-ssr-node/

vanilla, 10 months ago to webdev

The demise of #Jamstack and #Netlify as an indie-first, "static site" hosting company feels like an end of an era. But why did it have to happen like this? Where did things go wrong? And which companies can #WebDev folks turn to for streamlined, pragmatic web hosting and architecture?

Here's my take on it, serving as a reply of sorts to @remotesynth's excellent coverage of the topic:

https://www.spicyweb.dev/farewell-jamstack/

vanilla, 4 months ago to webdev

This is very exciting stuff and now available in Safari TP as well as Chromium-based browsers!

What Prelude-less Scope Is and Why You Want It

https://thathtml.blog/2024/01/preludeless-scope/

#WebDev #HTML #CSS

vanilla, 5 months ago to webdev

How Could I Have Ever Lived Without This…

A riff off of @matthiasott's blog post about new web platform features which seem "too good to be true"…

What are YOUR modern favorites?

https://thathtml.blog/2024/01/how-could-i-have-ever-lived-without-this/

#WebDev

vanilla, 4 months ago to random

Hot Take Tuesday 🌶️

If you're building your web applications against hosting platform SDKs instead of host-agnostic open source libraries, you are taking on an arguably unacceptable degree of tech debt and vendor lock-in.

Plan your architecture accordingly.

---

(In case you're wondering what this means, here's an example:

Open source library: Redis

Hosting platform SDK: Netlify Blobs

Use Redis? You can host anywhere. Use Netlify Blobs? You're stuck with Netlify. FOREVER… 😱)

vanilla, 2 months ago to webdev

Sometimes #WebComponents need to know what’s happening inside of them.

Whether you’re working with the concept of “slots” or just plain ol’ #HTML, you may need to react to changes imposed from without.

Thankfully, the native platform provides a solution in the form of MutationObserver, an API which is so powerful it can beat at the heart of entire #JS frameworks (Stimulus being but one example).

#WebDev examples by @raymondcamden and @jaredwhite:

https://thathtml.blog/2024/03/more-fun-with-web-components-and-mutationobserver/

vanilla, 1 month ago to webdev

Unpopular (maybe?) #WebDev opinion:

The way to get better at #HTML & #CSS isn't to build complex web applications with frontend frameworks. The way to get better at HTML & CSS is to write content with HTML & CSS.

• Build a blog.
• Build a landing page.
• Build a report.
• Build a portfolio.
• Build lists.

Most web applications are simply content + forms in a fancy UI trench coat. 😅 They just tend to be far more "componetized" — making it much harder to grok the underlying semantics at first.

vanilla, 11 months ago to webdev

#WebComponents are often derided as not applying to the "branch" or "app" or "framework" components in your project. That's really not the case…they can fulfill important roles at all levels of the frontend stack.

Nevertheless it's true that web components are particularly awesome for "leaf" components.

Think of every element you wish #HTML already had. Say a <drawer>.

Just build your own <my-drawer> and make it feel as built-in as possible! Use it everywhere you would a native <drawer>. 🙌

vanilla, 5 months ago to webdev

State of Web Development in 2023? Is it though? 🧐

A critical look at Netlify's latest “stats”:

https://thathtml.blog/2023/12/zach-leatherman-netlify-smackdown/

#WebDev #LiesDamnedLiesAndStatistics

vanilla, 10 months ago to webdev

“React Is Not Modern Web Development”

@jaredwhite’s personal thoughts on a great entry by @collinsworth into the growing body of work which details why greenfield #WebDev projects are better served by other frameworks…or none at all.

https://thathtml.blog/2023/08/react-is-not-modern/

#React #JavaScript #frameworks #Preact #Svelte #Vue #SolidJS #LitElement

vanilla, 9 months ago to CSS

The results are in for the 2023 State of #CSS survey, and among many surprising (and some not so surprising) takeaways is that the honor of winning the “Highest Retention” award went to… #OpenProps 🎉

Congratulations! (And if you don't yet know what Open Props is, you don't know what you're missing! It's a super rad way to #WebDev your own design system using vanilla CSS variables)

https://thathtml.blog/2023/08/open-props-wins-2023-state-of-css-survey/

vanilla, 8 months ago to webdev

Longing for the times when you could just follow a blog every day for some fresh links?

That #HTML Blog has got you covered. Our sibling publication will mail you a digest every Friday, or you can subscribe via RSS. Vanilla #WebDev links with thrilling coverage of #CSS, #JavaScript, and #WebComponents news. Insightful perspective on the industry outside of the framework/influencer bubble.

Got a link yourself to share? Send it on over!

https://thathtml.blog

vanilla, 6 months ago to webdev

Frameworks are eating the web.

And it’s making the web demonstrably worse for both developers and users.

https://thathtml.blog/2023/11/the-framework-trap/

#WebDev

vanilla, 6 months ago to webdev

Open UI's work on Invokers continues at a breathtaking pace, with an initial v1 spec shaping up and experimental implementations landing in all three browser engines. This is all a great sign of the momentum behind significant enhancements to #HTML and the open web platform! #WebDev

https://thathtml.blog/2023/12/the-invokers-are-coming-part-ii/

vanilla, 5 months ago to CSS

Tired: bypass the Cascade of Cascading Style Sheets via our bespoke build tooling and syntax!

Wired: harness the Cascade of Cascading Style Sheets using the power of modern CSS to do your bidding! *

• aka using layers, declarative shadow DOM, :has, scope, and other awesome features coming online in 2024!

#CSS #WebDev

vanilla, 26 days ago to webdev

New video out on The Spicy Web! 🌶️

Here be a fresh (and tingly!) take on reaching for #HTML-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! #JavaScript #WebDev

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

vanilla, 5 months ago to Dom

Moar #DOM APIs in 2024!

One of the things I love most about all this new talk concerning #HTML #WebComponents is how much focus there is on vanilla DOM APIs. 😁 #WebDev

https://thathtml.blog/2023/12/moar-dom-apis/

vanilla, 4 months ago to webdev

The Government Digital Service #WebDev blog for the UK has published an article about their performance gains across a variety of properties, with “reductions of up to 40% in CSS size on some pages.”

This was accomplished by unbundling styles which are specific to certain pages and not the entire website and loading those styles on those specific pages, instead of loading all of a website’s #CSS via a single bundle.

https://thathtml.blog/2024/01/css-performance-page-styles/

vanilla, 6 months ago to CSS

I mean, I'll get through it eventually, but daayyuum, 2023 was one hell of a ride! 😆 #CSSWrapped2023 #CSS #WebDev

https://thathtml.blog/2023/12/css-wrapped/

vanilla, 6 months ago to CSS

Is 2024 the year of #CSS Nesting? Browser support is starting to look pretty good… #WebDev

https://thathtml.blog/2023/11/is-2024-the-year-of-css-nesting/

vanilla, 7 months ago to CSS

Howdy folks! The next episode of our vanilla #CSS architecture & #WebComponents course CSS Nouveau just dropped!

If you haven't yet been going through the course, whatcha waitin' for? It's self-paced, text/code-based with podcast-style audio readings, and comes with access to our private Discord channel where you can ask questions and get advice. Pricing is a steal too at only $10.99/month or $49 for a whole 6 months. (And more content coming soon!)

Look here:

https://www.spicyweb.dev/css-nouveau/1-vanilla-has-never-tasted-so-hot/9-zooming-out-to-the-design-system-production-level/

#WebDev

vanilla, 2 months ago to webdev

Providing a recap of Interop 2023, @bsmth at @MDN shows us why the Interop initiative is so important, the role MDN developer docs play in keeping #WebDev folks updated as new spec implementations align across browsers, and what we can look forward to in 2024:

https://thathtml.blog/2024/03/interop-2023-documentation-recap/

vanilla, 30 days ago to random

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

vanilla, 25 days ago to programming

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 #JS alike are adopting them rapid-fire—is now available to view for free! Check it out:

#JavaScript #WebDev #Reactivity

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