令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
フォームの大きさを揃える方法 [ホームページ作成] All About
フォームの大きさを揃える方法フォームを作成する際に、フォームの大きさの指定方法が曖昧で困った経験はありませんか？フォームの入力欄のサイズを、ぴったり望み通りの大きさで表示する方法をご紹介致しましょう。 フォームも細かくデザインしたい フォームを作成する際に、フォームの大きさの指定方法が曖昧で困った経験はありませんか？ 例えば、input要素の場合は幅を「size属性」で指定します。ここで指定する数値は、ピクセル数ではなく文字数です。（下記の例では「60」） <input type="text" size="60" ...> 文字数での指定だと、表示に必要な幅は閲覧者の文字サイズによって異なってしまいます。 また、ブラウザによって解釈が微妙に異なるため、必ずしも製作者が望んだ通りの幅で表示されるとは限りません。 また、Internet Explorerで表示させた場合、パスワード用の入力欄と
![フォームの大きさを揃える方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
ごく簡単な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は画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
