More capable form controls | Articles | web.dev
Many developers build custom form controls, either to provide controls that aren't built in to the browser, or to customize the look and feel beyond what's possible with the built-in form controls. However, it can be difficult to replicate the features of built-in HTML form controls. Consider some of the features an <input> element gets automatically when you add it to a form: The input is automat
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, 19 May 2025 More details about this document This version: https://www.w3.org/TR/2025/NOTE-design-principles-20250519/ 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/2025/NOTE-design-principles-20250516/ History: https://www.w3.org/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
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 - niklasvh/html2canvas: Screenshots with JavaScript
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?