CSS SLIDE PANEL

CSS SLIDE PANEL

2013-10-18 Friday 勉強会の議事録です。

kanedaさんのリクエストで、ショッピングサイト等でみかけるスライドパネルについてやりました。
CSSで実装するパターンとjQueryで実装するパターンをやりました。

タカハシ先生、ありがとうございました。

CSSで実装するパターンを自分のサイトにアップしたので、興味のある方はご覧下さい。
http://nobu-69.com/others.html
「css3 ショッピングサイト等でみかけるスライドパネル 2013/10/23」をクリックして下さい。

jQueryバージョンは、近日中にアップ予定。

アップしました。

working for yourself

みなさん議事録を書くのをいやがる傾向にありますが、書く事により確実に理解度は増すのでとても自分の為になります。もし、議事録を書いている時に分からなくなってしまっても先生がサポートしてくれる(多分)ので心配ありません。WAVE時代にPALを見ながら勉強していて実際に課題制作になったら何も出来なかったという事が多々ありましたよね。そのことからも分かるように、勉強会に出たからといって教わった技術が絶対身に付くとは限りません。

タカハシ先生は、私たちの質問に常に答えてくれます。質問内容が先生の知らない事であれば調べたり調査したりして答えてくれています。先生はよくこんな事を言っています。

「パソコン倶楽部りんごが始まって一番勉強になってるのは私だと思う。」

メンバーの質問に答えたり、議事録を書いたりすることは、もちろん他の人の為でもありますが、実は自分の為に一番なるのですよー。

カテゴリー: 勉強会 | タグ: , | 投稿日: | 投稿者:
真中のぶ

真中のぶ について

The B.B.BoogieというバンドでVocalをしています。サーフィンもします。シングルフィンのクラッシックなロングボードに乗っています。ウェブデザイナーでもあります。タカハシ先生の一番弟子ですが時々すっとこどっこいな質問をして校庭10周と言われます。「パソコン倶楽部りんご」は僕が命名しました。ジョブズさんに敬意を表して。好きなcssはmargin{0 auto;}

CSS SLIDE PANEL」への2件のフィードバック

  1. タカハシ先生タカハシ先生

    CSSの実装がAndroidでうまく動作しない問題がありました。手元で調査したところ以下の感じです。

    Android4.01
    — Google Chrome — OK
    — 標準ブラウザ — 動かない
    iOS 6
    — Safari — OK
    — Google Chrome — OK

    Androidの標準ブラウザではだめな事が分かりました。
    transitionをanimationに変えても、
    transform:translate3dでもtranslateでもmargin-leftでもアニメーションしません。
    ちょっと宿題ですね。

    返信
  2. ピンバック: jQuery Slide Panel | パソコン倶楽部りんご

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA