YouTubeチャンネル「しもつりちゃんねる」を開設しました!

HTMLのマークアップで悩んだときに参考にしたいWebサイト36選

HTMLのマークアップをしているとき、設計で迷うときってありますよね。

例えば、「ここってspanタグがいいの?」「mainタグってここで使っていいの?」とか、マークアップしてるといろいろ悩むことは出てきます。

そういうとき、まずはHTML5のリファレンスを見ますが、その他、メガベンチャーや大企業など技術的に信頼できる企業/サービスのWebサイトのHTMLの書き方をよく参考にしています

このエントリでは、HTMLの書き方(設計的な意味を含む)に悩んだり、迷ったときに参考にしたいWebサイトをまとめてみます。

コーポレートサイト

コーポレートサイトや、コーポレートサイトに近い設計のサイトを作るときに参考になるサイトです。

大きな資本を持つ企業はコーポレートサイトのユーザビリティに力を入れているケースが多いので、そういった大企業やテック系企業のコーポレートサイトをよく見ています。
なお、思いついた順に書いているので、順序は適当です。

メディアサイト

Webメディア系のサイトです。記事の構成など、Webメディア特有のUIを確認する際に参考にします。

Webサービス、テック系ドキュメントサイト

Webサイトや、それらのサイトに用意されているドキュメントのサイトです。

特に、多くの開発者が見るドキュメントは分かりやすさ、伝わりやすさが第一なので模範的な設計の参考になります。

その他

最後に

当然といえば当然ですが、技術を売り物にしているテック企業のサイトは信頼度高いです。

あとは、プログラミング言語やフレームワークの公式ドキュメントのサイトも下手なことはできないので、参考になります。

熟練のマークアッパー、エンジニアからするとツッコミどころ多いかもしれません。もし、「これが抜けてる!」みたいなサイトがあれば教えてください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)