これからの勉強会に提案があります。
このサイトのオリジナルテーマを一から作っていきませんか?
題して「html5で作るワードプレスオリジナルテーマ」
なんてどうでしょう?
html5もphpもデザインも制作の流れも学べますし、
チームで作り上げて行くことも良い経験になると思います。
制作過程は、このサイトで連載します。
これを一つの柱に、あとは個人の取り上げて欲しいお題を勉強するのは如何でしょうか?
これからの勉強会に提案があります。
このサイトのオリジナルテーマを一から作っていきませんか?
題して「html5で作るワードプレスオリジナルテーマ」
なんてどうでしょう?
html5もphpもデザインも制作の流れも学べますし、
チームで作り上げて行くことも良い経験になると思います。
制作過程は、このサイトで連載します。
これを一つの柱に、あとは個人の取り上げて欲しいお題を勉強するのは如何でしょうか?
勉強会でやって欲しい事をリクエストします。
①動画挿入用プラグイン「Viper’s Video Quicktags」を先ほどインストールしました。
簡単に出来て特に問題ないのですが、iphoneで見るとサムネイル画像が縦に伸びてしまっています。
クリックして別画面が開き動画を見る際には問題ありません。
②先週のcssアニメを自分なりにアレンジしてやってみました。それについての質問です。
こちらを見て下さい。
http://nobu-69.com/study/css_packman/css-packman.html
パックマンがパクパクやっているのは上手く出来ました。
「パックマンをパクパクさせながら画面の右から左に移動させる」
という所で、つまずいています。
勉強会用にzipファイルも用意しました。
http://nobu-69.com/study/css_packman/css-packman.html
以上
よろしくお願い致しまするん。
②について勉強会でやりました。ありがとうございました!
1 2 3 4 5 6 7 8 |
.pack { width:300px;/*幅の指定は大事です*/ animation:pack infinite linear 10s;/*10sは10秒で下記のキーフレームアニメーションを行うという意味*/ } @keyframes pack { 0% {transform:translate(130em,0);}/*キーフレーム0%の時パックは右画面の外・画面幅によって数値も違う!*/ 100% {transform:translate(-30em,0);}/*キーフレーム100%の時パックは左画面の外・画面幅によって数値も違う!*/ } |
こんな感じで実装できました。
動画挿入用プラグイン「Viper’s Video Quicktags」を入れてみました。
「YouTube」というボタンを押せばダイアログボックスが出てきますので、画像のurlを入れて下さい。
サイズも変えられるよ!
[youtube]http://www.youtube.com/watch?v=DC6J1kUd-64[/youtube]
参考サイト
http://wp-site.biz/4618