LEGGODT.COM » CSS

CSSフレームワーク「BlueTrip」

ましゃ — Mon, 28 Sep 2009 14:54:45 +0000

たまにはWebっぽいことを。

CSSのフレームワークである960Gsとかなんとかかんとかとかあれやこれやのいいとこ取りをしたという「BlueTrip」の調査をしてみたよ。

ようやく仕事が落ち着いて、いろいろとやるべきことが見えてきたのだ。

やはり技術調査は性というか（まぁ、だいぶ眠っていたが）やめられない。
何しろなににも縛られないからね。

これまでの流れだと技術調査→次の案件に試す→技術調査という感じでいろいろとやってきたわけだけども、今の仕事だと確実に次の案件に試すということは不可能なので、自分で何とかするしかないわけだ。

まぁ、それも気楽でいいかねぇ、案件に試せないのは試すスピードが落ちるというだけのことで自分自身で何とか時間を作ってこなせばいいだけだわね。

という訳で、「BlueTrip」を調べてみたよ（前置きが長くなった）

実際のところCSSのフレームワークというのを開いてみたのは初めてだけど、なかなか興味深い。

当然リセットというところからスタートするのだが、最初からIE用のCSSが含まれている。
プリント用のCSSも用意されている。

これらはBlueprintというフレームワークとTripoliというフレームワークの2つをメインにしているために「BlueTrip」という名前がついているらしい。

Blueprintは名前の通り印刷についても考慮されているらしい。

また、グリッドシステムとしては30pxのカラムで10pxのマージンを24カラムセットにして960pxで構成されている。

サンプルとしてはまだ多くないみたいだけどいろいろ合体しているみたいなので、はやったらおもしろいかもしれない。

HTML5とXHTML2について

ましゃ — Wed, 25 Mar 2009 07:13:35 +0000

いろいろとHTMLとCSSについて調べていて、今後はどうなるのかを調べていたらこんな記事を見つけました。

http://www.akinakano.com/mt/2007/08/webhtml5xhtml2.php

何というか相変わらず吐きそうなくらい混沌としていてもうディベロッパー置いてけぼり。。。

ましてやW3Cに対抗するWHATWGという団体も立ち上がったらしくHTML5の開発についてごにょごにょしそうです。。。

とりあえず、要約すると、HTML4.01やXHTML1.0でなしえなかった本当のWeb標準の制定を目指していたと思われたW3CのHTML5とXHTML2.0はディベロッパー置いてけぼりで需要に答えられないという仕様で、それに反抗したAppleやMozila、Operaが立ち上げてHTML5の仕様策定を独自に始めているようです。

どちらにせよHTML5という仕様が完成するのは2020年以降のことで2023年ころになるだろうという話なので、当面の間の開発にはXHTML1.0で作成するのが望ましいのは変わらなそうです。

それにしても、概念とか思想とかもうとりあえずTim Berners-Leeがしっかりと考えてくれてるんだからそれに乗っ取ってさえくれればいいんですけどね。

とりあえず、WWWの概念的なあり方についてはTheWebKanzakiさんがくわしいのでそちらをご参考ください。

どちらにしろブラウザ側でしっかりとしてくれればいいだけの話で、仕様をそろえてくれればディベロッパーは苦労せずいいサイトを作るだけになるのでブラウザメーカーにがんばっていただくよりほかにありません。

IE7が、とととととうとう登場？

ましゃ — Tue, 10 Oct 2006 06:53:14 +0000

http://internet.watch.impress.co.jp/cda/news/2006/10/10/13562.html

インターネットウオッチによると、公式ブログでIE7の正式版が10月中にもリリースとのこと。。。

また、悪夢再来なのかしら？

もしくは、既存のIE対応のハックを行っているサイトは総崩れになったりするのかしら？

私のCSSの技術はブラウザ対応待ちなので、IE7でも問題がないのかしら？

まぁ、プログラムにはバグがつきものなので、とやかく言いませんが、落ち着くまではダウンロードしないことにしよっと。

Macユーザーなので、あまり関係ありませんが。

CSS2とCSS1の違い

ましゃ — Mon, 31 Jul 2006 06:55:38 +0000

基本的には、1つのことについてしか調べていないのだけれども、CSS1とCSS2の大きな違いを発見。

知らなかったのがやばいのかもしれないけど。。。

ざっくりと・・・

CSS1ではクラスセレクタとIDセレクタに使える文字は[-a-z0-9]の小文字英数から始まる任意の半角小文字英数字プラスハイフン。

CSS2では[a-zA-Z0-9-]の小文字英数から始まる任意の半角英数字プラスハイフンプラスアンダーバー。

と、元々CSS1では大文字は使えなかったのだが、CSS2では大文字OK。
さらに、ハイフンはもとより、アンダーバーがOKになっているらしい。

知らなかった。。。

慣例的に小文字を使用するというのはXMLの基本となっていて、それを引き継ぐかのようにCSSも小文字で書いていたが、今後は#headerTitleとか#line_redとか使えるようになったらしい。

まぁ、ハイフンだけでいいんじゃね？的な感じもあるけども、これでうっかり以前間違えて、大文字を記述していたり、アンダーバーを入れていたりしていたものがオールオッケー（CSS2.0のつもりだったらの話）

うっかり、CSSはアンダーバーは使っちゃだめなんだよ〜。なんて恥かいちゃうかもよ〜（汗）

まぁ、CSS1とCSS2の区別がいまいちつかないんですけどね。。。