This Image is Also an HTML Webpage
Here is an image: But it is also an HTML page. Here is the markup for the above image: Now try visiting that webpage: http://lcamtuf.coredump.cx/squirrel/ Pretty cool, eh? I did not make this. I am just showing you because it is cool. Here is an explanation of what is happening: The file is a valid jpeg file with some html in metadata. The server responds with Content-Type: text/html, making brows
HTML5 <details> in GitHub
example.md Using <details> in GitHub Suppose you're opening an issue and there's a lot noisey logs that may be useful. Rather than wrecking readability, wrap it in a <details> tag! <details> <summary>Summary Goes Here</summary> ...this is hidden, collapsable content... </details> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details A collapsible section with markdown Click to expand!
Custom Elements, a beginner’s guide
Let’s talk about Web Components: specifically, Custom Elements. Web development in 2016 is still largely the process of composing regular old elements — like div, span, or semantic elements like section and header — to generate your desired outcome. There’s a number of wrappers around this flow: either template engines, “embedded complex languages” like PHP, or libraries to manage your HTML. Custo
Custom HTML element name validator
Are you developing with Web Components, and wondering if you can use a given string as a custom element name in HTML? Just use this tool. permalink Enter a variable name: That’s a valid custom element name. About this tool This tool uses Sindre Sorhus’s validate-element-name under the hood. Made by @mathias — fork this on GitHub!
HTMLのコメント中に余分なハイフンが出現してもよくなった - 水底の血
Allow dashes in comments · whatwg/html@518d16f …実はまだHTML Standardの邦訳の方はこのFixを反映させておらず、コミットメッセージしか読んでないのですが（げふんげふん）。おまけにSGMLなりXMLなりの正確なコメントの構文も忘却の彼方だったりしますが、まあその辺のことは 正しいコメントを書こう マニアックな文法論議 - SGML の注釈宣言 あたりのほうがよっぽど詳しく解説しているのでそちらを参照してもらうとして、ともかく、 <!-- ---> <!-- -- --> <!-- --! -->といったコメントも許可されるようになりました、と。 ただし、次のコメント（もどき）はやはり構文違反となります。 <!--> <!---> <!-- --!>HTMLのコメントについては、<!--ではじまって-->で終わる、ただし間に--のよう
Resource (pre)loading
layout: true class: center, middle background-image: url(media/links.jpg) --- # `<link>` .center[Yoav Weiss | @yoavweiss] .right[] ??? Hi, I'm Yoav Weiss. I work for Akamai on making both browsers and CDNs awesomer, and I'm here today to talk to you about the `<link>` element, browser's resource loading, the connection between the two and how *you* can help browser
How to Make Accessible Web Components — a Brief Guide — SitePoint
This article was peer reviewed by Mallory van Achterberg. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! In a previous article I demonstrated how to create a multiselect web component. In the comments section of that article, readers touched on the very important subject of web component accessibility. Undoubtedly, for today’s web it’s vital to be acce
Target="_blank" - the most underestimated vulnerability ever
Target="_blank" - the most underestimated vulnerability ever by Alex Yumashev · Updated Aug 25 2021 People using target='_blank' links usually have no idea about this curious fact: The linked page gains partial access to the linking page via the window.opener object. The newly opened tab can then change the window.opener.location to some phishing page. Users trust the page that is already opened,
GitHub - HenrikJoreteg/html-parse-stringify: Parses well-formed HTML (meaning all tags closed) into an AST and back. quickly.
This is an experimental lightweight approach to enable quickly parsing HTML into an AST and stringify'ing it back to the original string. As it turns out, if you can make a the simplifying assumptions about HTML that all tags must be closed or self-closing. Which is OK for this particular application. You can write a super light/fast parser in JS with regex. "Why on earth would you do this?! Haven
Focusable Elements - Browser Compatibility Table
The following tables show which elements individual browsers consider focusable or tabbable (keyboard focusable). The tables are based on the focusable test document. Note that touch devices (without a physical keyboard) only show elements as tabbable (keyboard focusable), that can be navigated to through the on-screen keyboard (or "virtual keyboard"). Document Elements Element Expected Chrome Mic
iframe, or not, that is the question
One of the things that I really like at work is the fact that we spend time in research tickets. We have unknowns and we make a research to find out more information on particular topic. We then base our decisions on the results. Recently we had to decide whether to use an <iframe> for a third party widget development. I feel that the collected information may be handy to someone else so I decided
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
High Performance Images (Preview Edition)
Tumblr
consider removing support for multiple in <input type=range> · Issue #1520 · whatwg/html
GitHub - whatwg/mimesniff: MIME Sniffing Standard
GitHub - joshbuchea/HEAD: A simple guide to HTML <head> elements
156625 – Remove support for X-Frame-Options in `<meta>`
Live WebVTT Viewer
GitHub - kangax/html-minifier: Javascript-based HTML compressor/minifier (with Node.js support)
HTML plan from Léonie Watson on 2016-01-19 (public-html@w3.org from January 2016)