JS-heavy approaches are not compatible with long-term performance goals
sgom.es/posts/2026-0...
#disablejs #nojs #antijsjsclub
1
1
0
0
#nojs
Latest posts tagged with #nojs on Bluesky
Trending
Posts tagged #nojs
Using the Popover API to avoid any JavaScript is pretty neat.
#Henhouse #NoJS #NoJavaScript #StaticHosting #SelfHost
5
1
0
0
I rebuilt the original NES Duck Hunt using CSS only.
❌ No JavaScript. ❌ No Images.
Just thousands of divs and some sneaky checkbox hacks.
And yes... if you miss, the dog will laugh at you! 🐕
Play it here: codepen.io/hailedev/pen...
@codepen.io #CSS #CodePen #Frontend #NoJS
1
0
1
0
After adding real function to the main menu or Start menu on my blog a couple of days ago, I continued updateing the design yesterday evening. I added status bars for the windows to improve nostalgic aesthetics and functionality at the same time.
Fun fact: the menu was implemented without JS […]
1
2
0
0
Screenshot of a web app for generating artwork from photos
A fun project to try vibe-coding a GoTH web app.
#golang #go-templ #htmx #nojs #vibecode #crush
github.com/kevin-hansel...
3
0
0
0
Pure CSS dark-mode toggle:
https://www.draketo.de/software/css-dark-mode-toggle
The simplest pure CSS toggle for dark mode without persistency. Commented example. Just read the code ☺.
#webdev #noJS
0
0
0
0
Having a blast exploring the new #HTML custom <select> while adding visual flair to the SoME site!
I love it: a #nojs solution with graceful degradation and built-in accessibility.
The future is HTML-first: commands, invokers, customizable built-ins etc. Less JavaScript, more web platform!
2
0
0
0
User interface for filtering cards with animals on them, using a radiobutton to select 'OR' or 'AND', then checkboxes for a number of categories. 'AND', 'Herbivore' and 'Mammal' are checked, to the list shows herbivorous mammals, including an alpaca, camel, cow, and elephant.
https://codepen.io/ItsDanQ/full/WbbymbB
This was fun but pointless: using #CSS :has(), :checked, and the subsequent sibling selector (~) to make a #noJS #HTML list filtering tool.
🔗 Blog post with more details: https://danq.me/dynamic-filters-in-pure-css
1
0
0
0
7/15 JS solutions have security concerns (@DemocracyFTW2 #43885225). Desire for simple client-side HTML include without JS/server. #Security #NoJS #ClientSide
0
0
1
0
Oh hey, everyone! My name is John Henry Müller. I design things.
I just launched my fancy new website! 🎉
johnhenrymuller.com
I hope you like it!
#webdesign #ux #ui #css #nojs #fancynewwebsite
29
3
4
0
I made a video where I explain how you can do cool parallax animations using only html and css, keeping your website performant and SEO friendly. What do you think? 🫣
#webdev #buildinpublic #cssanimation #css #nojs
youtu.be/yalrA7pIXO8
1
0
0
0
Damn, this effect became really nice, and it's ONLY html and css! 🚀 Would you use something like this on your website? Or is it too much? 🤔
#webdev #buildinpublic #cssanimation #nojs
2
0
0
0
#Make your #Fucking #Websites work without #JavaScript
#NoScript #NoJS #NoOneClick #NoZeroClick #NoMetaSDK #NoGoogleAnalytics
2
0
0
0
Just released a a video I made about animating with the css rule view timeline, i learned tons and hope it can help others as well! 🙏
#webdev #buildinpublic #css #cssanimation #nojs
youtu.be/fpKn-nCqYhY
4
0
1
0
Playing around with the #DetailsElement to build tabs that don't require JS or the checkbox trick. 🙃 codepen.io/MatthewTheBi...
#CodePen #CodeDemo #HTML #CSS #noJS
3
1
0
0
Number 6️⃣ of #Jfokus Top Rated Talks is "I Can’t Believe It’s Not JavaScript!" by Jemina Abu
Who needs JavaScript for accordions, modals, or carousels when HTML & CSS can do the job? 🤯
5️⃣ more top talks to go—stay tuned!
#Jfokus2025 #WebPerformance #HTML #CSS #NoJS
3
0
0
0
Made a version of this that doesn't duplicate the text and doesn't split it into individual letters - it's all done with a heading, a little bit of #CSS and a simple #SVG #filter. No JS either.
Check it out on @codepen.io!
codepen.io/thebabydino/...
#textEffect #noJS
22
2
0
0
Немного технички по моему сайту. Никакого javascript, полностью статический сайт. До полной загрузки подсасывается усреднённый цвет картинки из html, через picture прописаны несколько разрешений превьюшек. Сайт летает!
scaledteam.ru/c/
#webdev #nojs #noscript
1
1
0
0
Synchronised updates between browser windows without JavaScript! KTor, @htmx_org and ServerSentEvents! #htmx #ktor #nojs
Full blog here: blog.f12.no/wp/2024/...
If you're in Oslo I am doing a talk on Wednesday: www.meetup.com/meetu...
10
1
1
0
Awesome! Synchronized updates for browser windows with just @htmx_org and ServerSentEvents! 😄🚀 #noJS blog.f12.no/wp/2024/...
0
0
0
0
a carousel of hubs
a carousel of images
tabs carousel
carousel of cards with interactive captions
been making carousels in Canary all day, #noJS to get free scroll buttons or pagination dots for each snap item.
AMA
68
4
10
2
Screenshot. Shows two headers, each with an images restricted to a shape with rounded corners around a trapezoid-shaped heading whose size depends on the heading text of that particular header. The whole thing is responsive and the concave image-filled shapes have real transparency at the rounded corners/ within their concavities - we can see a patterned background behind.
Here's a little fun #noJS challenge: how would you code this?
Background behind heading is transparent and cutout with rounded corners depends on text heading length.
My solution on @codepen.io:
codepen.io/thebabydino/...
Can you guess how I did it before checking the code? 😼
#frontend
5
0
1
3
I’m pretty proud of the #nojs #css only postcard flipping I managed to work out, (with transparent edges & with semantically sane #html!) Though I’ll be damned if I can figure out why Safari decides to do half of the flip in the wrong direction, compared to *every other browser*.
0
0
1
0
Red text on yellow background: jsfree.org
🔴🟡 JS free dot org
A community-curated collection of web services that work without JavaScript.
#Nojs #js #webdev #Directory
jsfree.org
1
0
0
0
Coming from the creator of Pydantic, the chances of this being lit are quite high!
github.com/samuelcolvin...
#python #react #nojs
0
0
0
0
pure css tooltips
A lightweight and powerful solution that doesn't rely on JavaScript and compresses to just 0.7kb (Brotli). Easy to customize and implement, with no impact on performance: github.com/zkreations/t...
#css #purecss #nojs #opensource #github #npm
0
0
0
0
tabs css responsive, sin javascript
Pestañas de navegación responsive usando solo css, fáciles de usar y personalizar: www.zkreations.com/2023/10/tabs...
#css #nojs #performance #optimizacion #dev
1
0
0
0
tooltips pure css
He actualizado los tooltips del repositorio a la version 4.1.0. Mayormente los cambios consisten en la explicación del código y la traducción de todo el repositorio al inglés: github.com/zkreations/t...
#css #nojs #performance #optimizacion #dev
4
0
0
0