(X)HTML+CSSスマートフォン専用ページを表示Web系雑記Web技術にとりつく、とりつかれる。Web::Blogoscopehttp://www.cybergarden.net/blog/2007/02/...矢野りんさん、こもりまさあきさん、私(益子貴寛)の共著で、CSSの実践的なデザインテクニックを解説した、CSSをこれからはじめたい人にも、すでに一定のスキルを身につけている人にも最適な本です。よだれが出てしまう著者陣。以前気になっていた益子さんの「Web標準の教科書」は正直中身がデザイン的に読みづらかったので、今回の本は読みやすいといいなと思います。書店でみかけてません。@IThttp://www.atmarkit.co.jp/fdotnet/dotnettips/477aspxmldatasrc/aspxmldatasrc.html上記ページをFirefoxで見てみてください。やけに横に長いですね。画像も右にいっちゃってますし。原因は、紺色の背景で示されたXMLです。タグの行が長くなっていますね。これが突っ張り棒になってページが横長くなってしまいます。IEやFirefoxは普通、半角英数字で構成された行を折り返しません。逆に日本語だと折り返されます。これは文字の途中で折り返したときでも意味が通じるか通じないか、という視点に立った仕様です。このページはIEだと折り返されているのか。break-all」によるものだと思います。このプロパティはIE独自なんですよね。Webサイトでコードを表示されるときは、overflowプロパティを使ってスクロールバー出す方がスマートなのかなぁとおもいます。strictを書くので精一杯なのに、XHTML2.0はちと座敷が高いです。文章設計する文系の力と、拡大する仕様を理解する理系の力の両方が必要かと。今からそんな気にする必要ないかな。仕様はこんな方向に向かっているということで、とりあえず放置。リッチクライアントに注目しているものとして気になるのはやっぱりXFormsです。関係ないですがつい最近XForm(sはつかない)というサービスがあるのを知ったのですが、紛らわしいです。|2006年04月30日テーブルを見やすくする方法のあれこれテーブルって行ごとに色が違っていると見やすいですよね。いくつか方法があります。(1)JavaScriptで少し前のはてなブックマークの注目エントリでこんなのがありました。テーブルをJavascriptで自動的に見やすくする:phpspot開発日誌http://phpspot.org/blog/archives/2006/04/javascript_11.htmlJavaScriptでtr要素を見つけ、偶数行にはそれようのCSSクラスを適用するという方法です。HTML上は特に細工する必要がないので、結構汎用的に使えるテクニックだと思います。部分を出力制御する方法。CSS3でのnth-child擬似クラスでCSS3自体がまだ正式なものでないのでどうなるかわかりません。nth-child擬似クラスは同じ親を持つ子供の中で、何番目のかをさします。silver}のようにしてやります。(参考)つまり奇数行、偶数行という指定でCSSを定義できるようになるかもしれないのです。これもHTML上は特に細工がいらないはずです。|2006年04月27日IEで子供セレクタIEはCSSのセレクタの対応がお粗末です。DIVタグの氾濫の原因だと思います。ある要素を基点として子要素を指定するための「子供セレクタ」に対応していません。ところが、子供セレクタを擬似的に実現する方法があるようです。擬似的に子供セレクタhttp://www.lucky-bag.com/archives/2005/06/simulate_child.html子孫セレクタは対応してるので、それを応用したってところですね。|Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。