携帯
04. Webデザイン 2009年3月15日 日曜日 18:55:24このページを携帯対応にしようと試験中。
携帯からの場合、スキンを変えて画像はリンクするようにした。
携帯各社のシミュレータで見てもCSSが適応されずすっぴんのまましか表示されない…
今度仕事でこのサイトと同じブログシステムつかって、携帯対応させる、というのがあるから予習のつもりだけど、
まともに表示してくれるシミュレータってないのんかなぁ
このページを携帯対応にしようと試験中。
携帯からの場合、スキンを変えて画像はリンクするようにした。
携帯各社のシミュレータで見てもCSSが適応されずすっぴんのまましか表示されない…
今度仕事でこのサイトと同じブログシステムつかって、携帯対応させる、というのがあるから予習のつもりだけど、
まともに表示してくれるシミュレータってないのんかなぁ
会社のサイトをリニューアルした。
ちょこちょことCSSギャラリーサイトに投稿してみたんだけど、
ことごとく登録されず…。
でも、投稿してない、あるCSSギャラリーに登録されてるではないか!!
うれしい限り。
ここのサイトを携帯で見れるようにしたいんだけど、
ちょっといじった限りじゃ使い方うまくわかんね…
自分の携帯がiPhoneだから確認もできない…
前のNokiaBluetooth使って、Macのネットワークにのっかることってできないんかなぁ。
よくある、携帯をモデムにしてPCからネット接続‥の逆、
PCのLAN?に携帯のBluetoothからアクセス…
要は機種変して3Gネットワークに繋がらない携帯から、
bluetoothだけ使ってなんとかPC経由でネットにアクセスって
できないもんだろうか…
Validなxhtmlを書く時に忘れがちなこと。
・textareaにrowsとcolsを指定
・imgにalt文
・コメント文に半角ハイフンを連続させない
<!-- -----------hoge----------- -->
みたいなの
・headerとかdd要素の中にpとか
→pで段落間を1emあけたい時とか要注意
CSSだと、
・-moz-opacityとかダメ
・ハックは要確認
仕事であるサイトを更新する。
アップまでにあとすること…
ここのサイトでそのうち修正?手を加えたいところ。
・右のメニューが垂れ流し感たっぷりなので、
各タイトルをクリックしたら展開するようにする
・IE6でmin-width、max-widthを実現する
・ここの記事を利用して、
別のところでflashブログのテスト
うん、こっちのグラフを使おう
グラフテスト
横グラフにしようとしたけど、
可変幅のせいか、うまくいかなかった。
また今度ためそう。
なんでとりあず、高さを半分にした…
IE6でmin-width,max-widthを実装する
↑なんかダメだ
Min-height & Min-width IEバグFix
IE で min-width を指定する方法
余計なdivで囲まないといけないっぽい
いろいろややこしいのでIE6対応はもういいか…
IE6でご覧の方、今のところ、
ウインドウを広げれば広げるほどコンテンツもびろーんと広がり、
ウインドウを狭めれば狭めるほどコンテンツも、どこまでもちじこまっていきます、すみません。
そのうちちゃんと対応したいです。
でも、ちょっと憎いので、
IE6で見ると「アナログ」と表示されるようにしてみた。
いらん記述だから飽きたら外します。
このサイトのレイアウトを、
elasticレイアウトに変更。
画面幅によってコンテンツの幅が変わるように、
かつ、最小幅と最大幅を規定。
今現在、IEでは未確認。
画像の背景テスト。
今時速い回線だから意味ないかも。
CSS覚書。
imgを、pとかdivとかでくくり、
そのpなりdivなりにheightと
overflow:hidden;を指定する
というネタ。
※reflect.jsと共存できない…
ななんとかならんものか…
ここのページと、Reccomendのページのシステムを新しいものにしました。
それに伴ってデザインも変更しました。
テスト
Nucleusのテストでhtmlのテストで、CSSのテスト。Nucleusのテストでhtmlのテストで、CSSのテスト。Nucleusのテストでhtmlのテスト
で、CSSのテスト。Nucleusのテストでhtmlのテストで、
CSSのテスト。Nucleusのテストでhtmlのテストで、CSSのテスト。Nucleusのテストでhtmlのテストで、CSSのテスト。