Wer so'n shice programmieren kann, kann auch gefälligst ne Seite baun die ohne #JavaScript auskommt!
#NoJS #Malware #NoJavascript #Accessibility #Privacy #ITsec #InfoSec #OpSec #ComSec #Webdesign #Enshittification
Wer so'n shice programmieren kann, kann auch gefälligst ne Seite baun die ohne #JavaScript auskommt!
#NoJS #Malware #NoJavascript #Accessibility #Privacy #ITsec #InfoSec #OpSec #ComSec #Webdesign #Enshittification
»How to build a copy-to-clipboard HTML«
– by @cferdinandi
With JavaScript set HTML to easy use web GUI's.
📃 https://gomakethings.com/how-to-build-a-copy-to-clipboard-html-web-component/
#html #webdev #nojs #copypasta #copy #clipboard #easytouse #gui #homepage
CSS Minecraft
There is NO JavaScript on this page. All the logic is made 100% with pure HTML & CSS. For the best performance, please close other tabs and running programs.
😲 https://benjaminaster.com/css-minecraft/
#javascript #css #html #webdev #game #minecraft #gaming #webgame #nojs
This is almost certainly not the right way to do this, but damn it is cool that you can.
📰 Ya puedes leer el post.
🧐 ¿Para qué usar 40kB de JavaScript cuando HTML ya lo resuelve con 4 líneas?
🪗 Si tu componente colapsa usando JS... tal vez nunca fue un buen componente.
👉 https://www.baumannzone.dev/blog/acordeones-nativos-en-html-sin-una-linea-de-javascript
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
CSS-only LQIP:
https://leanrada.com/notes/css-only-lqip/
This is so cool!
#css #lqip #image #placeholder #nojs #gradient #math #awesome #development
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.
No need to add the * manually behind required form fields anymore.
Just let CSS do it:
label:has(+ [required])::after {
content: " *";
}
The "+ ..." just means that <label> and the <input>, <select>, etc. are siblings.
Bonsoir Mastodon !
Petite #presentation:
BigLittleWeb c'est un service de création de site internet.
Rien de foufou.
Bon ok y'a 2 ou 3 trucs quand même:
- Tout doit fonctionner en #NoJs, même l'admin.
- L’accessibilité (#a11y) est prioritaire sur les autres considérations.
- Pas de cookie autre que technique.
- Pas d'intégration de services US ou qui ne respecte par la vie privée.
- On pense éco-conception partout (hosting, backend, frontend).
- Etc etc...
Hello World ! :)
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)
↑ Just because I've found some really fun "new" CSS @media and @supports rules. I created a page for my own purpose again: https://a11y.sp3r4z.fr/supports/
Maybe that can help or give informations to some of you folks.
Great benefit of going #nojavascript #nojs on your #SmallWeb is being able to have full access to your web over experimental or retro #os. I just did a merry #solstice status update on mine. From #mothra. Running on #9front in #qemu running on top of #twm in #termux running on low end #android tablet. And yes, you can have decent user experience on mouse oriented system without a mouse using just trackpad / touchscreen.
So, merry Solstice. May your knitting and your code flow freely.
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.
:ablobcatheartsqueeze:
There are some interesting #noJS #captcha implementations in this article:
https://boehs.org/node/dark-web-security
cc: #webdev
@Hacker0x01 using #ClownFlare really rubs me at all the wrong ponts!
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/