GitHub - sinclairzx81/hammer: Build Tool for Browser and Node ApplicationsYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
JavaScriptで任意のHTML要素をPicture-in-Pictureする
みなさんはPicture-in-Picture(PiP)という機能を使ったことがありますか。PiPは動画コンテンツなどを浮遊する小窓に表示する機能です。小窓はウィンドウの外側を自由に移動できます。 デスクトップが賑やかになりがちなPCでもPiPは大活躍なのですが、特にスマートフォンにおいては数少ない「ウィンドウ」機能になります。Androidはもちろん、iOS14も対応したことで話題になりました。 これによってスマホ一台あれば、ソシャゲの公式生放送を見ながらソシャゲのイベントを周回する地獄のような行為が可能になりました。 利用者という視点から見ると非常に便利なのですが、開発者から見ると動画しか表示できないのはなかなか使い所が難しくなります。そこで、この機能を使って好きな情報を表示できないか実験してみました。 PiP機能の対応環境 Chrome 70 Firefox 71（制限付き） mac
GitHub - tildeio/simple-html-tokenizer: A lightweight JavaScript library for tokenizing non-`<script>` HTML expected to be found in the `<body>` of a document
Simple HTML Tokenizer is a lightweight JavaScript library that can be used to tokenize the kind of HTML normally found in templates. It can be used to preprocess templates to change the behavior of some template element depending upon whether the template element was found in an attribute or text. It is not a full HTML5 tokenizer. It focuses on the kind of HTML that is used in templates: content d
crossorigin 属性の仕様を読み解く
本記事では HTML タグに指定可能な crossorigin 属性について仕様を参照しながら詳しく解説します。crossorigin 属性は複数の意味を表しており、またそれを指定するタグの他の属性値によって振る舞いが変わってしまうことから、その挙動を正確に理解するのがなかなか難しい属性です。 HTML 仕様は日々進化しています。本記事で説明している内容は記事執筆時点のものであり、閲覧時点では古くなっている可能性があります。正確な情報を知りたい方は必ず最新の仕様を確認するようお願いします。 要点だけを知りたい方は最後の「まとめ」を読んでください。 目次 crossorigin 属性はどこで使われている？ crossorigin 属性は何を意味するのか？ request mode credentials mode crossorigin 属性の意味のまとめ crossorigin 属性の振る
Islands Architecture - JASON Format
I’ve struggled to find references to this online, but heard the name used multiple times this year when describing the approach outlined here. To the best of my knowledge, the "Component Islands" pattern was coined by Etsy's frontend architect Katie Sylor-Miller during a meeting we had in 2019. The general idea of an “Islands” architecture is deceptively simple: render HTML pages on the server, an
sciter – Multiplatform HTML/CSS/JavaScript UI Engine for Desktop and Mobile Application
Embeddable HTML/CSS/JavaScript engine for modern UI development Some real life applications that use Sciter core engine for their UI – HTML/CSS under the hood. Build cross platform desktop applications with HTML, CSS and script Sciter brings a stack of web technologies to desktop UI development. Web designers, and developers, can reuse their experience and expertise in creating modern looking desk
GitHub - WebReflection/uhtml: A micro HTML/SVG render
uhtml as default { Hole, render, html, svg, attr } with smart auto-keyed nodes - read keyed or not ? paragraph to know more uhtml/keyed with extras { Hole, render, html, svg, htmlFor, svgFor, attr }, providing keyed utilities - read keyed or not ? paragraph to know more uhtml/node with same default exports but it's for one-off nodes creation only so that no cache or updates are available and it's
HTMLFormElement: requestSubmit() method - Web APIs | MDN
HTML DOM APIHTMLFormElementInstance propertiesacceptCharsetactionelementsencodingenctypelengthmethodnametargetInstance methodscheckValidity()reportValidity()requestSubmit() reset()submit()EventsformdataresetsubmitInheritanceHTMLElementElementNodeEventTargetRelated pages for HTML DOMBeforeUnloadEventDOMStringMapErrorEventHTMLAnchorElementHTMLAreaElementHTMLAudioElementHTMLBRElementHTMLBaseElementHT
GitHub - dtapuska/enterkeyhint: A specification describing enterkeyhint to label the action key on virtual keyboards
Mobile platforms (Android and iOS) have the ability for native applications to customize the virtual keyboard displayed to the user. The web does not have this ability. The web has a defined set of input modes that the type of keyboard will be presented. While customizing the type of keyboard is important for optimizing the user's experience, even more customization with respect to the enter key i
New browser on the block: Flow - QuirksBlog
2020 is only three weeks old, but there has been a lot of browser news that decreases rendering engine diversity. It’s time for some good news on that front: a new rendering engine, Flow. Below I conduct an interview with Piers Wombwell, Flow’s lead developer. This year alone, on the negative side Mozilla announced it’s laying off 70 people, most of whom appear to come from the browser side of thi
X3D: Declarative 3D for the Modern Web
Introduction Modern web technologies enable developers to create clean, yet visually rich, user experiences which are widely supported as standard by all of the major browsers. So, how do you actually go about writing standards-based visualisations for the web…? And what support is there exactly for 3D graphics? Let’s start by reviewing the two main supported approaches in the HTML standard: SVG a
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Astro
GitHub - Janpot/escape-html-template-tag: Tag literal strings with this function to html escape interpolated values
GitHub - WebReflection/linkedom: A triple-linked lists based DOM implementation.
JSitor - JavaScript, HTML, CSS, online editor
GitHub - github/jtml: Write HTML in JavaScript, using template-tags.
GitHub - microsoft/Web-Dev-For-Beginners: 24 Lessons, 12 Weeks, Get Started as a Web Developer
GitHub - developit/snarkdown: :smirk_cat: A snarky 1kb Markdown parser written in JavaScript
Amazon.co.jp: フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装: 安達稜, 武田諭: 本
