https://b.hatena.ne.jp/macky1207/bookmark macky1207のはてなブックマーク (5,964) https://zenn.dev/d_kawaguchi/articles/css-anchor-positioning-294aa71a7f77fc “CSS Anchor Positioning 仕様の紹介” macky1207 2024-10-07T08:15:16Z 10 <blockquote cite="https://zenn.dev/d_kawaguchi/articles/css-anchor-positioning-294aa71a7f77fc" title="CSS Anchor Positioning 仕様の紹介"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fd_kawaguchi%2Farticles%2Fcss-anchor-positioning-294aa71a7f77fc" alt="" /> <a href="https://zenn.dev/d_kawaguchi/articles/css-anchor-positioning-294aa71a7f77fc">CSS Anchor Positioning 仕様の紹介</a></cite><p><a href="https://zenn.dev/d_kawaguchi/articles/css-anchor-positioning-294aa71a7f77fc"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f7139fb05609d6414ea526779337938651877dc0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--zHbMNk6d--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ACSS%252520Anchor%252520Positioning%252520%2525E4%2525BB%252595%2525E6%2525A7%252598%2525E3%252581%2525AE%2525E7%2525B4%2525B9%2525E4%2525BB%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Ad-kawaguchi%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzliMjUzZTlmOTQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="CSS Anchor Positioning 仕様の紹介" title="CSS Anchor Positioning 仕様の紹介" class="entry-image" /></a></p><p>CSS Anchor Positioning は、要素の配置を制御する新しい仕様で、指定した要素（アンカー要素）の位置を基準に、要素を配置できます。 ポップオーバーやツールチップ、トーストなどをはじめとした、さまざまな UI コンポーネントの実装に利用できます。 特に CSS Anchor Positioning による要素の配置には、「配置する要...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/d_kawaguchi/articles/css-anchor-positioning-294aa71a7f77fc"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/d_kawaguchi/articles/css-anchor-positioning-294aa71a7f77fc" alt="はてなブックマーク - CSS Anchor Positioning 仕様の紹介" title="はてなブックマーク - CSS Anchor Positioning 仕様の紹介" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/d_kawaguchi/articles/css-anchor-positioning-294aa71a7f77fc"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.whatwg.org/the-state-of-fieldset-interoperability macky1207 2023-11-29T03:04:54Z 3 <blockquote cite="https://blog.whatwg.org/the-state-of-fieldset-interoperability" title="The WHATWG Blog — The state of fieldset interoperability"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.whatwg.org%2Fthe-state-of-fieldset-interoperability" alt="" /> <a href="https://blog.whatwg.org/the-state-of-fieldset-interoperability">The WHATWG Blog — The state of fieldset interoperability</a></cite><p><a href="https://blog.whatwg.org/the-state-of-fieldset-interoperability"><img src="" alt="The WHATWG Blog — The state of fieldset interoperability" title="The WHATWG Blog — The state of fieldset interoperability" class="entry-image" /></a></p><p>As part of my work at Bocoup, I recently started working with browser implementers to improve the state of fieldset, the 21 year old feature in HTML, that provides form accessibility benefits to assistive technologies like screen readers. It suffers from a number of interoperability bugs that mak...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.whatwg.org/the-state-of-fieldset-interoperability"><img src="https://b.hatena.ne.jp/entry/image/https://blog.whatwg.org/the-state-of-fieldset-interoperability" alt="はてなブックマーク - The WHATWG Blog — The state of fieldset interoperability" title="はてなブックマーク - The WHATWG Blog — The state of fieldset interoperability" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.whatwg.org/the-state-of-fieldset-interoperability"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not/ macky1207 2023-10-03T14:08:39Z 3 <blockquote cite="https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not/" title="Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.bram.us%2F2023%2F09%2F16%2Fsolved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not%2F" alt="" /> <a href="https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not/">Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not</a></cite><p><a href="https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ddbb6ad85b17fe496b51624cf4c232873318829e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.bram.us%2Fwordpress%2Fwp-content%2Fuploads%2F2023%2F09%2Fcss-scroll-detection.png" alt="Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not" title="Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not" class="entry-image" /></a></p><p>Because Scroll-Driven Animations are only active when there is scrollable overflow, it is possible to use them as a mechanism to detect if an element can scroll or not. Mix in a Space Toggle or a Style Query, and you’ve got all you need to selectively style an element based on it being scrollable...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not/"><img src="https://b.hatena.ne.jp/entry/image/https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not/" alt="はてなブックマーク - Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not" title="はてなブックマーク - Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/ macky1207 2023-08-15T02:07:45Z 4 <blockquote cite="https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/" title="An Auto-Filling CSS Grid With Max Columns of a Minimum Size | CSS-Tricks"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcss-tricks.com%2Fan-auto-filling-css-grid-with-max-columns%2F" alt="" /> <a href="https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/">An Auto-Filling CSS Grid With Max Columns of a Minimum Size | CSS-Tricks</a></cite><p><a href="https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3febf52eeeb78db1f0a6390fcbe4f847dd385bf5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi0.wp.com%2Fcss-tricks.com%2Fwp-content%2Fuploads%2F2018%2F04%2Fgrid-lightbulb.jpg" alt="An Auto-Filling CSS Grid With Max Columns of a Minimum Size | CSS-Tricks" title="An Auto-Filling CSS Grid With Max Columns of a Minimum Size | CSS-Tricks" class="entry-image" /></a></p><p>Within Drupal 10 core, we’re implementing a new auto-filling CSS Grid technique that I think is cool enough to share with the world. The requirements are: The user specifies a maximum number of columns. This is the auto-filling grid’s “natural” state.If a grid cell goes under a user-specified wid...</p><p><a href="https://b.hatena.ne.jp/entry/s/css-tricks.com/an-auto-filling-css-grid-with-max-columns/"><img src="https://b.hatena.ne.jp/entry/image/https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/" alt="はてなブックマーク - An Auto-Filling CSS Grid With Max Columns of a Minimum Size | CSS-Tricks" title="はてなブックマーク - An Auto-Filling CSS Grid With Max Columns of a Minimum Size | CSS-Tricks" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/css-tricks.com/an-auto-filling-css-grid-with-max-columns/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.naro.go.jp/project/results/laboratory/vegetea/2009/vegetea09-25.html macky1207 2023-08-09T07:12:20Z 40 <blockquote cite="https://www.naro.go.jp/project/results/laboratory/vegetea/2009/vegetea09-25.html" title="キュウリの「ヘタ」と「実」の切り口をこすりあわせることにより渋味を低減できる | 農研機構"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.naro.go.jp%2Fproject%2Fresults%2Flaboratory%2Fvegetea%2F2009%2Fvegetea09-25.html" alt="" /> <a href="https://www.naro.go.jp/project/results/laboratory/vegetea/2009/vegetea09-25.html">キュウリの「ヘタ」と「実」の切り口をこすりあわせることにより渋味を低減できる | 農研機構</a></cite><p><a href="https://www.naro.go.jp/project/results/laboratory/vegetea/2009/vegetea09-25.html"><img src="" alt="キュウリの「ヘタ」と「実」の切り口をこすりあわせることにより渋味を低減できる | 農研機構" title="キュウリの「ヘタ」と「実」の切り口をこすりあわせることにより渋味を低減できる | 農研機構" class="entry-image" /></a></p><p>※アーカイブの成果情報は、発表されてから年数が経っており、情報が古くなっております。 同一分野の研究については、なるべく新しい情報を検索ください。 要約 キュウリ果実を切断すると、維管束から渋い液が滲出する。渋味成分(アク)の主体はギ酸である。果実のツル側の先端部分(ヘタ)を切断し、残った部分(実)と切り...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.naro.go.jp/project/results/laboratory/vegetea/2009/vegetea09-25.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.naro.go.jp/project/results/laboratory/vegetea/2009/vegetea09-25.html" alt="はてなブックマーク - キュウリの「ヘタ」と「実」の切り口をこすりあわせることにより渋味を低減できる | 農研機構" title="はてなブックマーク - キュウリの「ヘタ」と「実」の切り口をこすりあわせることにより渋味を低減できる | 農研機構" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.naro.go.jp/project/results/laboratory/vegetea/2009/vegetea09-25.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.itmedia.co.jp/news/articles/2306/20/news196.html esaにこの機能ついたりしないかな macky1207 2023-06-22T05:18:28Z 367 <blockquote cite="https://www.itmedia.co.jp/news/articles/2306/20/news196.html" title="「社内のアレ分からん、教えてAI」実現　Microsoftの“自社版ChatGPT作成サービス”にデータ取り込み機能"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.itmedia.co.jp%2Fnews%2Farticles%2F2306%2F20%2Fnews196.html" alt="" /> <a href="https://www.itmedia.co.jp/news/articles/2306/20/news196.html">「社内のアレ分からん、教えてAI」実現　Microsoftの“自社版ChatGPT作成サービス”にデータ取り込み機能</a></cite><p><a href="https://www.itmedia.co.jp/news/articles/2306/20/news196.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ac8876079cd150e3810b3f6c1f96667fa203c0b3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.itmedia.co.jp%2Fnews%2Farticles%2F2306%2F20%2Fcover_news196.jpg" alt="「社内のアレ分からん、教えてAI」実現　Microsoftの“自社版ChatGPT作成サービス”にデータ取り込み機能" title="「社内のアレ分からん、教えてAI」実現　Microsoftの“自社版ChatGPT作成サービス”にデータ取り込み機能" class="entry-image" /></a></p><p>「社内のアレ分からん、教えてAI」実現　Microsoftの“自社版ChatGPT作成サービス”にデータ取り込み機能 米Microsoftは6月19日（現地時間）、大規模言語モデル「GPT-3.5」などのAPIをクラウドサービス「Microsoft Azure」上で使える「Azure OpenAI Service」に、新機能「On Your Data」を追加した。ローカルやAzure上のス...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.itmedia.co.jp/news/articles/2306/20/news196.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.itmedia.co.jp/news/articles/2306/20/news196.html" alt="はてなブックマーク - 「社内のアレ分からん、教えてAI」実現　Microsoftの“自社版ChatGPT作成サービス”にデータ取り込み機能" title="はてなブックマーク - 「社内のアレ分からん、教えてAI」実現　Microsoftの“自社版ChatGPT作成サービス”にデータ取り込み機能" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.itmedia.co.jp/news/articles/2306/20/news196.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.lifull.blog/entry/accessibility-improvements-homes-sp macky1207 2023-03-30T04:51:11Z 19 <blockquote cite="https://www.lifull.blog/entry/accessibility-improvements-homes-sp" title="アクセシビリティ改善中！ LIFULL HOME&#39;S スマートフォンサイト - LIFULL Creators Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.lifull.blog%2Fentry%2Faccessibility-improvements-homes-sp" alt="" /> <a href="https://www.lifull.blog/entry/accessibility-improvements-homes-sp">アクセシビリティ改善中！ LIFULL HOME&#39;S スマートフォンサイト - LIFULL Creators Blog</a></cite><p><a href="https://www.lifull.blog/entry/accessibility-improvements-homes-sp"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f388e30bbcccfcdd4e064caa18973f108b02d276/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F11696248318758806388%2F4207112889975836769%2F1680134400" alt="アクセシビリティ改善中！ LIFULL HOME&#39;S スマートフォンサイト - LIFULL Creators Blog" title="アクセシビリティ改善中！ LIFULL HOME&#39;S スマートフォンサイト - LIFULL Creators Blog" class="entry-image" /></a></p><p>フロントエンドエンジニアの嶌田です。株式会社 LIFULL でプロダクトのアクセシビリティ向上をミッションとして活動しています。 本日は、不動産・住宅情報の総合サービスである LIFULL HOME&#39;S のスマートフォンサイトにおいて、過去半年間で実施したアクセシビリティ向上施策をご紹介します。ご紹介する施策のうちいく...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.lifull.blog/entry/accessibility-improvements-homes-sp"><img src="https://b.hatena.ne.jp/entry/image/https://www.lifull.blog/entry/accessibility-improvements-homes-sp" alt="はてなブックマーク - アクセシビリティ改善中！ LIFULL HOME&#39;S スマートフォンサイト - LIFULL Creators Blog" title="はてなブックマーク - アクセシビリティ改善中！ LIFULL HOME&#39;S スマートフォンサイト - LIFULL Creators Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.lifull.blog/entry/accessibility-improvements-homes-sp"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.ndl.go.jp/jp/library/supportvisual/docs/ac_image_description_spec.pdf macky1207 2023-03-30T00:48:58Z 2 <blockquote cite="https://www.ndl.go.jp/jp/library/supportvisual/docs/ac_image_description_spec.pdf" title="学術文献の視覚障害者等用テキストデータ製作における代替テキスト製作仕様書ver.2021.1"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ndl.go.jp%2Fjp%2Flibrary%2Fsupportvisual%2Fdocs%2Fac_image_description_spec.pdf" alt="" /> <a href="https://www.ndl.go.jp/jp/library/supportvisual/docs/ac_image_description_spec.pdf">学術文献の視覚障害者等用テキストデータ製作における代替テキスト製作仕様書ver.2021.1</a></cite><p><a href="https://www.ndl.go.jp/jp/library/supportvisual/docs/ac_image_description_spec.pdf"><img src="" alt="学術文献の視覚障害者等用テキストデータ製作における代替テキスト製作仕様書ver.2021.1" title="学術文献の視覚障害者等用テキストデータ製作における代替テキスト製作仕様書ver.2021.1" class="entry-image" /></a></p><p>1 / 44 学術文献の視覚障害者等用テキストデータ製作における 代替テキスト製作仕様書 ver.2021.1 令和 3 年 5 月 国立国会図書館 2 / 44 主な改訂履歴 版 改定内容 ver.2021.1 (令和3 年5 月)  名称を「学術文献を原本とする視覚障害者等用テキストデータ製作における代替テキスト製作に 関する仕様書」から「学術文献...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.ndl.go.jp/jp/library/supportvisual/docs/ac_image_description_spec.pdf"><img src="https://b.hatena.ne.jp/entry/image/https://www.ndl.go.jp/jp/library/supportvisual/docs/ac_image_description_spec.pdf" alt="はてなブックマーク - 学術文献の視覚障害者等用テキストデータ製作における代替テキスト製作仕様書ver.2021.1" title="はてなブックマーク - 学術文献の視覚障害者等用テキストデータ製作における代替テキスト製作仕様書ver.2021.1" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ndl.go.jp/jp/library/supportvisual/docs/ac_image_description_spec.pdf"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.ndl.go.jp/jp/library/supportvisual/supportvisual-02-02.html macky1207 2023-03-30T00:45:09Z 2 <blockquote cite="https://www.ndl.go.jp/jp/library/supportvisual/supportvisual-02-02.html" title="学術文献のテキストデータの製作｜国立国会図書館―National Diet Library"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ndl.go.jp%2Fjp%2Flibrary%2Fsupportvisual%2Fsupportvisual-02-02.html" alt="" /> <a href="https://www.ndl.go.jp/jp/library/supportvisual/supportvisual-02-02.html">学術文献のテキストデータの製作｜国立国会図書館―National Diet Library</a></cite><p><a href="https://www.ndl.go.jp/jp/library/supportvisual/supportvisual-02-02.html"><img src="" alt="学術文献のテキストデータの製作｜国立国会図書館―National Diet Library" title="学術文献のテキストデータの製作｜国立国会図書館―National Diet Library" class="entry-image" /></a></p><p>OCR（光学文字認識）をかけただけのもので、OCRの誤認識により誤字やレイアウトの崩れが含まれるテキストデータ。文字校正をしていないため、間違いが多数ある可能性があります。 ファイル形式は以下のとおり（希望するいずれか又は両方）で、製作期間は概ね1か月以内です。 校正済テキストデータもご希望の場合は、未校...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.ndl.go.jp/jp/library/supportvisual/supportvisual-02-02.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.ndl.go.jp/jp/library/supportvisual/supportvisual-02-02.html" alt="はてなブックマーク - 学術文献のテキストデータの製作｜国立国会図書館―National Diet Library" title="はてなブックマーク - 学術文献のテキストデータの製作｜国立国会図書館―National Diet Library" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ndl.go.jp/jp/library/supportvisual/supportvisual-02-02.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://mm-galabo.com/AcGameWiki/index.php macky1207 2023-03-08T03:26:12Z 3 <blockquote cite="https://mm-galabo.com/AcGameWiki/index.php" title="FrontPage - 視覚障害者向け アクセシブルゲーム 情報 まとめWiki"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmm-galabo.com%2FAcGameWiki%2Findex.php" alt="" /> <a href="https://mm-galabo.com/AcGameWiki/index.php">FrontPage - 視覚障害者向け アクセシブルゲーム 情報 まとめWiki</a></cite><p><a href="https://mm-galabo.com/AcGameWiki/index.php"><img src="" alt="FrontPage - 視覚障害者向け アクセシブルゲーム 情報 まとめWiki" title="FrontPage - 視覚障害者向け アクセシブルゲーム 情報 まとめWiki" class="entry-image" /></a></p><p>本Wikiについて † 本Wikiは、視覚障害の有無に関わりなくプレイ可能なコンピューターゲームの情報を共有、集積するまとめWikiです。 コンシューマーゲーム、アーケードゲーム、パソコンゲーム、スマートフォンゲーム、オンラインゲーム、コンピューターゲームでないもの（トレーディングカードゲーム/テーブルゲーム）等...</p><p><a href="https://b.hatena.ne.jp/entry/s/mm-galabo.com/AcGameWiki/index.php"><img src="https://b.hatena.ne.jp/entry/image/https://mm-galabo.com/AcGameWiki/index.php" alt="はてなブックマーク - FrontPage - 視覚障害者向け アクセシブルゲーム 情報 まとめWiki" title="はてなブックマーク - FrontPage - 視覚障害者向け アクセシブルゲーム 情報 まとめWiki" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mm-galabo.com/AcGameWiki/index.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/overflow_offers/articles/20220627-css-anchored-positioning macky1207 2022-09-14T05:48:19Z 7 <blockquote cite="https://zenn.dev/overflow_offers/articles/20220627-css-anchored-positioning" title="Web の仕様を眺めるシリーズ CSS Anchored Positioning｜Offers Tech Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Foverflow_offers%2Farticles%2F20220627-css-anchored-positioning" alt="" /> <a href="https://zenn.dev/overflow_offers/articles/20220627-css-anchored-positioning">Web の仕様を眺めるシリーズ CSS Anchored Positioning｜Offers Tech Blog</a></cite><p><a href="https://zenn.dev/overflow_offers/articles/20220627-css-anchored-positioning"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b2aa3eb0a1e3f5ef9f0e2ab2c940a990d482f9aa/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--cnlxoC7a--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AWeb%252520%2525E3%252581%2525AE%2525E4%2525BB%252595%2525E6%2525A7%252598%2525E3%252582%252592%2525E7%25259C%2525BA%2525E3%252582%252581%2525E3%252582%25258B%2525E3%252582%2525B7%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252582%2525BA%252520CSS%252520Anchored%252520Positioning%2525EF%2525BD%25259COffers%252520Tech%252520Blog%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3Aahomu%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzY4M2UwNWE5MjAuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3AOffers%252520Tech%252520Blog%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2c0R1RTSnc2emdQaVVwNkQyblJGcUk4bFoySkduN2doTG5OVGRPbWc9czI1MC1j%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="Web の仕様を眺めるシリーズ CSS Anchored Positioning｜Offers Tech Blog" title="Web の仕様を眺めるシリーズ CSS Anchored Positioning｜Offers Tech Blog" class="entry-image" /></a></p><p>Offers を運営している株式会社 overflow の あほむ でございます。最近書いた JavaScript は Google Apps Script です。UI 書きたいけどマネージャーという名の雑用忙しいウオオ。 最上層に浮かせて表示したい UI の配置を制御する仕様 なんとなく Chrome Platform Status から Proposed なステータスのフィーチャーを...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/overflow_offers/articles/20220627-css-anchored-positioning"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/overflow_offers/articles/20220627-css-anchored-positioning" alt="はてなブックマーク - Web の仕様を眺めるシリーズ CSS Anchored Positioning｜Offers Tech Blog" title="はてなブックマーク - Web の仕様を眺めるシリーズ CSS Anchored Positioning｜Offers Tech Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/overflow_offers/articles/20220627-css-anchored-positioning"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://developer.chrome.com/blog/pop-ups-theyre-making-a-resurgence macky1207 2022-09-14T05:41:19Z 5 <blockquote cite="https://developer.chrome.com/blog/pop-ups-theyre-making-a-resurgence" title="Pop-ups: They&#39;re making a resurgence!  |  Blog  |  Chrome for Developers"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.chrome.com%2Fblog%2Fpop-ups-theyre-making-a-resurgence" alt="" /> <a href="https://developer.chrome.com/blog/pop-ups-theyre-making-a-resurgence">Pop-ups: They&#39;re making a resurgence!  |  Blog  |  Chrome for Developers</a></cite><p><a href="https://developer.chrome.com/blog/pop-ups-theyre-making-a-resurgence"><img src="" alt="Pop-ups: They&#39;re making a resurgence!  |  Blog  |  Chrome for Developers" title="Pop-ups: They&#39;re making a resurgence!  |  Blog  |  Chrome for Developers" class="entry-image" /></a></p><p>The goal of the Open UI initiative is to make it easier for developers to make great user experiences. To do this, we are trying to tackle the more problematic patterns that developers face. We can do this by providing better platform built-in APIs and components. One such problem area is pop-ups...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.chrome.com/blog/pop-ups-theyre-making-a-resurgence"><img src="https://b.hatena.ne.jp/entry/image/https://developer.chrome.com/blog/pop-ups-theyre-making-a-resurgence" alt="はてなブックマーク - Pop-ups: They&#39;re making a resurgence!  |  Blog  |  Chrome for Developers" title="はてなブックマーク - Pop-ups: They&#39;re making a resurgence!  |  Blog  |  Chrome for Developers" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.chrome.com/blog/pop-ups-theyre-making-a-resurgence"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://dengekionline.com/articles/141471/ > 2002年（平成24年）7月27日（金）は、『ファイナルファンタジーXIV：新生エオルゼア』が始動するというニュースが流れ、盛り上がりました。 macky1207 2022-07-27T02:09:55Z 2 <blockquote cite="https://dengekionline.com/articles/141471/" title="【ここだけ10年前】新生『FFXIV』が『ファイナルファンタジーXIV： 新生エオルゼア』として始動！"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdengekionline.com%2Farticles%2F141471%2F" alt="" /> <a href="https://dengekionline.com/articles/141471/">【ここだけ10年前】新生『FFXIV』が『ファイナルファンタジーXIV： 新生エオルゼア』として始動！</a></cite><p><a href="https://dengekionline.com/articles/141471/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ca31069efab4157e5a1b3748a8be12baf8cada3f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdengekionline.com%2Fimages%2FCLw4%2FYabt%2FoLci%2F4kuj%2FVJn4R7QF7TxkU1PjtF0KUX1EaiiLiBSa5GH3vN1XAmK7PFDq4fQDiXEa9bQuJgo6UPOmRwTzs7o3v59j_main.jpg" alt="【ここだけ10年前】新生『FFXIV』が『ファイナルファンタジーXIV： 新生エオルゼア』として始動！" title="【ここだけ10年前】新生『FFXIV』が『ファイナルファンタジーXIV： 新生エオルゼア』として始動！" class="entry-image" /></a></p><p>【ここだけ10年前】新生『FFXIV』が『ファイナルファンタジーXIV： 新生エオルゼア』として始動！ 文 Go 公開日時 2022年07月27日(水) 06:20 2012年（平成24年）7月27日（金）の主な記事は？ 2002年（平成24年）7月27日（金）は、『ファイナルファンタジーXIV：新生エオルゼア』が始動するというニュースが流れ、盛り上...</p><p><a href="https://b.hatena.ne.jp/entry/s/dengekionline.com/articles/141471/"><img src="https://b.hatena.ne.jp/entry/image/https://dengekionline.com/articles/141471/" alt="はてなブックマーク - 【ここだけ10年前】新生『FFXIV』が『ファイナルファンタジーXIV： 新生エオルゼア』として始動！" title="はてなブックマーク - 【ここだけ10年前】新生『FFXIV』が『ファイナルファンタジーXIV： 新生エオルゼア』として始動！" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/dengekionline.com/articles/141471/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://open-ui.org/prototypes/selectmenu/ macky1207 2022-06-10T06:08:16Z 1 <blockquote cite="https://open-ui.org/prototypes/selectmenu/" title="selectmenu | Open UI"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fopen-ui.org%2Fprototypes%2Fselectmenu%2F" alt="" /> <a href="https://open-ui.org/prototypes/selectmenu/">selectmenu | Open UI</a></cite><p><a href="https://open-ui.org/prototypes/selectmenu/"><img src="" alt="selectmenu | Open UI" title="selectmenu | Open UI" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/open-ui.org/prototypes/selectmenu/"><img src="https://b.hatena.ne.jp/entry/image/https://open-ui.org/prototypes/selectmenu/" alt="はてなブックマーク - selectmenu | Open UI" title="はてなブックマーク - selectmenu | Open UI" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/open-ui.org/prototypes/selectmenu/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://polypane.app/css-specificity-calculator/ “Supports all of CSS Selectors level 4” macky1207 2022-06-09T12:26:32Z 2 <blockquote cite="https://polypane.app/css-specificity-calculator/" title="CSS Selector Specificity Calculator | Polypane"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpolypane.app%2Fcss-specificity-calculator%2F" alt="" /> <a href="https://polypane.app/css-specificity-calculator/">CSS Selector Specificity Calculator | Polypane</a></cite><p><a href="https://polypane.app/css-specificity-calculator/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9879afe957c5c1a6e3449fc74268d79944572fc3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpolypane.app%2Fog-custom%2Fcsscalc.png" alt="CSS Selector Specificity Calculator | Polypane" title="CSS Selector Specificity Calculator | Polypane" class="entry-image" /></a></p><p>What is CSS selector specificity?If an element is targeted by multiple selectors, browser use the specificity of the selector to determine which styling to apply. Each selector has a specificity that is determined by what you use in that selector: elements, ID&#39;s, classes etc. This specificity is ...</p><p><a href="https://b.hatena.ne.jp/entry/s/polypane.app/css-specificity-calculator/"><img src="https://b.hatena.ne.jp/entry/image/https://polypane.app/css-specificity-calculator/" alt="はてなブックマーク - CSS Selector Specificity Calculator | Polypane" title="はてなブックマーク - CSS Selector Specificity Calculator | Polypane" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/polypane.app/css-specificity-calculator/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ciechanow.ski/mechanical-watch/ macky1207 2022-05-12T14:03:03Z 33 <blockquote cite="https://ciechanow.ski/mechanical-watch/" title="Mechanical Watch – Bartosz Ciechanowski"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fciechanow.ski%2Fmechanical-watch%2F" alt="" /> <a href="https://ciechanow.ski/mechanical-watch/">Mechanical Watch – Bartosz Ciechanowski</a></cite><p><a href="https://ciechanow.ski/mechanical-watch/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/94be92d134732ebfa34c5c11efa35235f7d6cc75/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fciechanow.ski%2Fimages%2Fog%2Fwatch.png" alt="Mechanical Watch – Bartosz Ciechanowski" title="Mechanical Watch – Bartosz Ciechanowski" class="entry-image" /></a></p><p>In the world of modern portable devices, it may be hard to believe that merely a few decades ago the most convenient way to keep track of time was a mechanical watch. Unlike their quartz and smart siblings, mechanical watches can run without using any batteries or other electronic components. Ove...</p><p><a href="https://b.hatena.ne.jp/entry/s/ciechanow.ski/mechanical-watch/"><img src="https://b.hatena.ne.jp/entry/image/https://ciechanow.ski/mechanical-watch/" alt="はてなブックマーク - Mechanical Watch – Bartosz Ciechanowski" title="はてなブックマーク - Mechanical Watch – Bartosz Ciechanowski" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ciechanow.ski/mechanical-watch/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://florian.rivoal.net/talks/line-breaking/ macky1207 2022-02-21T06:05:17Z 2 <blockquote cite="https://florian.rivoal.net/talks/line-breaking/" title="CSS Line Breaking"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fflorian.rivoal.net%2Ftalks%2Fline-breaking%2F" alt="" /> <a href="https://florian.rivoal.net/talks/line-breaking/">CSS Line Breaking</a></cite><p><a href="https://florian.rivoal.net/talks/line-breaking/"><img src="" alt="CSS Line Breaking" title="CSS Line Breaking" class="entry-image" /></a></p><p>White-space — Phase II Collapsible spaces at the start of a line are removed Preserved tabs shift content to the next tab stop Preserved line feeds push content to the next line Wrap the line at a wrap opportunity if more won&#39;t fit White-space — End of Line Collapsible spaces at the end of a line...</p><p><a href="https://b.hatena.ne.jp/entry/s/florian.rivoal.net/talks/line-breaking/"><img src="https://b.hatena.ne.jp/entry/image/https://florian.rivoal.net/talks/line-breaking/" alt="はてなブックマーク - CSS Line Breaking" title="はてなブックマーク - CSS Line Breaking" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/florian.rivoal.net/talks/line-breaking/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.joren.co/flex-grow-9999-hack/ macky1207 2021-10-28T15:30:41Z 8 <blockquote cite="https://www.joren.co/flex-grow-9999-hack/" title="Flex-grow 9999 Hack"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.joren.co%2Fflex-grow-9999-hack%2F" alt="" /> <a href="https://www.joren.co/flex-grow-9999-hack/">Flex-grow 9999 Hack</a></cite><p><a href="https://www.joren.co/flex-grow-9999-hack/"><img src="" alt="Flex-grow 9999 Hack" title="Flex-grow 9999 Hack" class="entry-image" /></a></p><p>The Germans broke my CSS a while ago. Well, not literally, but their long words did. A few days before the issue occurred, I saw a talk by Zoe Mickley Gillenwater at Frontend United entitled &quot;Using Flexbox Today&quot;. That talk inspired me to solve the problem with flexbox. Before I explain the flex-...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.joren.co/flex-grow-9999-hack/"><img src="https://b.hatena.ne.jp/entry/image/https://www.joren.co/flex-grow-9999-hack/" alt="はてなブックマーク - Flex-grow 9999 Hack" title="はてなブックマーク - Flex-grow 9999 Hack" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.joren.co/flex-grow-9999-hack/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://no-mochikaeri.org/ macky1207 2021-10-22T13:39:36Z 1 <blockquote cite="https://no-mochikaeri.org/" title="保育園からおむつの持ち帰りをなくす会"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fno-mochikaeri.org%2F" alt="" /> <a href="https://no-mochikaeri.org/">保育園からおむつの持ち帰りをなくす会</a></cite><p><a href="https://no-mochikaeri.org/"><img src="" alt="保育園からおむつの持ち帰りをなくす会" title="保育園からおむつの持ち帰りをなくす会" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/no-mochikaeri.org/"><img src="https://b.hatena.ne.jp/entry/image/https://no-mochikaeri.org/" alt="はてなブックマーク - 保育園からおむつの持ち帰りをなくす会" title="はてなブックマーク - 保育園からおむつの持ち帰りをなくす会" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/no-mochikaeri.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://dskd.jp/posts/112.html macky1207 2021-09-06T02:57:22Z 77 <blockquote cite="https://dskd.jp/posts/112.html" title="中身のない空の div 要素や空の span 要素は HTML 仕様として妥当なのか？ - dskd"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdskd.jp%2Fposts%2F112.html" alt="" /> <a href="https://dskd.jp/posts/112.html">中身のない空の div 要素や空の span 要素は HTML 仕様として妥当なのか？ - dskd</a></cite><p><a href="https://dskd.jp/posts/112.html"><img src="" alt="中身のない空の div 要素や空の span 要素は HTML 仕様として妥当なのか？ - dskd" title="中身のない空の div 要素や空の span 要素は HTML 仕様として妥当なのか？ - dskd" class="entry-image" /></a></p><p>公開日2021-09-06タグHTMLレイアウトや装飾目的で、中身のない div 要素や span 要素、いわゆる「空 div」「空 span」を作ることはままある。しかしそれは仕様として妥当なのだろうか？ 目次 レイアウト目的の空 div の例 装飾目的の空 span の例 HTML にレイアウト目的や装飾目的のための要素はない div と span の仕様...</p><p><a href="https://b.hatena.ne.jp/entry/s/dskd.jp/posts/112.html"><img src="https://b.hatena.ne.jp/entry/image/https://dskd.jp/posts/112.html" alt="はてなブックマーク - 中身のない空の div 要素や空の span 要素は HTML 仕様として妥当なのか？ - dskd" title="はてなブックマーク - 中身のない空の div 要素や空の span 要素は HTML 仕様として妥当なのか？ - dskd" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/dskd.jp/posts/112.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>