home.social

#js — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #js, aggregated by home.social.

  1. this vibe coded PR with 1,000,000+ additions is just open-source ransomware with prettier commit messages.

    shoutout to the brave soul reviewing:

    "LGTM" after skimming 14 lines… 🤡

    uninstalling immediately!

    github.com/oven-sh/bun/pull/30

    #npm #yarn #pnpm #bun #deno #js #javascript #typescript

  2. this vibe coded PR with 1,000,000+ additions is just open-source ransomware with prettier commit messages.

    shoutout to the brave soul reviewing:

    "LGTM" after skimming 14 lines… 🤡

    uninstalling immediately!

    github.com/oven-sh/bun/pull/30

    #npm #yarn #pnpm #bun #deno #js #javascript #typescript

  3. this vibe coded PR with 1,000,000+ additions is just open-source ransomware with prettier commit messages.

    shoutout to the brave soul reviewing:

    "LGTM" after skimming 14 lines… 🤡

    uninstalling immediately!

    github.com/oven-sh/bun/pull/30

    #npm #yarn #pnpm #bun #deno #js #javascript #typescript

  4. [Перевод] Управляемый прокруткой CSS в 2026 году — разработка карусели без JavaScript

    Исторически создание карусели в веб-разработке означало использование какой-либо JS-библиотеки. Slick, Swiper, Flickity, Embla Carousel и другие заполняли пробел платформы. Каждая из них увеличивала размер сборки, имела свои особенности обеспечения доступности и накладные расходы на обработку событий. Полный минифицированный пакет Swiper v11 весит приблизительно 140 КБ; даже модульные импорты составляют 40-60 КБ для ядра и навигации. Умножьте это на бесчисленные маркетинговые страницы, галереи товаров в электронной коммерции и макеты с большим количеством медиаконтента, которые зависят от каруселей, и расходы сильно возрастут: долгое время до интерактивности, блокировка основного потока во время инициализации и большой размер передаваемых данных на каждой странице, где используется слайдер.

    habr.com/ru/articles/1034960/

    #javascript #js #css #html #carousel #slider #карусель #слайдер #scrollsnap #scrolldriven_animations

  5. [Перевод] Управляемый прокруткой CSS в 2026 году — разработка карусели без JavaScript

    Исторически создание карусели в веб-разработке означало использование какой-либо JS-библиотеки. Slick, Swiper, Flickity, Embla Carousel и другие заполняли пробел платформы. Каждая из них увеличивала размер сборки, имела свои особенности обеспечения доступности и накладные расходы на обработку событий. Полный минифицированный пакет Swiper v11 весит приблизительно 140 КБ; даже модульные импорты составляют 40-60 КБ для ядра и навигации. Умножьте это на бесчисленные маркетинговые страницы, галереи товаров в электронной коммерции и макеты с большим количеством медиаконтента, которые зависят от каруселей, и расходы сильно возрастут: долгое время до интерактивности, блокировка основного потока во время инициализации и большой размер передаваемых данных на каждой странице, где используется слайдер.

    habr.com/ru/articles/1034960/

    #javascript #js #css #html #carousel #slider #карусель #слайдер #scrollsnap #scrolldriven_animations

  6. [Перевод] Управляемый прокруткой CSS в 2026 году — разработка карусели без JavaScript

    Исторически создание карусели в веб-разработке означало использование какой-либо JS-библиотеки. Slick, Swiper, Flickity, Embla Carousel и другие заполняли пробел платформы. Каждая из них увеличивала размер сборки, имела свои особенности обеспечения доступности и накладные расходы на обработку событий. Полный минифицированный пакет Swiper v11 весит приблизительно 140 КБ; даже модульные импорты составляют 40-60 КБ для ядра и навигации. Умножьте это на бесчисленные маркетинговые страницы, галереи товаров в электронной коммерции и макеты с большим количеством медиаконтента, которые зависят от каруселей, и расходы сильно возрастут: долгое время до интерактивности, блокировка основного потока во время инициализации и большой размер передаваемых данных на каждой странице, где используется слайдер.

    habr.com/ru/articles/1034960/

    #javascript #js #css #html #carousel #slider #карусель #слайдер #scrollsnap #scrolldriven_animations

  7. [Перевод] Управляемый прокруткой CSS в 2026 году — разработка карусели без JavaScript

    Исторически создание карусели в веб-разработке означало использование какой-либо JS-библиотеки. Slick, Swiper, Flickity, Embla Carousel и другие заполняли пробел платформы. Каждая из них увеличивала размер сборки, имела свои особенности обеспечения доступности и накладные расходы на обработку событий. Полный минифицированный пакет Swiper v11 весит приблизительно 140 КБ; даже модульные импорты составляют 40-60 КБ для ядра и навигации. Умножьте это на бесчисленные маркетинговые страницы, галереи товаров в электронной коммерции и макеты с большим количеством медиаконтента, которые зависят от каруселей, и расходы сильно возрастут: долгое время до интерактивности, блокировка основного потока во время инициализации и большой размер передаваемых данных на каждой странице, где используется слайдер.

    habr.com/ru/articles/1034960/

    #javascript #js #css #html #carousel #slider #карусель #слайдер #scrollsnap #scrolldriven_animations

  8. took my PDF and Markdown reading Tauri app and converted it to a web app so I can use it on my PC and phone. working on an annotation system to save snippets for later and ideally sync with Notion #js

    #js
  9. Soon we can finally banish JavaScript to the ShadowRealm. @Wilto walks through the TC39 ShadowRealm proposal, which creates isolated execution contexts with their own pristine globals while running on the same thread as the host. With just two methods, evaluate() and importValue(), ShadowRealms could sandbox third-party scripts, ads, and test suites without polluting the main realm. Currently at Stage 2.7, not yet in browsers. #js #ecmascript

    css-tricks.com/soon-we-can-fin

  10. Скоро мы наконец сможем отправить JavaScript в ShadowRealm. Мэт Маркиз разбирает предложение TC39 ShadowRealm, создающее изолированные контексты исполнения с собственными глобальными объектами в том же потоке, что и основной хост. Двух методов evaluate() и importValue() достаточно, чтобы изолировать сторонние скрипты, рекламу и тесты без загрязнения основного окружения. Сейчас на стадии 2.7, в браузерах пока нет. #js #ecmascript

    css-tricks.com/soon-we-can-fin

  11. Kolejne paczki npm i PyPI zainfekowane w ramach kampanii Shai-Hulud

    We wrześniu 2025 pisaliśmy o kampanii Shai-Hulud, w ramach której infekowano paczki npm. Wszystko wskazuje na to, że kampania nie tylko wciąż trwa, ale też doczekała się wersji dla PyPI – umieszczającej złośliwy kod w pakietach Python.  Badacze bezpieczeństwa z OX Security odkryli złośliwe aktualizacje pakietów Lightning (PyPI) oraz intercom-client...

    #WBiegu #Js #Malware #Npm #Python #SupplyChain

    sekurak.pl/kolejne-paczki-npm-

  12. Kolejne paczki npm i PyPI zainfekowane w ramach kampanii Shai-Hulud

    We wrześniu 2025 pisaliśmy o kampanii Shai-Hulud, w ramach której infekowano paczki npm. Wszystko wskazuje na to, że kampania nie tylko wciąż trwa, ale też doczekała się wersji dla PyPI – umieszczającej złośliwy kod w pakietach Python.  Badacze bezpieczeństwa z OX Security odkryli złośliwe aktualizacje pakietów Lightning (PyPI) oraz intercom-client...

    #WBiegu #Js #Malware #Npm #Python #SupplyChain

    sekurak.pl/kolejne-paczki-npm-

  13. Книга: «Фулстек JavaScript: Секреты, которые должен знать каждый мидл»

    Привет, Хаброжители! Как практикующий разработчик ПО вы уже умеете качественно выполнять задачи — на фронтенде или бэкенде. Пора перейти на следующую ступеньку карьерной лестницы и развить навыки, которыми обладают эксперты и senior-разработчики.

    habr.com/ru/companies/piter/ar

    #JS #фулстек #фронтэнд #фронтенд #Симпсон #fullstack #javascript #книги_по_программированию #книга

  14. 𝗦𝗹𝗶𝗰𝗸:

    #JS #Carousel #Accessibility #Responsive #Slick

    thewhale.cc/posts/slick

    Slick is a js library made by Ken Wheeler which allows you to build a fully responsive and accessible carousel.

  15. 𝗦𝗹𝗶𝗰𝗸:

    #JS #Carousel #Accessibility #Responsive #Slick

    thewhale.cc/posts/slick

    Slick is a js library made by Ken Wheeler which allows you to build a fully responsive and accessible carousel.

  16. 𝗦𝗹𝗶𝗰𝗸:

    #JS #Carousel #Accessibility #Responsive #Slick

    thewhale.cc/posts/slick

    Slick is a js library made by Ken Wheeler which allows you to build a fully responsive and accessible carousel.

  17. Folks in #WebDev, y'all gotta stay clear of bun. 🙅‍♂️

    The guy who developed it is a total douche like you wouldn't believe. I already knew this fact years ago (trust me on this), but unfortunately some people do not get wise with age.

    Node is freakin' great now. esbuild or vite are both incredible bundlers. You'll do just fine. We don't need Anthropic-ized sloppified assholery polluting our #JS toolchains. Much better projects out there to support and use effectively. ✌️

  18. Jarred Sumner, tvůrce JavaScriptového runtimu Bun, oznámil v sobotu na síti X, že kompletní přepis Bunu ze Zigu do Rustu úspěšně prochází 99,8 % stávající testovací sady na Linuxu (x64, glibc). Jde o rewrite v rozsahu zhruba 960 000 řádků kódu.

    Sumner v threadu vysvětluje motivaci: „Jsem unavený z neustálého řešení memory leaků, pádů a problémů se stabilitou. […]

    https://zdrojak.cz/zpravicky/bun-prepsan-z-zigu-do-rustu-998-testu-prochazi/
  19. Jarred Sumner, tvůrce JavaScriptového runtimu Bun, oznámil v sobotu na síti X, že kompletní přepis Bunu ze Zigu do Rustu úspěšně prochází 99,8 % stávající testovací sady na Linuxu (x64, glibc). Jde o rewrite v rozsahu zhruba 960 000 řádků kódu.

    Sumner v threadu vysvětluje motivaci: „Jsem unavený z neustálého řešení memory leaků, pádů a problémů se stabilitou. […]

    https://zdrojak.cz/zpravicky/bun-prepsan-z-zigu-do-rustu-998-testu-prochazi/
  20. via css-tricks...
    You Might Not Need…JavaScript?
    Remember You Might Not Need jQuery? Pavel Laptev’s The Great CSS Expansion has a similar vibe, noting CSS alternatives to JavaScript libraries (and JavaScript in general) that are smaller and more performant.

    #css #js #frontend #ui

    blog.gitbutler.com/the-great-c

  21. Review - I Tried Introduction to Node.js” Course on Frontend Masters and It's Awesome Hello guys, in the ever-evolving landscape of web development, mastering server-side technologies is esse...

    #backend #development #Code #Review #courses #frontend #masters #node #js #Review #web

    Origin | Interest | Match
  22. V únoru 2025 vyzval Anthony Fu, autor populárních nástrojů kolem Vue, Nuxtu a Vite, ekosystém k opuštění duálního publikování npm balíčků a přechodu na ESM-only. S odstupem více než roku je jasné, že měl pravdu – a že se ekosystém posunul ještě rychleji, než sám čekal. Node.js dnes umí require() i na ESM moduly, podíl balíčků s podporou ESM přesáhl třetinu a komunita označuje rok 2026 za „rok plné adopce ESM“.

    https://zdrojak.cz/clanky/je-cas-prejit-na-esm-only-ekosystem-je-pripraveny/
  23. Bei mehr als 36 mutmaßlichen Mitgliedern der rechtsextremen Jugendgruppen "Deutsche Jugend voran" und "Jung und Stark" ist es heute zu Razzien gekommen. Der Generalbundesanwalt wirft beiden Gruppen vor, kriminelle Vereinigungen gebildet zu haben. #DJV #JS

    👉 tagesschau.de/inland/gesellsch

  24. Bei mehr als 36 mutmaßlichen Mitgliedern der rechtsextremen Jugendgruppen "Deutsche Jugend voran" und "Jung und Stark" ist es heute zu Razzien gekommen. Der Generalbundesanwalt wirft beiden Gruppen vor, kriminelle Vereinigungen gebildet zu haben. #DJV #JS

    👉 tagesschau.de/inland/gesellsch

  25. Bei mehr als 36 mutmaßlichen Mitgliedern der rechtsextremen Jugendgruppen "Deutsche Jugend voran" und "Jung und Stark" ist es heute zu Razzien gekommen. Der Generalbundesanwalt wirft beiden Gruppen vor, kriminelle Vereinigungen gebildet zu haben. #DJV #JS

    👉 tagesschau.de/inland/gesellsch

  26. Bei mehr als 36 mutmaßlichen Mitgliedern der rechtsextremen Jugendgruppen "Deutsche Jugend voran" und "Jung und Stark" ist es heute zu Razzien gekommen. Der Generalbundesanwalt wirft beiden Gruppen vor, kriminelle Vereinigungen gebildet zu haben. #DJV #JS

    👉 tagesschau.de/inland/gesellsch

  27. Bei mehr als 36 mutmaßlichen Mitgliedern der rechtsextremen Jugendgruppen "Deutsche Jugend voran" und "Jung und Stark" ist es heute zu Razzien gekommen. Der Generalbundesanwalt wirft beiden Gruppen vor, kriminelle Vereinigungen gebildet zu haben. #DJV #JS

    👉 tagesschau.de/inland/gesellsch

  28. 🌶️ auto-detection for #signals dependencies in #js is a bad idea

    At runtime, you'll only discover dependencies in the execution flow. i.e. if your signal or effect logic is conditional in any way, dependencies may be missed. When that happens the bugs are a huge pain in the ass to debug

    🔗 tonysull.co/posts/auto-detecti

  29. New comiCSS Game: ABCnagrams (JS Edition)
    comicss.art/games/49/

    26 Anagrams. Each is missing a different alphabet letter to complete a JavaScript related term. Can you solve it?

    #javascript #js #game #puzzle #webdev

  30. WebAssembley: обзор технологии, эксперименты с числами и немножко мечтаний о браузерах без JS

    WebAssembly находится в разработке уже более 8 лет. Технология прошла долгий путь развития и недавно разработчики из Bytecode Alliance выкатили версию 3.0 О WebAssembly уже много материалов, но сегодня нам важна сама суть. У нас есть возможность, воспользовавшись любым из доступных языков программирования, написать модуль с необходимой нам логикой и запустить в исполняемой среде браузера. Разработчики обещают: модули будут быстрее и безопаснее, чем JavaScript, а также созданные ранее технологии, наподобие asm.js На связи Борис Мещеряков, frontend-разработчик в ПСБ и чаще всего мне приходится работать с javascript-фреймворками - React, Angular и прочими. Узнав о WebAssembly, я какое-то время наблюдал за его развитием. Мне стало интересно, может ли новая технология помочь мне уже сейчас? Какие ее возможности существуют на данный момент и какие реальны в будущем? Разберёмся вместе?

    habr.com/ru/companies/psb/arti

    #webassembly #js #javascript #обзор #обзор_технологии #браузеры

  31. Wow, a reactive JS framework without shadow DOM in 2026 AND it is using JSX? Sign me up!

    github.com/dashersw/gea

    #javascript #webdev #js

  32. "The <select> dropdown field has been the bane of many a designer and developer...we’ve never been able to really style the dropdown itself. Many people turn to third party #JS replacement solutions, like the Select2 library. Unfortunately, these are not very #accessible and introduce a ton of issues and bugs, as well as yet another heavy JS library dependency..."

    amberweinberg.com/more-reasons

    #javascript #accessibility #html #webdev #frontend

  33. Your options for preloading images with JavaScript. Alex MacArthur compares five approaches to preloading images: new Image(), <link rel="preload">, a hidden <div> with a CSS background, the Cache API, and fetch(). Each method has different trade-offs around browser caching, CORS handling, and flexibility. The article breaks down when to use each technique to prevent lag when displaying images that haven’t been loaded yet. #js #performance

    macarthur.me/posts/preloading-

  34. Варианты предзагрузки изображений на JavaScript. Алекс Макартур сравнивает пять подходов: new Image(), <link rel="preload">, скрытый <div> с CSS-фоном, Cache API и fetch(). У каждого метода свои компромиссы в плане браузерного кеширования, обработки CORS и гибкости. Статья разбирает, когда лучше использовать каждый из них, чтобы избежать задержки при показе ещё не загруженных изображений. #js #performance

    macarthur.me/posts/preloading-

  35. «Passwortsafe Bitwarden — Kommandozeilen-Client trojanisiert:
    Das Bitwarden-Security-Team bestätigt, dass kurzzeitig eine bösartige Version des Kommandozeilen-Client ausgeliefert wurde.»

    Jetzt war @bitwarden daran und das per NPM. Wieviel mal wird dies und ähnliches noch auftauchen? NPM ist leider mittlerweile das Einfallstor für viele Sicherheitslücken.

    🔐 heise.de/news/Passwortsafe-Bit

    #npm #bitwarden #javascript #hacking #passwort #js #npmjs #itsicherheit #it #web #webdev #sicherheit

  36. [Перевод] Intl: мощный браузерный API, который вы, возможно, не используете

    Intl API широко доступен (за исключением Intl.DurationFormat , который работает во всех современных браузерах, но существует недостаточно долго, чтобы считаться «широко доступным») и может удовлетворить почти все требования к форматированию непосредственно в браузере, без загрузки кода и без необходимости его парсинга. Он также учитывает языковые предпочтения пользователей, поэтому даты и числа можно форматировать так, как им удобно, без дополнительных усилий.

    habr.com/ru/companies/timeweb/

    #javascript #js #intl #datetimeformat #numberformat #locale #internationalization #timeweb_статьи_перевод #web_api #localization

  37. [Перевод] Intl: мощный браузерный API, который вы, возможно, не используете

    Intl API широко доступен (за исключением Intl.DurationFormat , который работает во всех современных браузерах, но существует недостаточно долго, чтобы считаться «широко доступным») и может удовлетворить почти все требования к форматированию непосредственно в браузере, без загрузки кода и без необходимости его парсинга. Он также учитывает языковые предпочтения пользователей, поэтому даты и числа можно форматировать так, как им удобно, без дополнительных усилий.

    habr.com/ru/companies/timeweb/

    #javascript #js #intl #datetimeformat #numberformat #locale #internationalization #timeweb_статьи_перевод #web_api #localization

  38. [Перевод] Intl: мощный браузерный API, который вы, возможно, не используете

    Intl API широко доступен (за исключением Intl.DurationFormat , который работает во всех современных браузерах, но существует недостаточно долго, чтобы считаться «широко доступным») и может удовлетворить почти все требования к форматированию непосредственно в браузере, без загрузки кода и без необходимости его парсинга. Он также учитывает языковые предпочтения пользователей, поэтому даты и числа можно форматировать так, как им удобно, без дополнительных усилий.

    habr.com/ru/companies/timeweb/

    #javascript #js #intl #datetimeformat #numberformat #locale #internationalization #timeweb_статьи_перевод #web_api #localization

  39. [Перевод] Intl: мощный браузерный API, который вы, возможно, не используете

    Intl API широко доступен (за исключением Intl.DurationFormat , который работает во всех современных браузерах, но существует недостаточно долго, чтобы считаться «широко доступным») и может удовлетворить почти все требования к форматированию непосредственно в браузере, без загрузки кода и без необходимости его парсинга. Он также учитывает языковые предпочтения пользователей, поэтому даты и числа можно форматировать так, как им удобно, без дополнительных усилий.

    habr.com/ru/companies/timeweb/

    #javascript #js #intl #datetimeformat #numberformat #locale #internationalization #timeweb_статьи_перевод #web_api #localization

  40. Just noticed that a lot of content is now FREE on laracasts.com :laravel:

    Really can recommend for everyone who wants to learn the basics of coding for the web

    laracasts.com/series/laravel-f

    #Laravel #PHP #JS #React #Vue #Vite

  41. 𝗘𝗹𝗲𝘃𝗲𝗻𝘁𝘆:

    #Jamstack #JS #StaticSiteGenerator #Eleventy

    thewhale.cc/posts/eleventy

    Eleventy is a simpler static site generator and JavaScript alternative to Jekyll. It’s zero-config by default but has flexible configuration options. Eleventy works with your project’s existing directory structure.

  42. 𝗘𝗹𝗲𝘃𝗲𝗻𝘁𝘆:

    #Jamstack #JS #StaticSiteGenerator #Eleventy

    thewhale.cc/posts/eleventy

    Eleventy is a simpler static site generator and JavaScript alternative to Jekyll. It’s zero-config by default but has flexible configuration options. Eleventy works with your project’s existing directory structure.

  43. 𝗘𝗹𝗲𝘃𝗲𝗻𝘁𝘆:

    #Jamstack #JS #StaticSiteGenerator #Eleventy

    thewhale.cc/posts/eleventy

    Eleventy is a simpler static site generator and JavaScript alternative to Jekyll. It’s zero-config by default but has flexible configuration options. Eleventy works with your project’s existing directory structure.