AtoZ 晴れ時々UTU

Open / Close

携帯

04. Webデザイン 2009年3月15日 日曜日 18:55:24

このページを携帯対応にしようと試験中。
携帯からの場合、スキンを変えて画像はリンクするようにした。
携帯各社のシミュレータで見てもCSSが適応されずすっぴんのまましか表示されない…
今度仕事でこのサイトと同じブログシステムつかって、携帯対応させる、というのがあるから予習のつもりだけど、
まともに表示してくれるシミュレータってないのんかなぁ

Open / Close

快挙

04. Webデザイン 2009年3月3日 火曜日 16:53:49

会社のサイトをリニューアルした。
ちょこちょことCSSギャラリーサイトに投稿してみたんだけど、
ことごとく登録されず…。
でも、投稿してない、あるCSSギャラリーに登録されてるではないか!!
うれしい限り。
ここのサイトを携帯で見れるようにしたいんだけど、
ちょっといじった限りじゃ使い方うまくわかんね…
自分の携帯がiPhoneだから確認もできない…
前のNokiaBluetooth使って、Macのネットワークにのっかることってできないんかなぁ。
よくある、携帯をモデムにしてPCからネット接続‥の逆、
PCのLAN?に携帯のBluetoothからアクセス…
要は機種変して3Gネットワークに繋がらない携帯から、
bluetoothだけ使ってなんとかPC経由でネットにアクセスって
できないもんだろうか…

Open / Close

Validなxhtml

04. Webデザイン 2009年2月19日 木曜日 23:40:21

Validなxhtmlを書く時に忘れがちなこと。
・textareaにrowsとcolsを指定
・imgにalt文
・コメント文に半角ハイフンを連続させない
<!-- -----------hoge----------- -->
みたいなの
・headerとかdd要素の中にpとか
 →pで段落間を1emあけたい時とか要注意
CSSだと、
・-moz-opacityとかダメ
・ハックは要確認

Open / Close

予定

04. Webデザイン 2009年2月13日 金曜日 21:02:59

ここのサイトでそのうち修正?手を加えたいところ。
・右のメニューが垂れ流し感たっぷりなので、
 各タイトルをクリックしたら展開するようにする
・IE6でmin-width、max-widthを実現する
・ここの記事を利用して、
 別のところでflashブログのテスト

Open / Close

test

04. Webデザイン 2009年2月12日 木曜日 22:50:51

うん、こっちのグラフを使おう

  • 0%グラフ消える
  • 5%グラフ消えそう
  • 10%グラフ思考ほぼ無い
  • 15%グラフグダグダ
  • 20%グラフぼーっと堕ちてる
  • 25%グラフぼーっとしてる
  • 30%グラフ作業しようと思う
  • 35%グラフ作業できる
  • 40%グラフ作業できる
  • 45%グラフ作業にはまる
  • 50%グラフ仕事会話もできる
  • 55%グラフその他の会話の多少
  • 60%グラフ思考が働きだす
  • 65%グラフ先読みが少しできる
  • 70%グラフ順序立てれる
  • 75%グラフ平均的
  • 80%グラフノリ出す
  • 85%グラフ提案ができる
  • 90%グラフ笑い
  • 95%グラフ冗談を言う
  • 100%グラフ上機嫌
Open / Close

グラフテスト

04. Webデザイン 2009年2月11日 水曜日 0:59:31

グラフテスト

  • Photoshopやっぱり慣れてるから
  • Artrage値段なり
  • Painter essentialブラシは多彩
  • Sketchbook pro惜しい
  • Comic studio線描に関しては。

横グラフにしようとしたけど、
可変幅のせいか、うまくいかなかった。
また今度ためそう。
なんでとりあず、高さを半分にした…

Open / Close

IE6でmin/max-height

04. Webデザイン 2009年2月9日 月曜日 17:08:23

IE6でmin-width,max-widthを実装する
↑なんかダメだ
Min-height & Min-width IEバグFix
IE で min-width を指定する方法
余計なdivで囲まないといけないっぽい
いろいろややこしいのでIE6対応はもういいか…
IE6でご覧の方、今のところ、
ウインドウを広げれば広げるほどコンテンツもびろーんと広がり、
ウインドウを狭めれば狭めるほどコンテンツも、どこまでもちじこまっていきます、すみません。
そのうちちゃんと対応したいです。
でも、ちょっと憎いので、
IE6で見ると「アナログ」と表示されるようにしてみた。
いらん記述だから飽きたら外します。

Open / Close

修正

04. Webデザイン 2009年2月6日 金曜日 23:13:53

このサイトのレイアウトを、
elasticレイアウトに変更。
画面幅によってコンテンツの幅が変わるように、
かつ、最小幅と最大幅を規定。
今現在、IEでは未確認。

Open / Close

CSSで画像のトリミング

04. Webデザイン 2009年2月4日 水曜日 23:22:25

CSS覚書。
imgを、pとかdivとかでくくり、
そのpなりdivなりにheightと
overflow:hidden;を指定する
というネタ。
※reflect.jsと共存できない…
ななんとかならんものか…

Open / Close

試験

04. Webデザイン 2009年1月30日 金曜日 20:59:27

テスト
Nucleusのテストでhtmlのテストで、CSSのテスト。Nucleusのテストでhtmlのテストで、CSSのテスト。Nucleusのテストでhtmlのテスト
で、CSSのテスト。Nucleusのテストでhtmlのテストで、
CSSのテスト。Nucleusのテストでhtmlのテストで、CSSのテスト。Nucleusのテストでhtmlのテストで、CSSのテスト。
20080419-R0010155.JPG

続きを読む

TOP