JavaScript: заметка об Anchor Positioning API

Привет, друзья! В этой небольшой статье мы вместе с вами немного пощупаем новый Web API - Anchor Positioning . Anchor Positioning API предоставляет новые возможности для связывания элементов между собой. Одни элементы являются якорями (якорными, anchor elements), другие - позиционируемыми относительно якорей (закрепленными, anchor-positioned elements). Размер и положение позиционируемого элемента может определяться размером и положением якорного элемента. Кроме того, с помощью CSS можно: определять альтернативные позиции закрепленного элемента, которые будут применяться браузером, например, при выходе такого элемента за пределы экрана определять условия видимости закрепленного элемента, например, скрывать такой элемент при выходе за пределы экрана На сегодняшний день этот API поддерживается всеми основными браузерами (в Safari пока только в качестве экспериментальной возможности).

https://habr.com/ru/companies/timeweb/articles/979180/

#web_api #css #html #anchor_positioning_api #anchor #tooltip #dropdown #якорь #тултип #дропдаун

JavaScript: заметка об Invoker Commands API

Привет, друзья! В этой небольшой статье я хочу рассказать вам о новом Web API - Invoker Commands . Invoker Commands API позволяет декларативно управлять поведением некоторых интерактивных элементов с помощью кнопок. "Декларативно" означает, что управления элементами осуществляется только с помощью HTML, без JavaScript. На сегодняшний день этот API поддерживается всеми основными браузерами (в Safari пока только в качестве экспериментальной возможности).

https://habr.com/ru/companies/timeweb/articles/972668/

#invoker_commands_api #html #web_api #dialog #popover #command #commandfor #диалог #поповер #timeweb_статьи_перевод

Web APIをMCP化してAgent-readyにした話
https://developers.cyberagent.co.jp/blog/archives/60687/

#developers #エンジニア #AIエージェント #AI事業本部 #FastMCP #MCP #Web_API #極予測TD

Искусство проектирования URL: Роутинг, Query и Hash параметры

Плохой URL путает пользователей, хороший — работает как швейцарский нож. Разбираем анатомию, правила построения иерархичных путей, мощь Query-параметров и истинное назначение Hash. Практика на JavaScript и чеклист готовых решений.

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

#url #вебразработка #frontend #роутинг #маршрутизация #javascript #seo #web_api

Книга: «.NET 8: приложения и сервисы. Практика создания проектов с использованием Blazor, .NET MAUI, gRPC, GraphQL.»

Привет, Харборожители! У нас есть для вас новое издание книги «.NET 8: приложения и сервисы» вы сможете поднять свои навыки владения C# и .NET на новый уровень. В книге описаны практические приемы использования различных технологий, включая Web API, gRPC, GraphQL и SignalR, что выделяет ее среди других источников. Она познакомит вас с новой унифицированной моделью Blazor Full Stack и расскажет, как использовать .NET MAUI для разработки мобильных и десктопных приложений. В новом издании представлены последние достижения, включая бесшовную реализацию веб-сервисов со встроенной поддержкой Ahead-of-Time (AOT) ADO. NET SqlClient. Помимо других популярных библиотек, в книге рассматриваются Humanizer и Noda Time. Совершенно новая глава расскажет об архитектуре, кэшировании, организации очередей и приемах построения надежных фоновых сервисов.

https://habr.com/ru/companies/piter/articles/930400/

#web_api #grpc #graphql #signalr #net #c# #c#net #maui #blazor

Долгий путь к ResizeObserver

Привет, Хабр! Меня зовут Анна, я JS-разработчик в компании SimbirSoft и занимаюсь разработкой веб-приложений на React. Эту статью я посвящаю тем, кто занимается разработкой, сталкивается с нестандартными задачами и переживает, что нашу профессию может вскоре заменить искусственный интеллект (ИИ). Я поделюсь решением задачи, связанной с динамическими размерами блока, — проблемой, с которой наверняка может столкнуться в своей работе любой frontend-разработчик. Почему же я назвала статью именно «Долгий путь к ResizeObserver»? Возможно, я и слышала раньше про этот API, но когда передо мной встала конкретная задача (описанная ниже), я о нем даже не вспомнила. Мне пришлось пробовать сначала одно решение, потом другое — и лишь в третью очередь я пришла к нужному инструменту. Таков мой путь — из трех шагов. Я человек, поэтому могу честно рассказать, как именно искала решения, в отличие от ИИ. Надеюсь, моя статья поможет вам быстро и эффективно справиться с похожей задачей, а заодно придаст уверенности в собственных силах. Я убеждена: ответы на вопросы находятся не только в нашей голове, но и в окружающем мире, а человек, в отличие от ИИ, способен чувствовать, искать и находить их самым неожиданным для себя образом.

https://habr.com/ru/companies/simbirsoft/articles/926864/

#javascript #react #html #css #web_api #динамические_блоки #поиск_решений #ии #искусственный_интеллект

[Перевод] document.currentScript: что такое и с чем едят

Сначала я недооценил document.currentScript , но оказалось, что он отлично подходит для передачи параметров конфигурации прямо в теги <script> — и это далеко не все. Порой я натыкаюсь на давно существующие браузерные API в JavaScript, о которых, по идее, я должен был узнать гораздо раньше. Например, window.screen или метод CSS.supports() . К счастью, я понял, что не один такой. Помню, как однажды упомянул window.screen в посте и получил неожиданно много комментариев от людей, которые тоже впервые о нем слышали. Это меня немного приободрило — я почувствовал себя не таким уж глупым. Видимо, дело не в том, как давно существует API, а в том, насколько он полезен в реальных задачах. Если window.screen почти нигде не используется, о нем легко забыть. Но иногда все же появляется неожиданный шанс применить одну из этих малоизвестных возможностей. Похоже, я как раз нашел такой случай для document.currentScript — и намерен использовать его по максимуму.

https://habr.com/ru/companies/timeweb/articles/918092/

#timeweb_статьи_перевод #javascript #js #webdev #currentscript #documentcurrentscript #web_api #browser_api #возможности_веба #возможности_браузера #script #скрипт

Scalar на замену Swashbuckle в .NET 9 и как это готовить с Design API First

Рассказываю чем заменить Swashbuckle, который убрали из .Net 9, для создания страницы похожей на Swagger UI.

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

#web_api #aspnet_core #swagger #open_api #net_9 #dotnet_core #dotnet #typespec #webapi #openapi

Управление bluetooth из js или как я реверсинжинирил умный чайник

В статье описаны способы получения информации о подключении устройств по bluetooth. Проведен анализ обмена данными между чайником и официальным приложением и создано собственное веб приложение для управления умным чайником из браузера.

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

#bluetooth #web_api #reverseengineering #navigator #чайник