以前に 劇薬の The New CSS Reset という記事を書き、その中で「UAスタイルシートを理解していれば、どんなCSSリセットも使える」と言いました。 ただ改めてUAスタイルシートの事を検索にかけても「ブラウザのデフォルトのスタイルシートです」で終わる記事が多く、これでUAスタイルシートを理解しろというのは無理な話です。 そこで後進のために、UAスタイルシートとは何なのか？ UAスタイルシートとリセットCSSの付き合い方を文章として残しておきます。 UAスタイルシートとは？ UAスタイルシートとは、User Agent Style Sheet の略で、webブラウザがデフォルトで持っているスタイルシートのことです。これは、HTML要素をどのように表示するか、振る舞いを持たせるかを定義したものです。 スタイルシートの種類と階層 スタイルシートといっても、いくつかあります。 多くのド
なぜインライン要素・ブロック要素概念は依然として有用なのか：現代的なWeb制作への適用 https://zenn.dev/coedo/articles/html-css-inline-element-block-level-element この記事では、『なぜインライン要素・ブロック要素概念は依然として有用なのか』という記事（以下「元記事」といいます）の説明について見ていきます。 この記事の対象者 この記事は、ウェブ制作を学んでいる人や、「インライン要素」「ブロック要素」という用語の扱いに困っている人を想定しています。 はじめに： 結論 この記事の結論は次の2つです。 今日のHTMLから「インライン要素」「ブロックレベル要素」という表記はなくなった。 ある要素にどのような要素を入れるのかは、「インライン要素」「ブロック要素」という考え方を使わなくてもできる。 詳しく説明したいと思います。
(2022/4/28) フォローアップ記事となる、ジェイソンさんの記事の翻訳版を公開いたしました。 「HTML3.2のどこが「間違って」いるのか、そしてそれを見た目重視のクラスで再現するのがおかしいわけ」 先日投稿した「「阿部寛のホームページ」はHTML界のシーラカンスである」の続編として、MediumのHTML関連の記事でセマンティックではないHTML・CSS（特にTailwind CSS）に対し舌鋒鋭い批判をしていらっしゃるJason Knightさんに、英語版の記事を見ていただいた。しっかりコードを分析されているようで恐縮である。忌憚・忖度の無いセカンドオピニオン的知見としてご覧いただければ幸いである。 (2022/4/22) 上司から会社の名前を載せて書いているのに、表現が過激すぎるのではないかとお達しがあったため、表現をマイルドにして、原文を削除した。大変申し訳ありませんでした。
WebKit Features in Safari 16.4
Mar 27, 2023 by Patrick Angle, Marcos Caceres, Razvan Caliman, Jon Davis, Brady Eidson, Timothy Hatcher, Ryosuke Niwa, and Jen Simmons ContentsWeb Push on iOS and iPadOSImprovements for Web AppsWeb ComponentsCSSHTMLJavaScript and WebAssemblyWeb APIImages, Video, and AudioWKWebViewDeveloper ToolingWeb InspectorSafari Web ExtensionsSafari Content BlockersNew Restrictions in Lockdown ModeMore Improve
=>htmz> a low power tool for html htmz is a minimalist HTML microframework for creating interactive and modular web user interfaces with the familiar simplicity of plain HTML. [GitHub] plain🍦 Use straight up HTML. No supersets. No hz- ng- hx- v- w- x-; no special attributes. No DSLs. No <custom-elements>. Just vanilla HTML. lightweight🪶 166 bytes in total. Zero dependencies. Zero JS bundles to l
シルエット姿のネコがWebブラウザ上に集まりたわむれるだけのChrome拡張「ネッコサーフィン」の“問題”が解決した。俳優の阿部寛さんの公式Webサイト「阿部寛のホームページ」だけネコが来なかったのだが、有志が対策パッチを開発。同サイトにネコを召喚することに成功した。 ちなみにネッコサーフィンは、ロシアとウクライナでバズっており、ネコの癒やし効果は世界をで求められているようだ。 ネッコサーフィンは、発明家・デザイナーの「もにゃ」さんが開発した拡張。マウスの移動量に応じてネコが現れてたわむれるだけで、便利な機能はない。むしろちょっと邪魔だ。 「阿部寛のホームページ」は、1990年代にタイムスリップしたかのような古風なサイト。なつかしのframesetタグが利用されているため、ネッコサーフィンを入れたブラウザでもネコが現れないという問題が起きていた。 もにゃさんはユーザーに対して、「阿部寛のホ
はじめに その昔、GBA Boot cableというGBAとPCを繋いで通信したり、プログラムを流したりして遊べるデバイスが2000年代にあらわれて、それを買って遊んでいた時期がありました。私は当時大学生です。そのときはまだWindows XPが主流だった頃で、32bitの環境で動くデバイスドライバと通信用のソフトウェアが色々提供されていて、当時は楽しく遊んでいた記憶があります。 それから時は流れ、Windows 10と64bit環境が主流になった2020年頃、思い出したかのようにGBA Boot cableとGBAを取り出した私は昔遊んでいたデバイスドライバとソフトウェアが動作しないことに気づきました。このときは生成AIでコーディングすることなど影も形もなかった時代であったため、自力でこの課題の解決策を探し出しました(stackoverflowなどを読み漁っていた記憶があります)。USB
WebKit Features in Safari 17.0
Sep 18, 2023 by Jen Simmons and the Safari / WebKit Team Today’s the day for Safari 17.0. It’s now available for iOS 17 and iPadOS 17. [Update September 26th] And now, Safari 17.0 is available for macOS Ventura, and macOS Monterey, and macOS Sonoma. Safari 17.0 is also available in the vision OS Simulator, where you can test your website by downloading the latest beta of Xcode 15, which supports t
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? (2022/4/12) 英語版を書きました。よろしければ拡散お願いいたします。 説明する必要も無いと思うが、阿部寛さんと言えば日本を代表する名優の一人であり、数々の作品でその巨躯以上の存在感を見せつける、映像業界にはなくてはならない存在だ。実写に疎い私ですら、「TRICK」のポンコツだがプライドは一人前な上田教授、「テルマエ・ロマエ」の『未来』の日本に驚嘆し、その工夫を当時の技術で貪欲に取り込むローマ人温泉技師ルシウス、「下町ロケット」の熱血でより良い製品の開発に力を注ぎ、町工場の高みを目指す佃社長と、その名演はふと思い出せるくらい、語
こんにちは、フロントエンドエンジニアの mehm8128 です。 今回は敢えて、a11y 上の理由から Deprecated になった HTML と ARIA をまとめてみようという記事です。 Deprecated の定義 今回 "Deprecated" は、基本的に MDN において Deprecated の表示があるものを指すこととします。ただし、MDN からも既に削除されているものについては例外となります（＝ Deprecated の表示がないけど今回の定義に含みます）。 MDN の "Deprecated" 表示については以下のページに記載されています。mdn/browser-compat-data からデータを参照しているので、mdn/browser-compat-data のドキュメント も参照されています。 また、今回は主に a11y 上の理由で Deprecated になっ
オープンなKindle用英和辞書 - 豪鬼メモ
Kindleの実機（無印、Paperwhite、Oasis、Voyage等）で使えるオープンな英和辞書を作ってみた。以前の記事で紹介したEPUB辞書をKindleのmobiフォーマットに変換したものである。データソースにはWordNetやWiktionaryなどのオープンに使えるものを使っている。辞書ファイルをダウンロードできるようにしておいたので、試しに使ってみてほしい。 何年かぶりに、Kindle Paparwhiteの新型が発売された。私にとっては待望だったので、早々に購入して使っている。画面が広くなってコントラストも高くなって動作も早くなって、値段が17000円と高い以外は、良いこと尽くめだ。とはいえ、よく使う期間には携帯電話よりも長時間触れるデバイスであるから、それなりの投資をするのに吝かではない。 Kindle端末には、もともとプログレッシブ英和中辞典がバンドルされている。日本
WebKit Features in Safari 18.4
Mar 31, 2025 by Jen Simmons, Saron Yitbarek, Jon Davis, Razvan Caliman, Karl Dubost, Brady Eidson, Elika Etemad, Youenn Fablet, Matthew Finkel, Simon Fraser, Timothy Hatcher, David Johnson, Anne van Kesteren, Daniel Liu, Keith Miller, Rupin Mittal, Tim Nguyen, Pascoe, Abrar Rahman Protyasha, Richard Robinson, Lily Spiniolas, Brandon Stewart, John Wilander and Luming Yin ContentsDeclarative Web Pus
HTMLパーサーの設計・実装ノート (1) 字句解析
ふと思いつきでHTMLパーサーを書いているので、どのようなことを考えながら実装したかの記録を残します。 (1) 字句解析 (2) 構文解析 おことわり 偏ったこだわりや早すぎる最適化もあるかもしれませんが、あくまで趣味で書いているものなのでご理解ください。そういったもののなかにも、他の人の発想のヒントになるものも含まれると考えています。 途中の試行錯誤のサイクルを省いて結論だけを紹介している箇所もあります。ご了承ください。 ソースコードは https://github.com/qnighy/htstream に上げていますが、現在のところ完成度はそれほど高くありません。ドキュメントもほぼありませんがご了承ください。 HTMLについて HTMLの管轄をめぐっては紆余曲折がありましたが、現在はWebブラウザベンダーを中心とする標準化団体であるWHATWGが制定するHTML StandardがH
HTML5はなぜ廃止された？いつからなのか、仕様変遷も紹介！ - アンドエンジニア - エンジニアのこと、エンジニアから。
この記事でわかること W3Cが規格勧告したHTML5は、2021年1月28日に廃止されました 以降はWHATWGが規格策定するHTML Living Standardに仕様が一本化します WHATWGではHTML Living Standardの仕様はHTML5であると説明しており、今後も仕様改訂がされます 目次 1. HTML5が廃止とは？ 1-1. HTML5の仕様策定は？ 1-2. HTMLの仕様改訂の歴史は？ 1-3. WHATWGとは？ 1-4. HTML Living Standardとは？ 1-5. W3CとWHATWGの合意事項は？ 2. HTML5の言語仕様は？ 2-1. HTML5とHTML4のそもそもの違い 2-2. HTML5とHTML Living Standardの違い 3. 新標準のHTML Living Standardが学べるおすすめの本 3-1. できる
Back In Time: Vintage Maps of Akihabara (1976–2001) ⌘I Get Info
I often browse old Japanese console and computer magazines. I’m mainly searching for old Hanafuda Koi-Koi video games, but sometimes I stumble across something else that is interesting in a totally different way. In May 2019, whilst browsing an old issue of POPCOM over at the wonderful Internet Archive, I found a period map of the Akihabara 秋葉原 district—famous for its multitude of stores selling e
WebKit Features in Safari 26.0
Sep 15, 2025 by Jen Simmons, Saron Yitbarek, Jon Davis, Tim Nguyen, Blaze Burg, Marcos Cáceres, Razvan Caliman, Qianlang Chen, Karl Dubost, Kiet Ho, David Johnson, Aditya Keerthi, Daniel Liu, Keith Miller, Abrar Rahman Protyasha, Richard Robinson, Kiara Rose, Ahmad Saleem, Anne van Kesteren, Brian Weinstein, Eddy Wong, Luming Yin, Brandel Zachernuk ContentsCSSEvery site can be a web app on iOS and
HTMLリファレンス - とほほのWWW入門
HTMLの基本 フォント(文字) 改行 背景 マルチメディア 意味づけ リンク レイアウト(配置) リスト テーブル フォーム(入力フォーム) フレーム(画面分割) 埋め込み その他 HTMLの基本 HTMLのバージョンを明記する： <!DOCTYPE> HTML文書を書く： <html> HTMLのヘッダを書く： <head> HTMLのタイトルを書く： <title> HTMLの本文を書く： <body> HTMLソースにコメントを書く： <!-- --> 水平線を記述する： <hr> < や > や & を記述する： &xxx; 2文字以上のスペースを書く： 文書構造 メインブロック： <main> ヘッダーブロック： <header> フッターブロック： <footer> ナビゲーターブロック： <nav> サイドブロック： <aside> セクションを記述する： <
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UAスタイルシートとリセットCSSとは - 2023 - kojika17
『なぜインライン要素・ブロック要素概念は依然として有用なのか：現代的なWeb制作への適用』という記事について
海外のガチHTMLコーダーに阿部寛のホームページを見てもらった - Qiita
htmz - a low power tool for html
ネコがたわむれるだけのChrome拡張、「阿部寛のホームページ」で利用可能に 有志が対策パッチ開発
動かないデバイスもAntigravityがなんとかしてくれた
「阿部寛のホームページ」はHTML界のシーラカンスである - Qiita
a11y 上の理由で Deprecated になった HTML と ARIA まとめ