Spire: Structure-Preserving Interpretable Retrieval of Evidence

SPIRE는 HTML과 같은 반구조화 문서에서 증거를 해석 가능하게 검색하는 구조 보존 기반 파이프라인을 제안한다. 기존 임베딩 및 생성 모델의 평면적 시퀀스 인터페이스와 문서 구조 간 불일치를 해결하기 위해, 문서 내 하위 문서 단위로 후보를 표현하고 전역 및 지역 문맥화 기법을 도입해 해석 가능한 인용문을 생성한다. 실험 결과, 구조 보존과 문맥화가 결합된 접근법이 고정 예산 내에서 더 높은 품질과 다양성을 가진 인용문을 제공하며 확장성도 유지함을 보였다.

https://arxiv.org/abs/2604.20849

#informationretrieval #structureddocuments #embedding #contextualization #html

SPIRE: Structure-Preserving Interpretable Retrieval of Evidence

Retrieval-augmented generation over semi-structured sources such as HTML is constrained by a mismatch between document structure and the flat, sequence-based interfaces of today's embedding and generative models. Retrieval pipelines often linearize documents into fixed-size chunks before indexing, which obscures section structure, lists, and tables, and makes it difficult to return small, citation-ready evidence without losing the surrounding context that makes it interpretable. We present a structure-aware retrieval pipeline that operates over tree-structured documents. The core idea is to represent candidates as subdocuments: precise, addressable selections that preserve structural identity while deferring the choice of surrounding context. We define a small set of document primitives--paths and path sets, subdocument extraction by pruning, and two contextualization mechanisms. Global contextualization adds the non-local scaffolding needed to make a selection intelligible (e.g., titles, headers, list and table structure). Local contextualization expands a seed selection within its structural neighborhood to obtain a compact, context-rich view under a target budget. Building on these primitives, we describe an embedding-based candidate generator that indexes sentence-seeded subdocuments and a query-time, document-aware aggregation step that amortizes shared structural context. We then introduce a contextual filtering stage that re-scores retrieved candidates using locally contextualized views. Across experiments on HTML question-answering benchmarks, we find that preserving structure while contextualizing selections yields higher-quality, more diverse citations under fixed budgets than strong passage-based baselines, while maintaining scalability.

arXiv.org

Good morning from my perfectly normal desktop ☕️🔥

Celtic techno is playing, FileZilla is ready, Whalebird is open, Geany is waiting… and no, that is definitely not a periodic table of HTML elements as my wallpaper.

Totally normal behavior. Nothing to see here. 👀

Show me your desktops 💻

#GoodMorning #DesktopShowoff #Linux #LinuxMint #HTML #WebDev #OldSchoolWeb #Fediverse #Mastodon

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

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

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

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

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

Как разработать карусель с помощью одного CSS с анимацией, управляемой прокруткой Структурируйте HTML с помощью семантических элементов <figure> внутри прокручиваемого контейнера с role="region"...

Хабр

Install web apps with the new HTML install element

크롬과 엣지 브라우저에서 새롭게 도입된 HTML <install> 요소는 자바스크립트 없이도 신뢰할 수 있는 웹 앱 설치 버튼을 제공한다. 이 요소는 브라우저가 버튼의 텍스트와 디자인을 제어하여 사용자 클릭을 진정한 설치 의도로 인식하며, 동일 출처뿐 아니라 다른 출처의 앱 설치도 지원한다. 기존의 Web Install API(navigator.install())와 비교해 선언적이고 간단한 구현이 가능하며, 현재 버전 148 이상에서 플래그 활성화 또는 오리진 트라이얼로 테스트할 수 있다. 개발자는 이 요소를 활용해 앱 카탈로그 페이지 등에서 여러 앱 설치 버튼을 쉽게 구현할 수 있다.

https://developer.chrome.com/blog/install-element-ot

#webapps #html #chromium #pwa #webinstall

Install web apps with the new HTML install element  |  Blog  |  Chrome for Developers

Test the proposed install element.

Chrome for Developers
How to make your blog more accessible, and why you should care | The Grizzly Gazette https://grizzlygazette.bearblog.dev/how-to-make-your-blog-more-accessible-and-why-you-should-care/ #WebDev #Accessibility #A11y #HTML
How to make your blog more accessible, and why you should care

Article written by Kami Heya! I've been on bear for a while now, and while it's been awesome to see everyones cool website designs, I still ocassiona...

The Grizzly Gazette

HyperFrames는 HeyGen이 공개한 오픈소스(Apache 2.0) HTML 기반 비디오 렌더링 프레임워크로, AI 에이전트(Claude Code·Cursor·Codex·Gemini CLI 등)와 긴밀히 연동된다. compositions는 순수 HTML+data 속성으로 작성해 빌드가 필요 없고 CLI로 preview·render 가능하며 GSAP 등 런타임 어댑터와 결정론적 렌더링을 지원한다. Remotion과는 저작 방식(HTML vs React)과 라이선스가 차별점이다.

https://github.com/heygen-com/hyperframes

#hyperframes #video #ai #opensource #html

GitHub - heygen-com/hyperframes: Write HTML. Render video. Built for agents.

Write HTML. Render video. Built for agents. Contribute to heygen-com/hyperframes development by creating an account on GitHub.

GitHub
Game Studio Starter Kit (3 Game Collection)

This is the perfect Game Studio starter kit for launching your initial online dream business. This kit contains 3 tutorial books to help you create 3 different online games. You could have all 3 games ready within a day per game. Start and launch you Game Studio business today.

The HTML Sanitizer API

The HTML Sanitizer API is a new browser feature that helps developers prevent XSS vulnerabilities by safely sanitizing HTML content.

Ahmad Alfy's Blog

This is a nice to see in HTML:

- An install element for PWAs: https://developer.chrome.com/blog/install-element-ot
- HTML in the Canvas element: https://tympanus.net/codrops/2026/05/13/exploring-the-html-in-canvas-proposal

Early days for both these new features but definitely looking forward to making use of them when they land.

#html

Install web apps with the new HTML install element  |  Blog  |  Chrome for Developers

Test the proposed install element.

Chrome for Developers

📐 SVG: ‹svg›

Container defining a new coordinate system and viewport. It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG or HTML document.

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/svg

#HTML #WebDev #DailyHTML

<svg> - SVG | MDN

The <svg> SVG element is a container that defines a new coordinate system and viewport. It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG or HTML document.

MDN Web Docs