Latest posts tagged with #vanillaJS on Bluesky
Czasem warto wrócić do korzeni. Takim ruchem może być świadoma rezygnacja z frameworków frontendowych i powrót do czystego #JavaScript (tzw. #VanillaJS). Jakie są tego zalety - o tym opowiada ten artykuł (i mimo wszystko mało jest o wadach).
#programowanie #WebDev
thenewstack.io/why-develope...
C'est avec la multiplication des attaques sur les chaînes d'appro que vous devriez valoriser les devs d'expérience qui marchent avec le minimum de dépendances, dans leurs outils inclus.
#VanillaVim #VanillaJS #VanillaForEverything #amishCoding
My new hobby: Building #SPA with #VanillaJS
Code is from an ongoing side project: #LFS Builder
#JS #Developer #Development #JavaScript #LinuxFromScratch
r6d6: Migrated another repo to #Codeberg: web-components.
A collection of framework-agnostic WebComponents that work with #Vue, #Angular, #React, or #vanillaJS. Includes a "View on Codeberg" ribbon component.
🇩🇪 y.lab.nrw/r6d6 🐘
\__
#OpenSource #GiveUpGitHub #diday #didit #100DaysOfCode
Sierpiński triangle with dynamic blooming in the gaps ✨
VanillaJS Canvas
#generativeart #fractals #creativecoding #VanillaJS
New version of my meditative journey through all four seasons to infinity.
Pure vanilla JavaScript. No frameworks. No libraries.
#VanillaJS #CreativeCoding #GenerativeArt #ProceduralGeneration #CanvasArt #JavaScript #WebDev #CodeArt #GameDev #IndieWeb #MadeWithCode #DigitalArt #RetroGaming
@ericwastl
Grateful to the #VanillaJS team for enabling my super-minimalist #CMS.
This is the idea:
https://monastic.neocities.org/
window.addEventListener("load", async (event) => {
const params = new URLSearchParams(document.location.search)
const filepath = params.get("c") ?? "index.md" […]
Entry point for automated test tool, that loads recursive tab components hierarchical.
ACHIEVEMENT UNLOCKED: LEVEL 400 BREACHED.
* Using recursive AJAX and Event Delegation
1 root component
1,530 nested components
7,752 tabs
6 event listeners total
YaiTabs just created a DOM black hole. And i was in it.
yaijs.github.io/yai/tabs/Ben...
#VanillaJS #Frontend #WebDev
Left panel: multiple US marines strain to lift a log over their heads Right panel: Babushka carrying a giant log like it's nothing
Custom Elements + Shadow DOM + uhtml signals + uhtml template strings = Elemento's recipe for clean, maintainable web components that embrace standards, not frameworks. Future-proofed by design! #WebStandards #VanillaJS #Elemento github.com/dsolimando/e...
October is more a Halloween month, less a "snow & snowflakes" time but that did not keep me from writing a #VanillaJS snowflake generator for #WeirdWebOctober artlung.com/wwo/29/
Swipe example with open tabs, 7 level deep
Just unleashed the latest YaiTabs, where swipes dive 7 levels deep into recursive madness, as our wild demo image shows! Click D, hit Dynamic, then D-E-E to loop infinitely through nested tabs.
yaijs.github.io/yai/tabs/Exa...
#WebDev #JavaScript #Frontend #UX #Accessibility #VanillaJS #ARIA #Tabs
Tableau généré par du code JS. Coding créatif. Principalement bleu
Version modifiée des Boids de Craig Reynolds : "Life"
#CreativeCoding #vanillaJS #drawnByCode #CraigReynolds #Boids
tanstack.com/start/latest... - The TanStack: a different #SPA #Router and component library built on top. For #React, #Vue, #Svelte, #Solid, Qwik, Angular, Lit, and even #VanillaJS.
ACHIEVEMENT UNLOCKED: YNFINITI CERTIFIED
*(X+ nesting. That's Unprecedented!)*
🏆 ISG (International Scripting Gang)
⌨ YaiTabs Tabs Component v1.0.0
🔗 yaijs.github.io/yai/tabs/Exa...
🏷 #WebDev #Frontend #Javascript #VanillaJS #WebComponent
Perfect Score on Pingdom Speed Benchmark
Seen a perfect score on Pingdom benchmark before?
Yes it's my site, try it yourself...
tools.pingdom.com#663c652b9840...
#WebDev #SEO #Pingdom #NeedForSpeed #TTFB #VanillaJS
@developer.chrome.com
@developers.google.com
Hey Google I aced your Lighthouse benchmark, what do I win? :)
#WebDev #WebVitals #WebPerformance #PageLoad #TTFB #PageSpeed #FastPage #SEO #Cloudfront #AWS #S3 #VanillaJS #Minify #DevTools #GoogleLighthouse
pagespeed.web.dev/analysis/htt...
css-tricks.com/scroll-trigg... - trigger #JavaScript and #CSS from user scroll in #VanillaJS. Nice walk-through of IntersectionObserver API github.com/0shuvo0.
github.com/YALDAKHOSHPE... - a simple, stylish calculator in #VanillaJS. No frameworks, no bundling, just raw #JavaScript. Nice work www.linkedin.com/in/yalda-twin.
A ToDo App with 205 lines of structured VanillaJS. Supercharged handleEvent Demo.
A ToDo app with around 205 lines of structured vanilla JS, zero memory leaks, zero frameworks, 100% features? Y not? It's missing 15 lines for localStorage, though...
#JS #Javascript #EventHandling #WebDevelopment #Frontend #CleanCode #Performance #VanillaJS #JS2025 #toDoMVC
jsfiddle.net/r39ehjf0/
E8 Terminal Interface - Ω-Class Expansion 🌀
e8-terminal.vercel.app
#E8Terminal #InteractiveFiction #CosmicHorror #IndieDev #RetroTerminal #BrowserGame #SciFiLore #HTML #JavaScript #VanillaJS #OpenSource #CodePenInspo #RetroComputing #WebDev #NoBuild
"You can't build an SPA with just 5 event listeners, that's nuts!"
Me: Hold my beer!
Conditions:
Total event listeners: 5
Framework dependencies: 0
Turbo Charged: 100%
And, done: eypsilon.github.io/YpsilonEvent...
#WebDev #VanillaJS #javascript #Performance
Packed into a custom web component, <view-transition> brings React style animated transitions to vanilla JS for modern browsers, no framework required. Read more about it: plainvanillaweb.com/blog/article...
#WebDev #JavaScript #CSS #Animations #VanillaJS
Generative art - 100% js code
@fxhash.bsky.social new version has some lovely new features. Here's a recent experiment.
#genart #javascript #vanillajs
This is my first full-stack web app for a 503(c)(3) nonprofit, Born To Ride. It’s built with Three.js, vanilla JS, Firebase, and Stripe for credit card payments. Newsletter signups in Firebase.
borntoridepleasantontx.org
#threejs, #firebase, #stripe #webdev #vanillajs #nonprofit #buildinpublic
Does anyone have good reading on how major frameworks make their SPA url router? I'm not talking about a hash router, I'd like to see how (with the server configured properly) the JS handles all the things (history pop state changes, link clicks, etc)
#javascript #router #vanillajs #webcomponents
I'm looking at adding more pre-recorded content on my YouTube channel focused on JavaScript programming (both browser and Node) and would like to know what kinds of things you'd like to see!
#javascript #frontenddev #nodejs #vanillajs #educationalVideo
If you're tired of heavy frameworks, you might want to check Plain Vanilla Web. It's a guide to building with just HTML, CSS, and JavaScript. Meaning no bundlers, no dependencies. plainvanillaweb.com/index.html
#VanillaJS #WebDev #Frontend #NoFramework #HTML #CSS #JavaScript
