DailyHTML📐 SVG: ‹style›
Embeds style sheet rules inside an SVG document.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/style
sayzardVibe code your next presentation
Variant는 AI 코딩 에이전트가 실제 HTML과 CSS로 프레젠테이션 슬라이드를 생성하고, 팀은 친숙한 시각적 캔버스에서 이를 실시간으로 편집할 수 있는 웹 기반 프레젠테이션 도구입니다. Claude Code, Codex 등 MCP 호환 에이전트와 연동해 슬라이드를 생성, 수정, 미리보기, 내보내기까지 가능하며, 결과물은 HTML, PDF, PPTX 형식으로 내보낼 수 있습니다. 이미지 기반 슬라이드와 달리 HTML 기반이라 부분 수정이 용이하고, 차트나 임베드 등 인터랙티브 콘텐츠도 포함할 수 있어 AI 에이전트와 협업하는 엔지니어링 및 제품팀에 적합합니다.
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.
Lori_NoctisGood 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
Habr[Перевод] Управляемый прокруткой 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
Install web apps with the new HTML install element
크롬과 엣지 브라우저에서 새롭게 도입된 HTML <install> 요소는 자바스크립트 없이도 신뢰할 수 있는 웹 앱 설치 버튼을 제공한다. 이 요소는 브라우저가 버튼의 텍스트와 디자인을 제어하여 사용자 클릭을 진정한 설치 의도로 인식하며, 동일 출처뿐 아니라 다른 출처의 앱 설치도 지원한다. 기존의 Web Install API(navigator.install())와 비교해 선언적이고 간단한 구현이 가능하며, 현재 버전 148 이상에서 플래그 활성화 또는 오리진 트라이얼로 테스트할 수 있다. 개발자는 이 요소를 활용해 앱 카탈로그 페이지 등에서 여러 앱 설치 버튼을 쉽게 구현할 수 있다.
Robert KingettHow 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
HyperFrames는 HeyGen이 공개한 오픈소스(Apache 2.0) HTML 기반 비디오 렌더링 프레임워크로, AI 에이전트(Claude Code·Cursor·Codex·Gemini CLI 등)와 긴밀히 연동된다. compositions는 순수 HTML+data 속성으로 작성해 빌드가 필요 없고 CLI로 preview·render 가능하며 GSAP 등 런타임 어댑터와 결정론적 렌더링을 지원한다. Remotion과는 저작 방식(HTML vs React)과 라이선스가 차별점이다.
LeanpubGame Studio Starter Kit (3 Game Collection) by Stephen Gose is the featured track of online courses 🛤️ on Leanpub!
Link: https://leanpub.com/set/leanpub/gsskit
#javascript #game_development #web_development #gaming #romance #teen_and_young_adult #games #project_management #html #education #diy #creative_non_fiction #startups #networking #crafts_and_hobbies
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.
Inautilo#Development #Introductions
The HTML Sanitizer API · Safer web development with HTML sanitization https://ilo.im/16cqyw
_____
#HTML #Sanitization #ProgressiveEnhancement #Security #XSS #APIs #Browsers #WebDev #Frontend #DOM