display: table-cell を使ったマルチカラムレイアウト - IT戦記
Acid2 Test で IE8 が display: table-cell をきちんとレンダリングするということが分かったので。 IE8 が普及する（笑）のを 5 年くらい先取りして display: table-cell によるマルチカラムレイアウトを書いてみました。 リンクは以下です。 http://amachang.art-code.org/tablecell/ 今のところ Opera 9+、Safari 2+、 Firefox 2+ で正常にレンダリングされることを確認しました。 ポイント ソースを見て分かるように HTML も CSS もめちゃめちゃシンプルです。 ポイントは display: table-cell の要素が兄弟要素の高さに併せて間延びするところでしょう。 これで、何カラムだろうとお手のものです。
style.cssText の使い処に関する考察 - IT戦記
cssText って知ってますか？ cssText っていいうのは CSSRule オブジェクトとか CSSStyleDeclaration が持っている情報を css ファイルに書く形式の文字列にしてくれる機能です。 乱暴に言ってしまえば、 css 系のオブジェクトが持っている innerHTML みたいなものです。 具体例を見てみましょう。 こんな感じの body があるときに <body style="margin: 1em; padding: 1em; border: 1em">....</body> こんな感じで使えます。 alert(document.body.style.cssText); // 'margin: 1em; padding: 1em; border: 1em' 簡単でしょう？(ボブ略 設定も出来ますよ こんな感じ // さっきの続き document.body
IT戦記 - CSS Nite Shuffle に行ってきた
レポートを端々とまとめますよー 良いところも悪いところも隠さずまとめますよー。 そういえば、こういうレポート書くの始めてだ。 あ、ちなみに Apollo WPF は飲み会で聞いた話がほとんどでつ＞＜ オープニング かっこいい動画。 スペシャルコンテンツ ミニオーケストラ。 20分 エコなWebデザイナーになろう - 長谷川恭久 エコと言っても環境問題の話ではない。 最初は環境問題の話から始まるが、途中でネットが汚染されてるとかって話がすり変わって、 font 要素とか table レイアウトとか SEO スパムとかの話になる。 コードをリサイクルしようといってエディタの機能を紹介 カメレオンアイコン 率直で分かり易い言葉を使おう ブログ書いたり、会話したりして、共有しようぜ どちらかというとオープニングのライトな話って感じ Apollo、インストールから向かうビジョンまで - 太田禎一 太
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1981 世代のエンジニアで集まってなんかしよう - IT戦記