令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
ごく簡単なHTMLの説明
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 （スライドのHTML版） 何のためのHTML？ HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
サイズの表し方
単位による長さの表し方 スタイルシートでは、文字の大きさやボックスの長さなど、常にサイズを指定する必要があります。 スタイルシートでのサイズの表し方は、大きく分けて2種類あります。 一つはあるものを基準として長さを指定する『相対単位』とサイズを絶対的に指定する『絶対単位』があります。 また、ぞれぞれの長さの単位は以下のようにさらに細かく分けて指定することができます。 絶対サイズ指定
絶対指定と相対指定【CSS関連】 / Studio Rikiy
スタイルシートを使う上で、サイズの指定は欠かせない。 boxやfontはもちろんのこと、marginやpaddingなど、CSSレイアウトはこれらのサイズ指定で成り立っているといっても過言ではないだろう。それほどに重要なこの要素は、反面で非常に難しい問題を抱えている。それが単位の選択だ。 Webにおいて、単位は大きく分けると絶対単位・相対単位のいずれかに分類される。 絶対単位とはブラウザの設定・環境に依存せず普遍的なサイズを指定する単位、相対単位とはブラウザの設定・環境に依存して可変的にサイズを指定する単位のことだ。CSSで使用可能な単位をこれに準じてグループ分けしてみると下記のようになる。 絶対単位 in （インチ：1in=2.54cm） cm （センチメートル：1cm=10mm） mm （ミリメートル） pt （ポイント：1pt=1/72in) pc （パイカ[picas]：1pc=1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
404页面