今日はランサーしょうじさんがお休みです。でもお菓子は確保。
勉強会の概要は
- cssアニメーションでパラパラアニメを作る方法
- 画像スライドアニメーション
- Facebookとwordpressを連携させたいのですが…
- レスポンシブWebデザインの覚え書き
です。
ccssアニメーションでパラパラアニメを作る方法
こんな感じです。
詳しくはcssアニメーションでパラパラアニメを作る方法に書きました。
画像スライドアニメーション
画像スライド アニメーション
について、参考サンプルはjQueryで動いていましたが、cssでの実装をやってみました。詳しくは真中さんが画像スライド アニメーションに追記してくれたので、そちらでご確認ください。
Facebookとwordpressを連携させたいのですが…
個人アカウントがないとだめっぽいですね。かおりんごさんの次回レポートを待ちましょう。
レスポンシブWebデザインの覚え書き
sa-kaさんより、レスポンシブWebデザインを作る際の考え方の発表がありました。タカハシも賛成です。詳しくはsa-kaさんに改めて書いてもらうとして、概要は以下の通り。
- @media queryに対応しているブラウザを対象とする。
- @media query非対応のブラウザは固定幅が適応されるようにする。js等でpolyfillしない。
- Retinaディスプレイをはじめとする、高解像度環境での画像の設置のさせ方は、現状で決定打は無いので、継続調査する。