私が参加している北海道Webコンソーシアムのつながりで、コーディングスキルの向上を目的とした勉強会に参加してきました。そこで学んできたことのまとめです。
現在のコーディング手法
- 文字サイズを可変とし、文字サイズを大きくしても文字が読めるように構築します。
まとめられる命令はまとめておくとすっきりして見やすくなります。
- bodyにIDとCLASSを指定することで個別の場所を特定してCSS指定することができます。
多人数でコーディングする場合の注意点
- セレクタの記述を統一する→セレクタはその対象まで細かく記述する優先順位が上がります。
あらかじめ記述ルールを決めておくと、意図しない動作をしても対応しやすいです。
ブラウザによる差異を無くす方法
- リセットCSSを作る→各ブラウザ間の違いを吸収するためのリセットCSSを自作することで、基本的な崩れの原因を減らすことができます。
- 外枠を先に完成させ、ブラウザチェックする→細かい部分は作り込まず、段組程度までできた段階で崩れがないか確認することでその対応に時間を割かなくて済みます。
positonを上手に使う
- positonはあまり使っていない方が多いようですが、目的により構造的に使いやすいケースがあります。
relativeとabsoluteの違いを覚えておけばそれほど困ることはないとのことです。
CSSロールオーバーのメリット
- JavaScriptのロールーオーバーは使いやすいプラグインが出ていますが、ちらつきなどの制約があります。
1枚背景とpositonを使うことでちらつきを無くすことができます。
他TIPS
- DreamWeaverのCSSコードヒントはXMLでできていて、特定の場所に格納されています。
必要であれば自作したコードヒントを追加で記述しておくと作業効率がアップします。
個人的な感想としては、大変有意義な時間を過ごすことができました。
自分で研鑽してきた技術は概ね間違っていなかったことも再確認できました。ただ、まだ作業効率化する余地が残っていましたので、あらためてもっと良い方法を編み出せるよう考えてみたいものです。
HTML系の書籍で主に私が使っている、いたものを紹介します。
Web標準テキスト(3) HTML/XHTML
CSSを中心としたWebライター大藤様の書籍です。HTMLを組み立てるときに必要な文書構造の概念、HTMLとXHTMLの違い、タグの基本的な使い方、記述に関する注意点など、HTMLそのものについて分かりやすく書かれています。この書籍のおかげで文書構造の知識を再確認することができました。個人的に必携の書と思います。
HTML+CSS Handbook 3rd Edition Web系ハンドブック
過去授業で使用していた本で、HTMLを中心にWeb制作で使われる言語や規格についてまとめられている教科書系のタイプになります。HTMLについてどのような記述をするのか、タグや要素の種類など基本が押さえられているのでWeb初心者にオススメです。ただ、現在ではXHTMLが主流になっていますので、あくまでも基礎を学習するためのものとなります。
HTMLタグ+スタイルシート辞典ちび
こちらも授業で使用していたもので、上記同様HTMLとCSSについて記述されています。コンパクトで使いやすいので、少し調べる時に役立ちました。やはり少し古めの内容になります。