Clarifying The Relationship Between Popovers And Dialogs | CSS-Tricks
The difference between Popovers (i.e., the popover attribute) and Dialogs (i.e., both the <dialog> element and the dialog accessible role) is incredibly confusing — so much that many articles (like this, this, and this) have tried to shed some light on the issue. If you’re still feeling confused, I hope this one clears up that confusion once and for all. Distinguishing Popovers From Dialogs Let’s
HTML for People
HTML is for people HTML isn’t only for people working in the tech field. It’s for anybody, the way documents are for anybody. HTML is just another type of document. A very special one—the one the web is built on. I’m Blake Watson. I’ve been building websites since the early 2000s. Though I work professionally in the field, I feel strongly that anyone should be able to make a website with HTML if t
WebKit Features in Safari 18.0
Safari 18.0 is here. Along with iOS 18, iPadOS 18, macOS Sequoia and visionOS 2, today is the day another 53 web platform features, as well as 25 deprecations and 209 resolved issues land in WebKit, the rendering engine driving Safari. New in Safari 18 Distraction Control Distraction Control lets you hide distracting items as you browse the web, such as sign-in banners, cookie preference popups, n
Good forms
Brian LeRoux posted a few thoughts about forms and the idea of a “good form” resonated with me so I dogpiled some of my own thoughts and experiences on it. Here’s a compilation of those ideas. I’m sure this is incomplete and would love to see your list. Good forms work without client JavaScript (Brian LeRoux) Good forms always submit (Brian LeRoux) Good forms remember values and display problems i
Responsive bar charts in HTML and CSS - 9elements
Building flexible data visualizations for international sites For our international clients, we have created dynamic charts and data visualizations for the web. Charts typically render shapes like lines and paths, rectangles and circles. They contain text for titles, axis labels, numerical values and legends. SVG is the good fit for this purpose. It embeds directly into HTML and pairs well with CS
An origin trial for a new HTML <permission> element | Blog | Chrome for Developers
There are a number of imperative methods for asking for permission to use powerful features like location access in web apps. These methods come with a number of challenges, which is why the Chrome permissions team is experimenting with a new declarative method: a dedicated HTML <permission> element. This element is in origin trial from Chrome 126, and ultimately we hope to standardize it. Imperat
Target=_blank implies rel=noopener
If you want to be a good web citizen, you might know about the target="_blank" security issue. In the old days, when you linked to a site and wanted to open a new tab with target="_blank", the target site could access your site via window.opener. This means in short: If window A opens window B, B.opener returns A. Suppose you haven't heard of this behavior; it's pretty wild because it implies that
Using the Popover API for HTML Tooltips – Frontend Masters Boost
Using the Popover API for HTML Tooltips May 6, 2024 We looked at the Popover API and how it’s made it’s way across all browsers already just last week. One of the things I should have done is looked at the accessibility considerations more closely. Thanks to Melanie Sumner there is a great explainer with demos. I tried to adhere to the points made in there the best I could while making a classic t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Keyboard focusable scrollers | Blog | Chrome for Developers
What’s the Difference Between HTML’s Dialog Element and Popovers? – Frontend Masters Boost
Going Buildless
Brief Note on Disclosures in Fieldsets
A brief history of CSS until 2016
Feedback on a Pagination Pattern
Footnotes Progressively Enhanced to Popovers – Frontend Masters Boost
How Deep is Your DOM? | Frontend at Scale
Fine-tuning Text Inputs
Why you need to go back to basics if you want to learn HTML or CSS – Baldur Bjarnason
Anchor Links and How to Make Them Awesome
Declarative Design