#JS

2025-07-04

Как выжить в мире сложных интерфейсов в 2025-м: 7 работающих рецептов от React и CSS до дизайн-систем

Как говорил дядя Бен, большие продукты — это большая ответственность. И без сложных интерфейсов тут никуда: а с ними и исследования становятся труднее, и встречается больше препятствий на этапе кода — от нюансов реактивного программирования до риска утонуть в разнообразии CSS-спецификаций. Для МойОфис как мультипродуктовой экосистемы со сквозными сценариями — все эти вопросы очень актуальны! Поэтому на прошлой неделе JS-еры, дизайнеры и UX-исследователи нашей и других компаний собрались на митапе под названием Frontend&UX Talks, чтобы обсудить эти и другие проблемы современного веба. Получилось интересно, драйвово и даже сказочно! (и я в прямом смысле этого слова :)) Под катом расскажем в 7 тезисах, к каким выводам пришли и как именно: поехали! О фронтенде в 2025-м году мы поняли, что... Понятный и простой код — куда важнее, чем кажется Примитивы это сказка! (причем буквально...) Реактивное программирование актуальное и удобное! Но не для всех... Следить за CSS обновлениями каждый квартал – базовый минимум Темизация это нелегко, но есть лазейки! Редизайны продуктов – это не страшно! (ну почти...) За сложными интерфейсами – глаз да глаз...

habr.com/ru/companies/ncloudte

#javascript #ux #митап #css #дизайнсистема #интерфейсы #фигма #figma #js #rxjs

2025-07-04

Как выжить в мире сложных интерфейсов в 2025-м: 7 работающих рецептов от React и CSS до дизайн-систем

Как говорил дядя Бен, большие продукты — это большая ответственность. И без сложных интерфейсов тут никуда: а с ними и исследования становятся труднее, и встречается больше препятствий на этапе кода — от нюансов реактивного программирования до риска утонуть в разнообразии CSS-спецификаций. Для

habr.com/ru/companies/ncloudte

#javascript #ux #митап #css #дизайнсистема #интерфейсы #фигма #figma #js #rxjs

2025-07-04

Гайд на полиморфизм. Что там под капотом?

В прошлой статье мы рассмотрели теоретическую основу такого понятия как полиморфизм. Теперь же перейдем к рассмотрению что там «под капотом».

habr.com/ru/articles/923178/

#полиморфизм #дженерики #boxing #java #c# #net #js #kotlin #go #rust

Elod 🏳️‍🌈epc@infosec.exchange
2025-07-02

Another #learning aid ready, this time for primary #school #arithmetic: csirmaz.github.io/learning-aid

Unlike the spelling one, it works on mobiles, too. Has multiple different types of problem generators and hints.

#math #js #github

Game with calculator-like layout for arithmetic problems. Showing 59 + 2 and a chart of numbers between 51 and 70. A score counter at the top and the input buttons at the bottom.
Micah Ilbery :sloth_coffee:micahilbery@slothsneed.coffee
2025-07-02

If I want to write a site with vanilla #HTML / #CSS / #JS using #Astro as my #SSG are there any doc sources, projects, general setups, or tips I should know / look to for good reference? Seems like most of the things I see are about incorporating all the various frameworks that I have no interest in. I want to build a fairly simple blog and personal site. With minimal client side js. But I also want the benefits of an SSG especially when it comes to writing blog posts. Do you use or have you used Astro for a similar workflow? How do you like to set everything up?

exe x_xacgexe
2025-07-02

if I get wacked or die in prison I'm blaming potentially coinbase, gbgplc, police scotland & fbi

Freeeeeeeeeeeeeeeeeeeeeeeeeee :ablobfoxbongohyper:freeplay@wetdry.world
2025-07-02
2025-07-01

js1024.fun/ is on

js 1k demo :)

golf well people

2025-07-01

Think of a JavaScript being able to call C functions.

That's lua.

Ana Tudor 🐯anatudor
2025-07-01

2️⃣ `feColorMatrix`: swap channels ☆ interactive demo, adaptive layout - check it out on @codepen codepen.io/thebabydino/full/QW

An interactive, responsive demo illustrating how `feColorMatrix` can be used to swap channels. Another very special one.

Behind the demo mastodon.social/@anatudor/1122

2025-07-01

Code Tutorials — React: рисуем двумерный граф

Привет, друзья! В этой серии статей я делюсь с вами своим опытом решения различных задач из области веб-разработки и не только. В этой статье мы изучим библиотеку react-force-graph-2d для рисования двумерных графов. Демо приложения: react-graph.netlify.app/ Локальный запуск приложения: git clone github.com/harryheman/react-gr
cd react-graph
npm i
npm run dev Интересно? Тогда прошу под кат.

habr.com/ru/companies/timeweb/

#timeweb_статьи #javascript #js #reactjs #reactjs #react #webdev #graph #граф #canvas #холст #2d #edge #node #узел #грань #вершина #ребро

2025-07-01

#js Утром ты узнаешь о выходе нового фреймворка, а к вечеру он уже устарел.

Nube Colectivanubecolectiva
2025-07-01

setTimeout JavaScript: The Definitive User Guide.

setTimeout JavaScript: La Guía Definitiva de Uso.

👉 nubecolectiva.com/blog/como-us

setTimeout JavaScript: La Guía Definitiva de Uso.
Mac 🟪 Webbmacwebbdesign
2025-07-01

in october 2001 i moved from nyc to maine with my cat. at the triboro bridge toll she tried to climb from the truck cab window into the tollbooth. this is my year icon for works made in 2001

a pixelly silhouette of a horizontally compressed moving van. a large white cat face with black eyes is on the side. above is handwritten 2001 and a pixel perfect version of the 20x20px icon.
2025-06-28

“Блокировки которые никого не должны зацепить”. Или как я восстанавливал работу Talkvio из-за блокировок Cloudflare

Немного предыстории, прежде чем начать — о том, что у меня за проект такой — Talkvio. Уже два года я в свободное от основной работы время разрабатываю свой пет-проект — Talkvio, альтернативу Пикабу, где всё должно быть лампово и плюшево. Проект уже довольно сильно развился: там есть нейросети для проверки орфографии, автотегов и помощи в формировании контента и заголовков. Есть Android-клиент, а iOS-версия находится в разработке. Реализована похожая система кармы, как на Хабре, есть даже минусы (привет администрации Пикабу), и многое-многое другое. У нас на ресурсе пользователи больше фокусируются на авторском контенте — всевозможных интересных статьях и т.п., помимо юмористического. То есть казалось, что ничего не предвещает беды. Забегая вперед, чтобы читателю было интересно, ресурс НЕ использовал Cloudflare.

habr.com/ru/articles/922902/

#talkvio #разработка #блокировки #js

st1nger :unverified: 🏴‍☠️ :linux: :freebsd:st1nger@infosec.exchange
2025-06-28
Elod 🏳️‍🌈epc@infosec.exchange
2025-06-28

Just finished a learning aid for 5-10-year-olds in #school for spelling, see: csirmaz.github.io/learning-aid and the source at github.com/csirmaz/learning-aid .

Feel free to tweak to fit your needs! I know the tech is last century (vanilla #JS) but it does the job.

And you can use parts of the code / resources to build other projects. These include:
- visual feedback and reward, incl. fireworks
- audio rewards
- help and typing system
- scoring and saving to local store in the browser

For spelling it uses visual and audio cues (the TTS is #UK pronunciation but the source listed can do other dialects), and the #student can peek at the solution any number of times.

The important thing is that they finish the word; looking at the word multiple times will just reinforce the #learning. A point is always awarded - the aim is to ultimately reward time spent with the tool.

(My philosophy comes from a high school teacher who said cheating is OK as long as it's from your own hand-written notes.)

A tree emoji next to an unfinished word beinning with the letter T. A blue score panel showing the number 22 with a coin icon.

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst