[2023-08-22 更新] 恐らくウェブ業界でない人の間ですら知られているもっとも有名な HTML 要素といえば、見出し要素、つまり h1 ～ h6 要素でしょう。とりわけ h1 要素は SEO ...
Continue reading...webfrontend.ninja
【HTML】nav 要素は無くても構わないコンテンツ？
セクションを表す要素には article 要素、section 要素、aside 要素、nav 要素の 4 つの要素がありますが、この中で最も用途が分かりやすいのは nav 要素ではないでしょうか。し...
Continue reading...【HTML】section 要素を見つめなおす
[2023-08-22 更新] HTML5 で新たに導入された section 要素、みなさんは適切に使いこなせているでしょうか。いまでは、section 要素は当たり前のように使われ、さまざまなネッ...
Continue reading...【HTML】aside 要素の使いどころ
分かったようで分からない、そんなもやもやする HTML 要素の一つに aside 要素があるのではないでしょうか。その元凶の一つに「サイドバー」という言葉が挙げられます。ここでは aside 要素の定...
Continue reading...【JavaScript】express ライクな URL ルーティング URLPattern
[2022-10-26 更新] URL ルーティングといえば主にサーバーサイドの話ですが、node の express といったフレームワークではおなじみでしょう。この express のような UR...
Continue reading...【JavaScript】画面の色を抜き出す Eye Dropper API
先日 Chrome 95 がリリースされました。いつもながら、様々な機能が追加されたわけですが、その中に Eye Dropper API という気になる JavaScript API がありましたので...
Continue reading...【HTML】article と section はどう使い分ければ良い？
HTML を学び始めた初心者から、HTML4 時代から知識をアップデートしようとした古参まで、最新の HTML を学ぶと出くわすのが、article 要素と section 要素はどのように使い分ける...
Continue reading...【JavaScript】画像の本来のサイズを取得する naturalWidth と naturalHeight プロパティ
img 要素の画像がどれくらいのサイズでレンダリングされているのかを JavaScript から取得することは多いと思いますが、ときには画像ファイルの本来の幅と高さを知りたい場合もあるでしょう。ここで...
Continue reading...【HTML】使い道が分かりづらい cite 要素
HTML の要素には cite と quote がありますよね。日本語にするとどちらも「引用」なので混乱します。とりわけ cite 要素は使い道が分かりづらく、使ったことがない人も多いのではないでしょ...
Continue reading...【JavaScript】console.log() だけじゃない、便利機能満載の Console オブジェクト
JavaScript のデバッグに大活躍の Console オブジェクトですが、普段は console.log() を最も使うのではないでしょうか。Console オブジェクトには console.l...
Continue reading...