2007年の「CSSやWeb標準」ベストエントリー100選＋α – TRANS [hatena]
ただブクマするだけでは意味がない。順番に読んで・考えて・試してみようのコーナーその1です。
カテゴリー: (X)HTML CSS
素敵なテンプレート発見
調べものしていて見つけたブログのテンプレートがすごく気に入ってしまった。
Template by SonicIQ.
でも該当サイトにはなにもなーい。
どうやら Typo という Ruby で書かれたブログツールのテンプレートらしい。
テンプレートも豊富にあって他のも素敵でした。
Stylish で mixi の見た目を変える
Firefox のアドオンの中でもなくてはならない存在になりつつある Stylish で、今更ながら mixi の見た目を変えてみました。
Styles for ‘http://mixi.jp/’ | userstyles.org
たくさん種類がある中で選んだのはこれ。
[2008/01/26 更新] Mixi 3column Customizer | userstyles.org
横幅固定2カラムもいいかなと思ったけど通常の表示領域が1000px近くあるので、これがしっくりきました。
便利なのは上部にナビゲーションが固定されていて、ページをスクロールしてもクリックするために戻らなくてもいいところ。
ごく簡単なHTMLの説明をよーく読む
HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正しく理解すると、実はHTMLは簡単で強力な情報発信ツールになるのです。
ガッテンガッテン。
もうすぐバレンタインなんでそれに例えてみます。
手作りのチョコレート(文書) をシンプルな白い箱(HTML) に入れてラッピングしてリボンをかけて(CSS) みんなに配る
受け取った人はそのまま眺めるもよし、包装や箱は気にせずチョコレートを味わうもよし、箱や包装を再利用するもよし。そんなものいらんと受け取らないのも自由。
興味のない人にとってはどんなに素敵なラッピングも意味はなさないだろうし、過剰包装もよくない。
それに見た目が良くても肝心のチョコレートがまずかったらあんまりうれしくないな。
おいしいチョコレートをお待ちしております。
道具を使うことは難しくはない
HTMLは道具
ガッテンガッテンガッテン！
初心に戻って勉強しようとごく簡単なHTMLの説明を最初からゆっくり読んでいたら見つけました。
何のためのHTML？ — ごく簡単なHTMLの説明
「道具としてのHTML」5年以上も前からこのような考えがあったのですね。
神崎さんの解説を読めば読むほど、HTML はシンプルな道具であることがわかります。
HTML と CSS ！というひとくくりにしてしまうからややこしくて面倒で、しかもこれが正解！というのもない難解なものに思えてしまうけど、HTML だけなら本当に30分で基本的なことは理解できるのかもしれません。（30分間(X)HTML入門 — ごく簡単なHTMLの説明）
このスライドショーも要点がすっと入ってきてわかりやすいと感じました。
div を使うとか使わないとか、class や id はどっちがいいとかなんて名前をつけるとか、そういう議論もいいけれど、これから覚えようとする人は流行などに左右されずにまずは基本を覚えて「あー意外と簡単かも」と感じてもらえたらいいなーと思います。
シンプルで正しい HTML が書けたら CSS を少しずつ覚えていって、文字の色を変えたり背景画像をつけてみたり余白にこだわってみたり。
初めて CSS で背景画像を表示させたときのこと、思い出すだけでワクワクします。テキストエディタに打ち込んだアルファベットの羅列がこんなことになるなんてすごい！と。
とりとめもないけど、要はじんさん頑張れ！ってことです。私も頑張る。