カテゴリー別アーカイブ: css/(x)html

こんにちは、神崎です。 僕は、サーバサイドエンジニアで、フロントエンドには余り興味がなく、 残念ながら、非常に薄いHTMLの知識しか持っていません。 モックレベルの構築をしているときには、おもにtableタグで作ることが多いです。 そんな、フロントエンドがわからない人間にとって朗報となるものが twitter社が2011/8にリリースしたCSSフレームワークのBootstrapです。 githubにおいてあるcssを読み込むだけで、今風な画面に仕上がります。 (細かい調整は、もちろん必要なのですが。) さらに、Javascriptでalert、tab、dropdownなどを実現できる機能も備わっています。 ドキュメントも英語ですが備わっていますので、そこも安心です。 管理画面など、程々に見た目や機能が必要なものに関しては、実用できるのでは無いでしょうか。 http://twitter.github.com/bootstrap/

世間ではHTML5だCSS3だと騒がれていますが、WEB制作の現場では古いブラウザへの対応に縛られて未だにHTML4/XHTMLとCSS1に毛がはえた程度の武器で戦わざるを得ないことが多くあります。 ie7.jsのように、CSSの機能をJSで保管するスクリプトもありますが、速度面、安定性、互換性の面から見てできれば使いたくないというのも実情です。 そんな中、最近になってようやくIE6を無視してもいいケースが増えてきました。そこで今回はIE6を切り捨てると使えるようになるCSSについてまとめてみました。余計なclassや妙なハックを使わずに便利なものは堂々と使っていきましょう。 IE6を切った時のもう一つ大きな恩恵として「透過PNGが使える」というのも大きいです。