Mastodon

HabrReact 19: что нового, что полезного, и куда мы движемсяС вами Дима, старший фронтенд разработчик в Surf, и сегодня мы разберём React 19 — новую версию одной из самых популярных библиотек для создания пользовательских интерфейсов. Вперёд, к подробному разбору основных фичей, оценке их плюсов и минусов и исследованию будущего React. Читать дальше<a href="https://habr.com/ru/companies/surfstudio/articles/897200/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/companies/surfstudio/articles/897200/</a><a href="https://zhub.link/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a> <a href="https://zhub.link/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactjs</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://zhub.link/tags/Js" class="mention hashtag" rel="nofollow noopener" target="_blank">#Js</a> <a href="https://zhub.link/tags/web%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#webразработка</a>

James BasooTIL the innerText property represents the *rendered* text, not the actual text in the DOM - for that you need textContent. So if you've uppercased your content with <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="tag">#CSS</a> it will also be uppercase.I just spent way too long debugging why the <a href="https://mastodon.social/tags/Shopify" class="mention hashtag" rel="tag">#Shopify</a> predictive search breaks if I update the styling of the search button!<a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="tag">#JS</a>

Wolfram wants peaceCompare your <a href="https://mastodontech.de/tags/webapps" class="mention hashtag" rel="nofollow noopener" target="_blank">#webapps</a> and see how much memory and CPU they are using. Oh wonder <a href="https://mastodontech.de/tags/SPAs" class="mention hashtag" rel="nofollow noopener" target="_blank">#SPAs</a> are more prone to memory eating, by nature, there is more dynamic page content, more <a href="https://mastodontech.de/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#JS</a>. Already the base memory footprint is double that one of an MPA. Just check out the your browser's task manager. <a href="https://mastodontech.de/tags/devtools" class="mention hashtag" rel="nofollow noopener" target="_blank">#devtools</a> And in doubt <a href="https://mastodontech.de/tags/usetheplatform" class="mention hashtag" rel="nofollow noopener" target="_blank">#usetheplatform</a>, or in other words: HTML and CSS are powerful tools and solve more problems than some may think. Try to think simple(r).

niu tech<a href="https://fosstodon.org/tags/Nue" class="mention hashtag" rel="nofollow noopener" target="_blank">#Nue</a> 1.0 (<a href="https://nuejs.org" rel="nofollow noopener" translate="no" target="_blank">https://nuejs.org</a>) is a <a href="https://fosstodon.org/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#JS</a> framework by Tero Piirainen - the original author of <a href="https://fosstodon.org/tags/Riot" class="mention hashtag" rel="nofollow noopener" target="_blank">#Riot</a>.js - which claims to be even more lightweight than a <a href="https://fosstodon.org/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a> button (<a href="https://nuejs.org/docs/react-button-vs-nue.html" rel="nofollow noopener" translate="no" target="_blank">https://nuejs.org/docs/react-button-vs-nue.html</a>). For more info read their blog: <a href="https://nuejs.org/blog/" rel="nofollow noopener" translate="no" target="_blank">https://nuejs.org/blog/</a>CC: <a href="https://toot.cafe/@slightlyoff" class="u-url mention" rel="nofollow noopener" target="_blank">@slightlyoff</a>

marmelabHave you ever struggled with handling dates in <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="tag">#JS</a>? We've got you! 😉Introducing get-current-day: the ultimate npm package that does exactly what it says: return today's date.This npm package finally solves all your date problems with one simple trick. <a href="https://mastodon.social/tags/AprilFools" class="mention hashtag" rel="tag">#AprilFools</a>🔗 <a href="https://marmelab.com/blog/2025/04/01/get-current-day.html" target="_blank" rel="nofollow noopener" translate="no">https://marmelab.com/blog/2025/04/01/get-current-day.html</a>

Schalk NeethlingA Little Loopy - Arrays, Loops, forEach, some, for...of, for - FrontEnd Engineering Explained <a href="https://hachyderm.io/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a><a href="https://www.youtube.com/watch?v=3gGthefMC58" rel="nofollow noopener" translate="no" target="_blank">https://www.youtube.com/watch?v=3gGthefMC58</a>

FirefoxDevToolsFirefox 137 is around the corner and I realized I didn't wrote DevTools release post since the beginning of the year 🫣 Let's start with updates in version 134, which brought a few fixes and some nice accessibility improvements: <a href="https://fxdx.dev/firefox-devtools-newsletter-134/" target="_blank" rel="nofollow noopener" translate="no">https://fxdx.dev/firefox-devtools-newsletter-134/</a><a href="https://mastodon.social/tags/firefox" class="mention hashtag" rel="tag">#firefox</a> <a href="https://mastodon.social/tags/devtools" class="mention hashtag" rel="tag">#devtools</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="tag">#js</a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="tag">#a11y</a>

Jonathan MatthewsFolks who <a href="https://fosstodon.org/tags/website" class="mention hashtag" rel="nofollow noopener" target="_blank">#website</a>: I'm trying to create a slice'n'dice-able <a href="https://fosstodon.org/tags/data" class="mention hashtag" rel="nofollow noopener" target="_blank">#data</a> <a href="https://fosstodon.org/tags/table" class="mention hashtag" rel="nofollow noopener" target="_blank">#table</a> -- somewhat like <a href="https://instances.vantage.sh/" rel="nofollow noopener" translate="no" target="_blank">https://instances.vantage.sh/</a> with the per-column client-side search/constraint/etc. FWIW my data's a discrete JSON file.I'm allergic to JavaScript insofar as I have zero idea what I'm doing with it (and *can't* do anything with it, myself) but will happily copy'n'paste it as needed.Got any pointers? <a href="https://fosstodon.org/tags/websites" class="mention hashtag" rel="nofollow noopener" target="_blank">#websites</a> <a href="https://fosstodon.org/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://fosstodon.org/tags/datadriven" class="mention hashtag" rel="nofollow noopener" target="_blank">#datadriven</a> <a href="https://fosstodon.org/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://fosstodon.org/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://fosstodon.org/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://fosstodon.org/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a> <a href="https://fosstodon.org/tags/dataviz" class="mention hashtag" rel="nofollow noopener" target="_blank">#dataviz</a>

.:\dGh/:.I’m probably one of the few that advocates for 100% Code Coverage. There may be some justifiable exceptions, but overall it’s just a good practice to avoid something that doesn’t work as expected.<a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="tag">#Programming</a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="tag">#Coding</a> <a href="https://mastodon.social/tags/SoftwareDevelopment" class="mention hashtag" rel="tag">#SoftwareDevelopment</a> <a href="https://mastodon.social/tags/AppDevelopment" class="mention hashtag" rel="tag">#AppDevelopment</a> <a href="https://mastodon.social/tags/AIDevelopment" class="mention hashtag" rel="tag">#AIDevelopment</a> <a href="https://mastodon.social/tags/AIProgramming" class="mention hashtag" rel="tag">#AIProgramming</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="tag">#AI</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#WebDevelopment</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="tag">#WebDev</a> <a href="https://mastodon.social/tags/Code" class="mention hashtag" rel="tag">#Code</a> <a href="https://mastodon.social/tags/C" class="mention hashtag" rel="tag">#C</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="tag">#JavaScript</a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="tag">#JS</a> <a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="tag">#PHP</a> <a href="https://mastodon.social/tags/Rust" class="mention hashtag" rel="tag">#Rust</a> <a href="https://mastodon.social/tags/Go" class="mention hashtag" rel="tag">#Go</a> <a href="https://mastodon.social/tags/Golang" class="mention hashtag" rel="tag">#Golang</a> <a href="https://mastodon.social/tags/CPlusPlus" class="mention hashtag" rel="tag">#CPlusPlus</a> <a href="https://mastodon.social/tags/Swift" class="mention hashtag" rel="tag">#Swift</a>

HabrCodeCraft Academy: Как я создаю открытую платформу для обучения программированиюПривет, Хабр! Я yukk1ro , и сегодня хочу рассказать о своем проекте, который призван сделать обучение программированию более доступным и эффективным.<a href="https://habr.com/ru/articles/895802/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/895802/</a><a href="https://zhub.link/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://zhub.link/tags/education" class="mention hashtag" rel="nofollow noopener" target="_blank">#education</a> <a href="https://zhub.link/tags/opensourse" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensourse</a> <a href="https://zhub.link/tags/learning" class="mention hashtag" rel="nofollow noopener" target="_blank">#learning</a> <a href="https://zhub.link/tags/codecraft" class="mention hashtag" rel="nofollow noopener" target="_blank">#codecraft</a> <a href="https://zhub.link/tags/academy" class="mention hashtag" rel="nofollow noopener" target="_blank">#academy</a> <a href="https://zhub.link/tags/git" class="mention hashtag" rel="nofollow noopener" target="_blank">#git</a> <a href="https://zhub.link/tags/github" class="mention hashtag" rel="nofollow noopener" target="_blank">#github</a> <a href="https://zhub.link/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a> <a href="https://zhub.link/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdevelopment</a>

Christian AlderParallax layers 😊 A subtle shift across 13 layers kept within a frame on the page. 🦖 CodePen: <a href="https://codepen.io/HejChristian/full/ZYEqoXd" target="_blank" rel="nofollow noopener" translate="no">https://codepen.io/HejChristian/full/ZYEqoXd</a><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="tag">#CSS</a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="tag">#JS</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="tag">#HTML</a>

Ana Tudor 🐯Flip card on hover, flip back on hover out...... but on touchscreens, flip it on click and then flip it back on second click!A mostly <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="tag">#CSS</a> solution, using <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="tag">#3D</a> transforms, variables, grid, pointer MQ + a little bit of <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="tag">#JS</a>.Because somebody asked how to do it <a href="https://www.reddit.com/r/css/comments/1jm0a7v/comment/mk7zmd5/" target="_blank" rel="nofollow noopener" translate="no">https://www.reddit.com/r/css/comments/1jm0a7v/comment/mk7zmd5/</a>Live demo on <a href="https://fosstodon.org/@codepen" class="u-url mention">@codepen</a>: <a href="https://codepen.io/thebabydino/pen/MYWPeer" target="_blank" rel="nofollow noopener" translate="no">https://codepen.io/thebabydino/pen/MYWPeer</a> <a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="tag">#cssGrid</a> <a href="https://mastodon.social/tags/cssVariables" class="mention hashtag" rel="tag">#cssVariables</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="tag">#JavaScript</a> <a href="https://mastodon.social/tags/css3D" class="mention hashtag" rel="tag">#css3D</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="tag">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="tag">#coding</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="tag">#frontend</a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="tag">#cssLayout</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="tag">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="tag">#dev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="tag">#webDevelopment</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="tag">#webDev</a>

Wolfram wants peace"SPA Feel – Pattern #1 – Restore Scroll Position"Combine the inherent simplicity and performance of MPAs with the smooth user experience of SPAs, making SPAs often outdated.<a href="https://picostitch.com/blog/2025/03/spa-feel1-restore-scroll/" rel="nofollow noopener" translate="no" target="_blank">https://picostitch.com/blog/2025/03/spa-feel1-restore-scroll/</a>Initially written about at <a href="https://mastodontech.de/@wolframkriesing/113147202566737199" rel="nofollow noopener" translate="no" target="_blank">https://mastodontech.de/@wolframkriesing/113147202566737199</a><a href="https://mastodontech.de/tags/usetheplatform" class="mention hashtag" rel="nofollow noopener" target="_blank">#usetheplatform</a> <a href="https://mastodontech.de/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodontech.de/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#JS</a>

StrephilЯ поправил, всё заработало! <a class="hashtag" href="https://juick.com/tag/web" rel="nofollow noopener" target="_blank">#web</a> <a class="hashtag" href="https://juick.com/tag/%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82%D1%8B" rel="nofollow noopener" target="_blank">#интернеты</a> <a class="hashtag" href="https://juick.com/tag/JS" rel="nofollow noopener" target="_blank">#JS</a>

tlohdemake up your mind: is longitude `lon` or `lng`?<a href="https://fediscience.org/tags/gis" class="mention hashtag" rel="nofollow noopener" target="_blank">#gis</a> <a href="https://fediscience.org/tags/mapping" class="mention hashtag" rel="nofollow noopener" target="_blank">#mapping</a> <a href="https://fediscience.org/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://fediscience.org/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a> <a href="https://fediscience.org/tags/python" class="mention hashtag" rel="nofollow noopener" target="_blank">#python</a>

StrephilВ интернетах есть сайт, не мой. На нём есть javascript. Он больше не работает, там что-то надо поправить. Я сохранил страничку html локально, на ней есть нужный мне <script>. Я могу его менять в vim и смортреть, что меняется в firefox. Хорошо. Но! В запросах к сторонним сервисам в http-заголовках Origin и Refer пустые, как-то в Firefox можно их подменить, чтобы сторонний сервис думал, что я захожу с сайта, а не локальную страничку пердолю? <a class="hashtag" href="https://juick.com/tag/web" rel="nofollow noopener" target="_blank">#web</a> <a class="hashtag" href="https://juick.com/tag/%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82%D1%8B" rel="nofollow noopener" target="_blank">#интернеты</a> <a class="hashtag" href="https://juick.com/tag/JS" rel="nofollow noopener" target="_blank">#JS</a> <a class="hashtag" href="https://juick.com/tag/Firefox" rel="nofollow noopener" target="_blank">#Firefox</a>

//devdigest⚡️ JavaScript Promises Explained🏷️ <a href="https://mastodon.social/tags/devdigest" class="mention hashtag" rel="tag">#devdigest</a> <a href="https://mastodon.social/tags/dotnet" class="mention hashtag" rel="tag">#dotnet</a> <a href="https://mastodon.social/tags/net" class="mention hashtag" rel="tag">#net</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="tag">#javascript</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="tag">#js</a><a href="https://devdigest.today/goto/3764" target="_blank" rel="nofollow noopener" translate="no">https://devdigest.today/goto/3764</a>

sekurak NewsKiedy podatność przypomina backdoora – Next.js CVE-2025-29927 i obejście logiki middlewareKrytyczna podatność (CVSS3.1 na poziomie 9.1) we frameworku JS ściąganym niemal 10 milionów razy w tygodniu, która pozwala na obejście uwierzytelniania? Brzmi jak idealna piątkowa publikacja. Tak też się stało 21.03.2025, kiedy światło dzienne ujrzała podatność zgłoszona niemal miesiąc wcześniej przez dwóch badaczy – @zhero___ oraz @inzo___. Przyjrzeli się oni...<a href="https://mastodon.com.pl/tags/WBiegu" class="mention hashtag" rel="nofollow noopener" target="_blank">#WBiegu</a> <a href="https://mastodon.com.pl/tags/Exploit" class="mention hashtag" rel="nofollow noopener" target="_blank">#Exploit</a> <a href="https://mastodon.com.pl/tags/Js" class="mention hashtag" rel="nofollow noopener" target="_blank">#Js</a> <a href="https://mastodon.com.pl/tags/Middleware" class="mention hashtag" rel="nofollow noopener" target="_blank">#Middleware</a> <a href="https://mastodon.com.pl/tags/Podatno%C5%9B%C4%87" class="mention hashtag" rel="nofollow noopener" target="_blank">#Podatność</a> <a href="https://mastodon.com.pl/tags/Websec" class="mention hashtag" rel="nofollow noopener" target="_blank">#Websec</a><a href="https://sekurak.pl/kiedy-podatnosc-przypomina-backdoora-next-js-cve-2025-29927-i-obejscie-logiki-middleware/" rel="nofollow noopener" translate="no" target="_blank">https://sekurak.pl/kiedy-podatnosc-przypomina-backdoora-next-js-cve-2025-29927-i-obejscie-logiki-middleware/</a>

𝙹𝚘𝚑𝚊𝚗<a href="https://mastodon.ml/@13i" class="u-url mention" rel="nofollow noopener" target="_blank">@13i</a> ...Для AdBlock / uBlock советуют такое:<pre><code>mail.yandex.ru###js-apps-container > div > div.mail-App-Content.js-mail-app-content > div > div.mail-Layout-Container > div.mail-Layout-Inner > div.mail-Layout-Main.js-mail-layout-content > div.mail-Layout-ContentWrapper > main > div:nth-child(2) > div > div > div > div > div mail.yandex.ru###js-apps-container > div > div.mail-App-Content.js-mail-app-content > div > div.mail-Layout-Container > div.mail-Layout-Inner > nav > div.mail-Layout-Aside-Inner.js-scroller-left > div > div:nth-child(2) yandex.ru##main.main.serp.i-bem > div.Root.Root_inited > div > div </code></pre>

Vlad Merk ☭ ✅Как убрать рекламу в Я.Почте: отключить эти 2 элемента через одно из дополнений: <a href="https://mastodon.ml/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a>-mail-layout-content-header > .message-list-banner-portal + div<a href="https://mastodon.ml/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a>-mail-layout div > <a href="https://mastodon.ml/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a>-layout-inner + div

Recent searches

Search options

Administered by:

Server stats:

#js