2013-10-18 Friday 勉強会の議事録です。
kanedaさんのリクエストで、ショッピングサイト等でみかけるスライドパネルについてやりました。
CSSで実装するパターンとjQueryで実装するパターンをやりました。
タカハシ先生、ありがとうございました。
CSSで実装するパターンを自分のサイトにアップしたので、興味のある方はご覧下さい。
http://nobu-69.com/others.html
「css3 ショッピングサイト等でみかけるスライドパネル 2013/10/23」をクリックして下さい。
jQueryバージョンは、近日中にアップ予定。
working for yourself
みなさん議事録を書くのをいやがる傾向にありますが、書く事により確実に理解度は増すのでとても自分の為になります。もし、議事録を書いている時に分からなくなってしまっても先生がサポートしてくれる（多分）ので心配ありません。WAVE時代にPALを見ながら勉強していて実際に課題制作になったら何も出来なかったという事が多々ありましたよね。そのことからも分かるように、勉強会に出たからといって教わった技術が絶対身に付くとは限りません。
タカハシ先生は、私たちの質問に常に答えてくれます。質問内容が先生の知らない事であれば調べたり調査したりして答えてくれています。先生はよくこんな事を言っています。
「パソコン倶楽部りんごが始まって一番勉強になってるのは私だと思う。」
メンバーの質問に答えたり、議事録を書いたりすることは、もちろん他の人の為でもありますが、実は自分の為に一番なるのですよー。
CSSの実装がAndroidでうまく動作しない問題がありました。手元で調査したところ以下の感じです。
Android4.01
— Google Chrome — OK
— 標準ブラウザ — 動かない
iOS 6
— Safari — OK
— Google Chrome — OK
Androidの標準ブラウザではだめな事が分かりました。
transitionをanimationに変えても、
transform:translate3dでもtranslateでもmargin-leftでもアニメーションしません。
ちょっと宿題ですね。
ピンバック: jQuery Slide Panel | パソコン倶楽部りんご