配列のソートが必要になることは多いのですが、コードの書き方を意外に忘れてしまいます。また、実は非常に不効率なソートを行っている可能性もあります。今回は、sort() メソッドの基本的な使い方から、lo...
Continue reading...webfrontend.ninja
【HTML】古くて新しい menu 要素をもう一度見つめなおす
HTML の menu 要素って使ったことありますか?恐らくほとんどの人は使ったことないのではないでしょうか。実は、menu 要素は誕生してから波乱万丈な人生を歩んでおり、menu 要素を使ってよいの...
Continue reading...【HTML】知っておきたいリンクタイプ nofollow – SEO にとって本当に重要?
数あるリンクタイプの中でも、とりわけ nofollow は SEO と絡めて語られることが多いのではないでしょうか。そのせいもあってか、nofollow にまつわる都市伝説も多いように感じます。また、...
Continue reading...【JavaScript】配列から要素を検索する 6 つの方法
JavaScript で配列から特定の条件を満たす要素が存在するかをチェックしたり、該当の要素を抜き出すといった操作は頻繁に行われます。JavaScript には、配列から要素を発見するためのメソッド...
Continue reading...【HTML】meta 要素の theme-color を使ってテーマカラーでブランディング
スマートフォンのブラウザーのアドレスバーなどの領域に色がついているウェブサイトを見たことはないでしょうか。とりわけ、Android を使っている方に多かったのではないでしょうか。 HTML にたった一...
Continue reading...【CSS】list-style-type プロパティで Safari 15 に加わった新たなリストマーカー、漢数字も
Safari 15 に、list-style-type プロパティに指定可能なリストマーカーが新たにいくつか追加されました。日本語に関係するマーカーもあり重宝しそうです。今回は追加されたマーカーのいく...
Continue reading...【CSS】aspect-ratio プロパティで縦横比を固定する
HTML 要素の縦横比を CSS だけで固定したいときってありませんか?レスポンシブウェブデザインが主流になった現在ならなおさらです。aspect-ratio プロパティを使えば簡単に実現できます。S...
Continue reading...【HTML】hr 要素は罫線じゃない?
hr 要素を罫線と思っているあなた!知識をアップデートしないといけません。でも、hr 要素って便利ですよね。簡単に罫線を描けますからね。しかし、もしあなたがウェブ業界で仕事しているなら、そんなこと言っ...
Continue reading...【HTML】footer 要素は最初と最後に2つ配置しても良い?
[2023-08-23 更新] 一般的に footer 要素はページの最後に 1 つだけ配置することが多いのではないでしょうか。しかし、必ずしもそうでなければいけないわけではありません。意外にも常識と...
Continue reading...【HTML】自動的に目次が作れるアウトライン
[2023-08-28 更新] HTML 仕様では、HTML マークアップから目次(アウトライン)を作るルールが決められています。それをアウトラインアルゴリズムと呼びます。以前は section 要素...
Continue reading...