CSS Nite redux, Vol.3 「じっくり学ぶ、iPhoneサイト制作のキホン」勉強メモ

crema𝕏（黒野明子） @crema

#cssnite_redux3 「CSS3 transitionのお話。軽い。しかし、できることには限りがある。書き方が難しい。ブラウザ依存が激しい。＞今後Androidの対応も考えると、どうなることか。」

crema𝕏（黒野明子） @crema

#cssnite_redux3 たにぐちさんがJSを書く時は、coda＋FIrefox＋Firebugを使用」

crema𝕏（黒野明子） @crema

#cssnite_redux3 「li:first-childとか、li:not(.more)とかのCSSのセレクタで条件を分岐するお話。で、それを検証するのに、FIrefox＋Firebug」

crema𝕏（黒野明子） @crema

#cssnite_redux3 「Firebugの『コンソール』で、$('li')でセレクタの検証をするお話。」

crema𝕏（黒野明子） @crema

#cssnite_redux3 「ただし、対象ページにjQueryが読み込まれていないとこれが使えない。その際はFIreQueryを入れる。で、jQuerifyをクリックして数回リロードすると、検証できる時もあるというお話。」

ちゃこちゃん。 @chaco

Sencha Touch、jQuery Mobile #cssnite_redux3

crema𝕏（黒野明子） @crema

#cssnite_redux3 「iPhone用JSライブラリ。古くはiui→jQTouch→Sencha TouchやjQueryMobileがトレンドなのでは。」

ちゃこちゃん。 @chaco

まとめ　http://bit.ly/icy3GY まとめサイト　#cssnite_redux3

crema𝕏（黒野明子） @crema

#cssnite_redux3 「まとめ。よいサイトを沢山見ましょう。＞ iPhoneアプリ/iPadアプリを探すならmeet i [ミートアイ] | iPhone情報ポータルサイト http://bit.ly/hGWHdc とか。」

ちゃこちゃん。 @chaco

HTML5＋CSS3を勉強しましょう。　#cssnite_redux3

ちゃこちゃん。 @chaco

jQueryを覚えましょう　#cssnite_redux3

crema𝕏（黒野明子） @crema

#cssnite_redux3 「HTML5の学習には、羽田野太巳さんの '徹底解説HTML5マークアップガイドブック' http://amzn.to/epQJs4 」

crema𝕏（黒野明子） @crema

#cssnite_redux3 「jQueryの学習には、西畑一馬さん中村享介さん徳田和規さんの 'jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践' http://amzn.to/fDMkpJ 」

crema𝕏（黒野明子） @crema

#cssnite_redux3 「質問タイム＞Androidエミュレータのセットアップのお話は、書籍 http://amzn.to/eIvcLU の44pあたりから。」

ちゃこちゃん。 @chaco

読み込んでいる間にスプラッシュ画面を見せるっていうテクがかっちょよかった！できたら公開してくれるっぽいです。　#cssnite_redux3

crema𝕏（黒野明子） @crema

#cssnite_redux3 たにぐちさんの書籍 http://amzn.to/eIvcLU には、iPhoneサイトのダウンロードサンプルファイルも充実ですよー。

ちゃこちゃん。 @chaco

ホーム画面用のアイコン、Retinaにあわせるには57×57でなく倍のサイズでもいいのではないかという質問中。#cssnite_redux3

ちゃこちゃん。 @chaco

タッチアイコンについて、たにぐちさん調べ中。#cssnite_redux3　複数指定できるようです。

たにぐち まこと／学ぶ。をちゃんと @seltzer

iPhone4用の apple touch iconを指定する方法＞http://blog.fonland.net/2011/02/iphone-ipad-apple-touch-iconpng.html #cssnite_redux3

ちゃこちゃん。 @chaco

RT @seltzer: iPhone4用の apple touch iconを指定する方法＞http://blog.fonland.net/2011/02/iphone-ipad-apple-touch-iconpng.html #cssnite_redux3

crema𝕏（黒野明子） @crema

#cssnite_redux3 「質問タイム＞ホーム画面用アイコンが57x57pxというお話でしたが、Retina display対応の場合は、倍のサイズを用意するのでしょうか？＞複数指定が可能な模様＞ http://bit.ly/dLGYiH 」

crema𝕏（黒野明子） @crema

#cssnite_redux3 参考＞iPhone4 Retina Display対応のデザインのコツ！ | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話 http://bit.ly/etqw4O

crema𝕏（黒野明子） @crema

#cssnite_redux3 E[attr^=value] （属性値の前方一致）のお話とか、JSのお話とか。

crema𝕏（黒野明子） @crema

#cssnite_redux3 ドーナツ本とマカロン本の担当者さん @motokik さんのご挨拶、で締めです。お疲れさまでした！