分かったようで分からない、そんなもやもやする HTML 要素の一つに aside 要素があるのではないでしょうか。その元凶の一つに「サイドバー」という言葉が挙げられます。ここでは aside 要素の定...
Continue reading...webfrontend.ninja
【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...【HTML】ここは自動翻訳しないで translate 属性
海外のウェブサイトを読みたいとき、Google 翻訳を活用した人は多いのではないでしょうか。筆者は、英語なら何とか読めたとしても、それ以外の言語だとチンプンカンプンです。 逆に、あなたのウェブサイトも...
Continue reading...【JavaScript】sleep/wait する方法
記事タイトルの通り、JavaScript という非同期な世界で sleep する方法を考えてみます。もちろん、寝たいわけではなくて、待たせたいわけですよ。なので、wait させたい、とも言えますね。 ...
Continue reading...新画像フォーマット AVIF はもう使えるのか？
[2022-09-26 更新] 2021 年 10 月にリリースされた Firefox 93 に気になる機能追加がありました。それは画像フォーマット AVIF のサポートです。そして 2022 年 9...
Continue reading...