css
というわけで、行ってきました。CSS Niteのイベントに参加するのは2年ぶり、2回目。 http://cssnite.jp/shift/shift2009/ 会場は御茶ノ水にあるデジハリ。まさかデジハリの敷居をまたぐ日が来るとは思わんかった。会場はこんな感じ。準備中にBGMが流れてると…
普段とちょっと違う毛色のコミュティもいいよね、というわけで明日はCSS Nite主催のイベントに行くことにしました。 http://cssnite.jp/shift/shift2009/ CSSの情報を積極的に追わなくなったのは、IE7が発表された頃かな。あまりの中途半端さと、普及にかか…
一体いつ以来だか分からないけどCSSネタ。元々はこっちが自分の主戦場だったんだよな。 <div id="content"> <ul> <li><a href="page01.html">page01</a></li> <li><a href="page02.html">page02</a></li> <li><a href="page03.html">page03</a></li> </ul> </div> li { display:inline; } li a { display:block; width:100px; height:20px; float:left; border:1px …
以前このブログでも紹介した、拙作の「Smart*CSS」をウノウラボで紹介させて頂きました。流石に自分とこみたいな零細ブログで書くのとは大違いで、見る見るうちにブクマが増えていきます。 前回のフォームのユーザビリティネタは幅広い層に読んでもらえるよ…
Smart*CSS CSSを構造化して記述できるようにする「Smart*CSS」をリリースしました。こいつを導入すると、 #content { p { margin:0; } ul { margin:10px 0; li { padding:10px; } } }てな感じにCSSが書けるようになります。php+Smarty+mod_rewriteで動作しま…
http://www.adobe.com/cfusion/communityengine/index.cfm?event=homepage&productId=1AdobeがCSSバグ情報のまとめサービスを提供開始したようです。投稿してタギングなんかもできるっぽい。全て英語ですが、用途が限定されていることもあって読むのはそんな…
http://ajaxian.com/archives/no-more-ie6-background-flickera:hoverでbackground-positionを使ってロールオーバー効果を、という手法はおなじみ。 ┌────────────┐ │ 通常時の画像 │ ├────────────┤ │ ロールオーバー時の画像 │ └────────────┘↑こういう画…
下調べが面倒なので放置していた、はてなダイアリーのテンプレートをいじってみました。とはいえ、実際に手を入れられる部分はCSSぐらいですが。クセが強く、かなり不愉快な思いもしましたが、とりあえず一段落。はてなダイアリーのテンプレートは、DOCTYPE…
http://journal.mycom.co.jp/special/2006/ie7beta2/IE7もさることながら、IE6のバグ集としてもよくまとまっています。 Vistaのゴタゴタから見ても、IE7の普及にはかなり時間がかかりそうですが、 どちらにしてもfloat関連のバグが修正されないことにはあり…
どうせFirefoxと同じだとタカをくくっていたら、Netscape(Win・Mac共に)だけで発生する現象に遭遇しました。 ページ内のあるボックスに対して内容がハミ出した場合に、body要素の背景の幅計算が狂うという現象です。 以下のソースをそれぞれの環境で表示し…
世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル (Web Designing Books)作者: 大藤幹出版社/メーカー: 毎日コミュニケーションズ発売日: 2005/12メディア: 単行本購入: 4人 クリック: 39回この商品を含むブログ (27件) を見る久々にCSSのお勉…