Control the Viewport Resize Behavior on mobile with `interactive-widget` - HTMHell
by Bramus Viewports units on mobile have been a problem for a long time. Using 100vh is most likely not exactly what you initially expected it to be. To fix this, the CSS Working Group came up with more units over time for you to use. The dynamic viewport units got introduced, which include svh and lvh which represent 1% of the small and large viewport height respectively. Two mobile browser visua
The 2024 Web Almanac
Web Almanac HTTP Archive’s annual state of the web report Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. The 2024 edition is comprised of 21 chapters spanning aspects of page content, user experience, publishing, and distri
11 HTML best practices for login & sign-up forms—Martian Chronicles, Evil Martians’ team blog
Most websites have login or sign-up forms; they’re a critical part of business conversion. However, even popular sites fail to implement the 11 best practices mentioned in this article, and thus have at least one mistake. So, read this post, and then check your forms and improve your UX by using HTML technologies the way they should be used. In general, sign-in and login forms are very simple. For
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
ContentsNew in Safari 18Web apps for MacCSSSpatial WebHTMLJavaScriptWeb APICanvasManaged Media SourceWebRTCHTTPSWebGLWeb InspectorPasskeysSafari ExtensionsApple PayDeprecationsBug Fixes and moreUpdating to Safari 18.0Feedback 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 resolve
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
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
O dialog focus, where art thou? - Manuel Matuzovic
Page by Page: How Pagination Makes the Web Accessible - HTMHell
Native HTML light and dark color scheme switching - HTMHell
Tooltip Best Practices | CSS-Tricks
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
{{#tags}}- {{label}}
{{/tags}}