「HTMLビギナーのための30の心得」- Nettuts+

screen7

チュートリアルサイトNettuts+に掲載されていた30 HTML Best Practices for Beginnersという記事を読みました。
1年未満のビギナー向けとのことですが、ビギナーじゃなくても、こういうまとめは面白いですね。

自分が気になった項目をいくつかあげます。

HTML中にstyle属性を使ってスタイルを埋め込まないように。(原文 3: Never Use Inline Styles)

外部CSSファイルに記述するか、少なくともhead内に記述しましょう、と。
たまにstyle属性で埋め込んでしまいます。そこでしか使われないようなスタイルをつけなければいけないときとか。

Javascriptファイルへのリンクはbody要素内の最後に置きましょう。(原文 5: Consider Placing Javascript Files at the Bottom)

Javascriptファイルを下に置く習慣がなかなか身に付きません、、、。

html要素内にJavaScriptを埋め込むのは、1996年のテクニックだ!(原文 6: Never Use Inline Javascript. It’s not 1996!)

onclickイベントをAタグに埋め込んだりするのが代表的なInline Javascriptの例ですが、これについては以前「そんなに目くじらたてなくても」というamachangさんの記事がありました(「onclick 属性問題について - IT戦記」)。

基本はonclickを埋め込むよりも、DOMから操作するということで。

ySlowを使おう。(原文 13: Download ySlow)

ySlowというYahoo!が提供しているFireFoxプラグイン(要Firebug)。これ知りませんでした。
Webページの表示パフォーマンスを解析してくれます。
で、試してみたところ、有用そうなんですが、自分の環境ではブラウジングがかなり重くなりました。サイト制作のときだけ有効にするといいかも。

Webサイトが完成したら、圧縮。(原文 17: Once the Website is Complete, Compress!)

最終版のCSSやJSファイルを圧縮して公開しよう、とのことですが、いままでやったことがありません。トラフィックが膨大なサイトとかには絶対必要なんでしょうけど、それほどでもないサイトでやるには少しめんどうです、、、。

Twitterを使おう。(原文 23: Use Twitter)

このTipsが一番好きです。今どきの心得。(自分のTwitter

コミュニティに参加しよう。(原文 26: Participate in the Community)

コミュニティに参加するのが苦手なひともいると思う。自分はあまり得意じゃないです。でもちょっとがんばろうかな。
プログラミング系のコミュニティはけっこうありそうだけど、デザインとかフロントエンド系のコミュニティでどこか面白いところないでしょうか。

CSSリセットを使おう。(原文 27: Use a CSS Reset)

CSSリセットとは「全てのHTMLタグのスタイルを、一旦ゼロにして、ブラウザ間の差異をリセットするテクニック」です。
ここでも書かれていますが、これは議論のわかれるところですね。
自分は、CSS Resetを使わない派です。とくに自分以外の人が更新運用をする場合は使わないようにしています。でも制作から運用まで全て一人でやるサイトであれば使うかもしれません。

ONE COMMENT

Comment RSS feed for this Article
  1. ツカ
    June 25, 2009

    おれもCSSリセットしない派。
    特にulとpはしたくないんだなー。

POST A COMMENT