生のhtmlは書けないので、body要素内にspan, details(summary), img, aタグあたりをパレットかなんかから選んで設置できればええんやけど

HTMLの最新技術や仕様策定中の技術を取り上げたアンケート（2023年版）の結果が紹介されています。 details要素やdialog要素が使えるようになってしばらく経ちますが、autocomplete属性やinert属性も使う場所を見極めてどんどん使っていきたいですね！ mitsue.co.jp/knowledge/blog…

Web制作87日目 #デイトラ ・Q&Aセクションのコーディング続きとお客様の声セクションのHTML、swiperの導入 ○Q&AセクションのHTMLをアコーディオン用のHTMLタグ〈details〉〈summary 〉を使って作り直してみた。これ便利。 pic.twitter.com/wEK6SYNjRV

アコーディオンという折りたたみ機能が何故かダメだった デフォルト三角マークを消して、色付きの▼▲に変更する処理 *html* <details> <summary>概要</summary> 内容 </details> (1/2)

【たった4行 - JS不要‼️】 🌱アクセシビリティを考慮した アコーディオンメニューの実装 〜details タグと summary タグ〜 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 👀メリット ・HTMLの記述量が圧倒的に少ない ・開く操作のJavaScriptの記述不要 ・TAB、エンター、スペースキーで操作可能… pic.twitter.com/g0TMdko7PX

メモ Q&Aのアコーディオンのコーディングについて Javascriptを使わずに、HTMLの<details>タグと<summary>タグだけで使えば作れることは可能だが、アクセシビリティ面・ユーザビリティ面で不便なところがある。 ics.media/entry/220901/

デザインシステムのコンポーネントを作っていく際、意図せずセマンティックなHTMLで作りにくいデザインをしてしまわないようにデザイナーはこの辺り（<input>, <select>, <textarea>, <a>, <details>, (<button>)）のドキュメントなり読んで作っていくのが望ましいよなあって

＼CSSだけでできるアコーディオンの実装方法／ 王道のアコーディオンをCSSのみで実装するパターン！ ※ブクマ必須 目標実装イメージ HTMLではdetaisタグで全体を囲い、その中にsummaryタグを入れ込みます。 HTML <details class="accordion"> <summary… pic.twitter.com/dvC4cpCbvY

これからアコーディオンUI作るなら、このHTMLで作るほうが簡単だし、ユーザービリティも良いとのことです。😄さすがです。　#デイトラ　最新の技術を教えてくれる。 detailsとsummaryタグで作るアコーディオンUI - アニメーションのより良い実装方法 - ICS MEDIA ics.media/entry/220901/

css/html のここ数年のアップデートをようやく少しずつ学んでいってる楽しい - 100dvh - var(--hoge) - display: grid, subgrid - display: sticky - margin-inline - コンテナクエリ(cqw) - clamp - <details><summary> - <script defer>

HTMLのタグでdetailsとsummaryってめっちゃ便利やな ってSafariだけ非対応か... リンゴがMS化してるな...orz developer.mozilla.org/ja/docs/Web/HT…

日付：5月16日 ✅模写コーディング 1.5h ✍🏻学んだこと ・detailsとsummaryでHTMLでも動きをつけれる #web制作

勉強になります✍️ detailsタグ以前サイトで使ってうわー便利と思っていたことを思い出しました😓（使っていないと忘れますね） 令和のHTML / CSS / JavaScriptの書き方まとめ｜dadada zenn.dev/necscat/articl… #zenn