More capable form controls | Articles | web.dev
The formdata event is a low-level API that lets any JavaScript code participate in form submission. Add a formdata event listener to the form you want to interact with. When a user clicks submit, the form fires a formdata event, which includes a FormData object that holds all of the data being submitted. Each formdata listener gets a chance to add to or modify the data before the form is submitted
GitHub - niklasvh/html2canvas: Screenshots with JavaScript
The script allows you to take "screenshots" of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the page. The script renders the current page as a canvas image, by reading the DOM and the
Prevent DOM-based cross-site scripting vulnerabilities with Trusted Types | Articles | web.dev
DOM-based cross-site scripting (DOM XSS) happens when data from a user-controlled source (like a username, or a redirect URL taken from the URL fragment) reaches a sink, which is a function like eval() or a property setter like .innerHTML that can execute arbitrary JavaScript code. DOM XSS is one of the most common web security vulnerabilities, and it's common for dev teams to accidentally introdu
layerJS
UX patterns like menus, sliders, layers & lightboxes, parallax effects, page-swipes, zoom effects, etc. are really just interactive animated layers. layerJS is a simple open source library that provides one simple universal concept to create such patterns in pure HTML. In layerJS Frames are containers that contain your content, like sub pages, menues, lightboxes, cards, slides, etc. These are fit
GitHub - lit/lit: Lit is a simple library for building fast, lightweight web components.
Core packages lit - The primary user-facing package of Lit which includes everything from lit-html and lit-element. lit-element - The web component base class used in Lit. lit-html - The rendering library used by LitElement. @lit/reactive-element - A low level base class that provides a reactive lifecycle based on attribute/property changes. Additional libraries @lit/localize - A library and comma
${basic,hyper,native,viper}HTML
Created to simplify DOM performance best practices, hyperHTML is 100% ECMAScript compliant and it weights about 5Kb, featuring: best in class repeated renders and updates performance declarative and reactive UI via standard template literals an ideal solution via Webpack bundles auto sanitized text content when needed partial outputs between nodes asynchronous content, renders on demand Framework
LINE BLOGアプリ開発で contenteditable と戦った話
こんにちは、LINE Fukuoka の tarunon です。LINE BLOG iOSのリリースまで、クライアントとエディタの開発を担当していました。昨年11月に、LINE BLOG は一般開放と、iOS/Androidクライアントの公開を行いました。ほぼ1年がかりの開発だったのですが、クライアント側で最も大変だったのがエディタの開発でした。この記事では LINE BLOG のエディタの根幹を支えている Workaround について解説します。普段は Swift を書いていて、ほぼその話しかしていないのですが、今回は HTML と JavaScript の話になります。 LINE BLOG はこういったサービスです。 LINE BLOG - 芸能人・有名人ブログ LINE BLOGエディタはWebブラウザの上で動作しています。開発は iOS/Android 共通のソースコードで、 i
Web Platform Design Principles
Web Platform Design Principles W3C Group Note, 24 February 2026 More details about this document This version: https://www.w3.org/TR/2026/NOTE-design-principles-20260224/ Latest published version: https://www.w3.org/TR/design-principles/ Editor's Draft: https://w3ctag.github.io/design-principles/ Previous Versions: https://www.w3.org/TR/2026/NOTE-design-principles-20260127/ History: https://www.w3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sinuous/packages/sinuous at master · luwes/sinuous
Inside Frontend #3
GitHub - microsoft/frontend-bootcamp: Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
GitHub - popeindustries/lit-html-server: Render lit-html templates on the server as Node.js streams
Release v1.1.0 · hotwired/stimulus
Chrome Platform Status
GitHub - yairEO/fakescroll: vanilla-js lightweight custom HTML scrollbar
GitHub - popcodeorg/popcode: An HTML/CSS/JavaScript editor for use in the classroom
GitHub - gwuhaolin/web-webpack-plugin: alternative for html-webpack-plugin
GitHub - mathiasbynens/he: A robust HTML entity encoder/decoder written in JavaScript.
Amazon.co.jp: インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン: Heydon Pickering (著), 太田良典 (監修), 伊原力也 (監修), 株式会社Bスプラウト (翻訳): 本
Are HTMLCollection and NodeList iterables?