Custom Elements Collection: 147 компонентов двумя строками через CDN

Как создавать веб-страницы без фреймворков, сборщиков и другого зоопарка. Технология Custom Elements появилась в браузерах в 2018-2020 годах, но долгое время незаслуженно обходилась стороной сообществом, в связи со сложностью разработки компонентов. Однако ничто не мешает использовать уже созданные компоненты с любым фреймворком. Об этом и пойдёт речь.

https://habr.com/ru/articles/1042520/

#custom_elements #web_components #custom_elements_collection #vanillajs

Custom Elements Collection: 147 компонентов двумя строками через CDN

Custom Elements Collection — библиотека компонентов, которая подключается двумя строками в <head> : один <link> с темой и один <script type="module"> с регистрацией тегов. Без npm,...

Хабр

12 паттернов, которые приведут твой код в порядок

ES6 ввел синтаксис деструктурирующего присваивания — лаконичный способ распаковки значений из массивов и объектов в отдельные переменные. Это одна из тех фич, начав использовать которые, ты удивишься, как раньше без нее жил.

https://habr.com/ru/articles/1037430/

#javascript #typescript #react #vue #angular #программирование #nodejs #svelte #vanillajs

12 паттернов, которые приведут твой код в порядок

Если ты до сих пор пишешь так: const name = user.name; const email = user.email; const age = user.age; то деструктуризация покажется тебе супер способностью. ES6 ввел синтаксис деструктурирующего...

Хабр

@aral
Dear Aral,
I am writing to thank you for your early public endorsement of my project. It was back in late October of last year. From watching one of your speeches just now, I can see that we have a very similar view of the ideal future of human digital interaction. We need to each be the owner of our own devices, our own software, and our own data.
Thank you so much.

#DigitalSovereignty #Art #PixelArt #VanillaJS #FOSS #DigitalRights #Privacy #Technology

@samir

https://mastodon.functional.computer/@samir/115456103296037414

Dear Samir, I am writing to thank you for your early public endorsement of my project(you are saying you didn't do it, but you basically did). Looking back on it, I could not have predicted the positive effect of your support. The weight of your expert endorsement cannot be overstated, especially while my project was a complete unknown. It really means a lot to me.
Sincerest thanks. God bless you!

#IndieWeb #SmallWeb #IndieDev #PixelArt #Thanks #VanillaJS #Art

samir, witch in training (@[email protected])

@[email protected] Oh my goodness, it’s modal, based on Caps Lock! I kind of want to try it. But I’m also terrified.

Lambdadon
FOSS, single-file, vanilla, save with CTRL + S. This is designed to make single file webpages/programs in absolute position or VW. The keyboard is like Vi. 20 levels per project. #IndieWeb #PersonalWebsite #SmallWeb #VanillaJS #NoFramework #StaticSite #WebDesign #HandCrafted #SelfHosted #DigitalGarden #OwnYourData #WebDev #MinimalistWeb #HTML5 #OfflineFirst

There is ASCII Art and there is a View-Finder showing the document space in miniature. How very German of me... #deutschland

FOSS, single-file, vanilla, save with CTRL + S. This is designed to make single file webpages/programs in absolute position or VW. The keyboard is like Vi. 20 levels per project. #VanillaJS #Minimalism #WebPerformance #Lightweight #SingleFile #NoBloat #FastWeb #ZeroDependencies #CleanCode #OfflineFirst #Efficiency #100DaysOfCode #GreenComputing #LowTech #WebStandards

108 окон, 0 фреймворков, 1 Kubernetes: как команда без разработчиков построила интерактивный дом-таймлайн про ТВ 90-х

Зов джунглей, Поле чудес, Ералаш — мы сделали интерактивный дом-таймлайн про телевидение 90-х и 00-х. Под катом: как команда без разработчиков дошла от JSON-файла на VPS за $5 до корпоративного Kubernetes. Читать, пока не началась реклама

https://habr.com/ru/articles/1025152/

#vanillajs #frontend #cms #kubernetes #canvas #webp #avif #parallax #вайбкодинг #телевидение

108 окон, 0 фреймворков, 1 Kubernetes: как команда без разработчиков построила интерактивный дом-таймлайн про ТВ 90-х

Привет, Хабр. Это история о том, как мы собрались и по вечерам за полгода создали интерактивный веб-проект про российское телевидение 90-х и 00-х. Сайт называется Окна.ТВ . Заходите, скролльте и...

Хабр
Pourquoi je développe en HTML/CSS/JS sans framework ?
Autonomie : pas de dépendance à un écosystème qui peut disparaître
Transparence : clic droit → Inspecter, tout est là
Légèreté : quelques Ko, offline-first
Résilience : le code d'aujourd'hui tournera dans 20 ans
L'esprit maker appliqué au dev : comprendre, maîtriser, transmettre.
👉 https://sylvaindenis.ovh/blog/pourquoi_je_developpe_presque_tout_en_html_css_et_javascript
#WebDev #FabLab #OpenWeb #VanillaJS
Hello #Fediverse! 🔴
​Solo dev from #Nepal here. Building #CrimsonShift—a minimalist mobile project using #VanillaJS & #HTML5.
​Currently testing the v0.0.0.1 joystick feel. No heavy engines, just raw code and smooth physics. I’d love your feedback on the "snappiness" of the controls!
​🕹️ Play: https://demonkingl-cell.itch.io/crimson-shift
🎬 TikTok: https://vt.tiktok.com/ZSHAt6dtU/
​#IndieDev #GameDev #WebDev #Minimalism #SoloDev #FediDev #Javascript #HTML5Game

New tutorial: How to Build a Static Site Calculator with Zero Dependencies 🧮

Build an interactive compound interest calculator using only HTML, CSS, and JS — no npm, no bundler, no frameworks. Instant load, works offline, stable forever.

https://dev.to/profiterole/how-to-build-a-static-site-calculator-with-zero-dependencies-gmo

#javascript #webdev #tutorial #vanillajs #staticsite

How to Build a Static Site Calculator with Zero Dependencies

Building interactive tools for your static site doesn't require React, Vue, or any framework. A...

DEV Community