I think we may be passed the threshold where we can accept #NoJS anymore. What we do need is to actually look at #WebStandards and expand how containerized a website gets.
Like for instance, the app should not know the absolute value of your screen size, or to have so much control over #LocalStorage.
We're at a point where we should also ask ourselves if the #user shouldn't get to decide how they source their frameworks, be it from origin or from a #CDN.
https://codepen.io/ctietze/pen/LEPrdRM?editors=1100
What do y'all think about this hamburger menu? It's scalable, pure #css Not 100% accessible just yet, but close (it's backed by a checkbox, but some additional JS is needed I believe)
Alright ... i finished my new website.
I hope you like it. If anyone wants to link to me for whatever reason, there is a 88x31 thing on the first page. Likewise if you'd like to be linked, let me know. I can either make you a generic button or put in your 88x31.
There are some interesting #noJS #captcha implementations in this article:
https://boehs.org/node/dark-web-security
cc: #webdev
Synchronised updates between browser windows without JavaScript! KTor, @htmx_org and ServerSentEvents! #htmx #ktor #nojs
Full blog here: https://blog.f12.no/wp/2024/11/11/htmx-sse-easy-updates-of-html-state-with-no-javascript/
If you're in Oslo I am doing a talk on Wednesday: https://www.meetup.com/meetup-group-nwerbymu/events/304303659/
@NocturnalNessa @kasdeya yes, it's called #NoScript and the existing security settings...
A no JS, no text duplication, no shadows #3D text effect I made on @codepen for the week's #CodePenChallenge https://codepen.io/thebabydino/pen/yLmxePV
Just a bit of #SVG #filter magic!
#Pug code generating the SVG filter is ~1KB and the CSS is half of that (20 declarations including prettifying and layout).
Also: did anyone else have trouble with uploading videos here? This is just a 5 second 500KB vid...
On a blog, do you think a word cloud (large!, for tagged articles) is good/needed for users with assistive technology and disability?
#noJS #a11y #Accessibility #WAI #WCAG #ARIA #disability #impaired #FollowerPower
Please, answer how you solve it and what you think about Tag Cloud.
Please, If you disagree in Tag Cloud, tell why.
For users with impairment/disabilities a Tag Cloud:
@dm @RadioAzureus @amin @joelchrono @thedoctor @ivan @ddlyh @spaceraser
Yeah. I feel the same.
Stuff like librefox/wolf and ZenBrowser are great, but if Mozilla goes toes-up, those forks won't be particularly maintainable.
Maybe we need something between #Gemini and the Web now, like... SpaceShuttleProtocol? lol
(Or just #NoJS)
Here is real magic is my personal fave https://codepen.io/thebabydino/pen/JjqXjyJ
Both the texture and the 3D individual letter flip are achieved with SVG filters.
There is absolutely no JS, no images save for CSS gradients, no text duplication or splitting - you can see me edit it in DevTools below.
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: https://codepen.io/thebabydino/pen/ZEdvbRK
Can you guess how I did it before checking the code?
If you like this kind of stuff, pure #CSS on #scroll effects, you can find tens more under this tag on @codepen
https://codepen.io/thebabydino/pens/tags/?selected_tag=css-scroll-animation
Whoever at @EUCouncil decided to install #ClownFlare-like, #ableist bs like this deserves to get fired!
Espechally since there is no "#LegitimateInterest" for blocking @torproject / #Tor users from accessing i.e. press releases anonymously!
FIX THAT SHIT - NOW!
https://www.consilium.europa.eu
Pure CSS 1 div animated
∞ logo
https://codepen.io/thebabydino/pen/zRZKxK
Also has a video of me live coding it.
Pure CSS
animation https://codepen.io/thebabydino/pen/bGwYVOm
This one also has a video of me live coding it.
Okay, made a Pure CSS Slider instead.
Modal lightboxes are too fraught with problems.
Suggestions/changes are welcome!
We can simplify things further to not even include a wave animation. Instead, the 3D surface is static in this case.
Live on @codepen https://codepen.io/thebabydino/pen/gOzGEqb
Basically, we don't have
z = f(x, y, t)
but
z = f(x, y)
because the surface shape doesn't change in time anymore.