Web技術 - 我流天性がらくた屋

Category Archives: Web技術

Flex User Group Japan Tour 2010に参加してきました

2010/7/18 日曜日 – 20:45:03

(0)

(0)

(0)

(0) Total: 0

Flex User Group 全国ツアー 2010 in 福岡に参加しました。

同日時に開催されていたサト研vol.17を蹴ってまで参加したのは、
Flash Builderと連携できるFlash Catalystというソフトに前々から興味があったからです。
プログラムが書けないデザイナーでも簡単にプロトタイプが作れて、
しかもデザイナーがグラフィックソフト(illustorator,Photoshop等)で編集すれば、
それをCatalystやFlash Builderを通じてプログラマーが開発を引き継げるというのです。

自分たちはweb以外でもUIを勉強していきたいので、
今後アプリ開発時にどうやってデザイナとプログラマが連携して作っていけるようになるのかを概要だけでも掴んでおきたかったのです。
Read More »

By 我流@CGFM | Also posted in Actionscript, Catalyst, Flash, Flex, セミナー, レポート, 交流会懇親会, 福岡 | Comments (1)

レポの宿題がなかなか力作揃いだったのでまとめてみた

2010/6/10 木曜日 – 4:05:03

(1)

(0)

(0) Total: 1

先日、授業を担当しているクラスに、
「好きな事のレポをアップする」宿題を出したところ、
どれも良かったのでまとめてみました。
Read More »

By 我流@CGFM | Also posted in DH系講義, Javascript, レポート | Comments (0)

メモ：CSS3のdisplay:boxで中央寄せ

2010/5/10 月曜日 – 3:36:53

(0)

(0) Total: 0

HTML5+CSS3に手をつけててハマったのでメモ。

3カラムのボックスを横並びにしようとして、CSS3の display:boxを使ってみたら親要素を中央寄せできなかった。
環境はMac / Firefox 3.6.3。
ちなみにSafari4では大丈夫でした。

HTMLはこんなの。

<div id="container">
<section>左</section>
<section>中</section>
<section>右</section>
</div>

CSSはこんな感じ。

#container {
display :box;
margin: 0 auto; /* ←これが効かない */
width: 900px;
}

#container section {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 300px;
}

こう書いたらうまく 3カラムの真ん中寄せができました。

body{
text-align:center; /* ←Firefox用 */
}
#container {
display :box;
margin: 0 auto; /* ←Safari用  */
width: 900px;
text-align:left; /* ←Firefoxのテキストを左寄せに戻す */
}

#container section {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 300px;
}

解決策は、親要素の親要素(ここではbody)にtext-align:center を指定するだけだった。
まとめると、