MOONGIFT: » ついに登場！CSSフレームワーク「Blueprint」:オープンソースを毎日紹介
誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の
標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有
2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSS や HTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈
エレベーターアクションを CSS で再現
JamGraffiti さんの 「画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会」 に 2つめの作品投稿をしてみました。前回は 「画像を一切使用しない部門」 で応募しましたが、今回は 「画像を極力控える部門」。 画像使って、同じようなデザインを作っても面白くないので、今回は遊んでみました。たまたま昔ハマったゲーム、「エレベーターアクション」 （歳がバレる......） を思い出したので、その画面を再現する作品にしてみました。 題して 「Elevator style」 前回同様 IE だとちょっと見た目が違います （汗 Gallery ページはこちら 今回応募した CSS ファイルはこれ 今回のキモは下記の点。 ファミコン版エレベーターアクションの画面をベースに とにかくエレベーターを作る 見やすさとか使いやすさとかは二の次 古いブラウザとか知らない IE って何？ 「画像
ez-HTML
充実したカスタマイズ、正確な入力支援、XHTML形式出力も記述ができる高機能・次世代HTMLエディタ。 開発開始からの累計ダウンロード数が100万本を突破しました（2022月4月5日）。 最新版(ver 7.71)をダウンロード！ (2.20MB) 2005年度 VECTORベストオンラインソフトウェア賞を受賞、 2007年度 Greva!プラチナ賞を受賞しました。 Index 市販の「ウェブサイト制作ツール」（以下WYSIWYGと省略）は画像なども簡単に挿入でき、レイアウトなども簡単にできますが、その反面font要素を乱用したり何度も編集している間ゴミのようにタグが残ってしまうという問題点があります。 当ソフトウェアは主に手打ちでHTMLソースを記述する人向けのために開発されています。 また、WYSIWYGで制作したHTML文書のちょっとした編集などにも使う事ができます。 また、このHT
Acid2 - えむもじら
Acid2（テストページ） の対応状況をさらっと調べてみました（2006/2/1更新）。 なお、Acid2 に合格することの意義に関しては WebStudio の意見ももっともだと思います。 Phoenix 0.1 (Gecko 1.2b) Firefox 1.5 (Gecko 1.8), Firefox 2.0 (Gecko 1.8.1) Gecko 1.9a (2005/10/28) Gecko 1.9a1 (2006/01/27) Gecko 1.9a2 (2007/02/08) Firefox 3 (Gecko 1,9) Opera 8.5 Opera 9.0 Technology Preview 1 Opera 9.0 Beta IE 6 IE 7 Beta2 Preview Safari 2.0.2/416.12 IE8 開発版 Phoenix 0.1 (Gecko 1.2b)
死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
ゆなカラーピッカー
ゆなカラーピッカー 概要 これはHTMLやプログラミングなどで色を16進数RGB値で指定する必要がある場合に、 10進数やスライダーを使って色を簡単に作成し、数値を表示するためのソフトです。 もちろんペイントソフトと併用したり、使い道はいくらでもあります。 主な特徴はHTMLにおいてInternet ExplorerとNetscape Navigatorで色名指定できる色が140色組み込まれていることと、 画面上の色を取得できることです。 画面上の色を取得する際に、３ピクセル(５ピクセル)平方の平均値を取得することも可能です。 特徴 スクロールバー、10進数、16進数、etcによる数値の指定 HTMLで使用可能な140色のカラーネームによる指定 数値の各種フォーマットでの表示 各種フォーマットでのクリップボードへのコピー 16進数表記の大小文字の選択可能 スポイトによる画面上の色の取得
ぼくがCSSを書くときに手放せないツール - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ CSS書いてますか！！ ぼくなんか書きすぎて border: 1px solid red; が0.5秒で打ち込めそうな感じなんです＞＜ ところで、CSSいっぱい書いてると、ぱっと見ただけでおよそ何ピクセルか、 わかったりするようになるから人間ってすごいよね！ この余白は 6px だな、こっちのblockは 40px くらいかな？ とか…！ 大きいのは難しいけど！ 最近はエラスチックなんとかレイアウト？っていう em で指定しちゃうのが流行だそうだから pxはあまり使わないのかもしれないけどね！ ところで、そんなぼくがCSSを書くときに必須なツールがあります！ 紹介しちゃいますね！ きっと手放せなくなっちゃうよ！ ひとつが、カラーピッカーだね！ 画面上の好きな色を拾うやつ！ これは色々なものが公開されているから省略しますね！ ぼくはこれつかってるけど！ もうひとつ…
CSS Naked Day
Thanks To anyone who translated this website into another language, and to anyone who wrote a plugin to make this work. Just as a reminder, If you translated this page into another language, or wrote a plugin for CSS Naked Day, please let me know at Who's talking about this... XHTML.com Anieto 2K Andy Clarke's book Transcending CSS many, many more... Sign up Sorry, signups for naked day are all
IT戦記 - CSS の勉強会をしました
2007 CSS Study Meeting http://artcode.g.hatena.ne.jp/keyword/2007%20CSS%20Study%20Meeting 発表をしましたので資料を置いておきます。 http://usrb.in/amachang/static/cssstudy/200701/ Firefox で動きます。IE でもぎりぎりうごきます。あ、でも、横長な表示域じゃないと崩れる可能性大です。 左右キーで操作してください。また、ソースは実行できるようになってるので、実際に実行しながら読んでいっていただけるとうれしいです。 他に事前に CSS のセレクタのバグリストとプロパティ一覧を作りました。 プロパティ一覧は element.style に辞書アタックを掛けて各種ブラウザから抽出したプロパティです。 http://usrb.in/amachang/stat
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
stans
モバイルでのXHTMLとCSS
http://msugai.fc2web.com/web/CSS/font.html