jQueryライブラリ
本日は… ■午前中はwordpressの自習 本日8章b1まで■午後はポートフォリオに使えそうなjQueryプラグインの話などIsotopeisotope.metafizzy.co 一世を風靡したソートするjQuery。 これの簡易版Creating a “Filterable” Portfolio with jQuery - Tuts+ Code Tuto…
本日は… ■PhotoLogサイト制作の続き …コメントともっと読むボタンなどが横並びになっている部分の処理について 1.floatで制作→ divで左右の要素をくるんで、それぞれにfloatをかける <div id="wrapper"> <h2><img src="●●●" alt="画像"></h2> <p class="date">2015 04 30</p> </div> cssでfloatを… #wrapper{ overflow: hidden; } h2 { float…
本日は…・昨日の続きと新たに2つ課題 ・午後はクライアントワークで使うgoogleスライドの話■昨日の3つめのサイト jsをtoggleで書き換えたので一個一個押していくと全部開く仕様に…。 一つ開いたらひとつ閉じる、をtoggleでできるか勉強中。 実際のサイト・…
本日は…■lightboxを使ってみるLightboxlokeshdhakar.com 1.ここから本体及びcssなど一式をDL2.ファイル管理をしてセッティング3.画像を制作しておく(サムネイルがあってもなくてもOK)4.本体の中にあるindex.htmlから不要な記述を省きつつ、画像の…
本日は…先日のパスタのサイトにスライダーをつける 先にbxsliderで試作したもの→サイトから本体zipをDLし、解凍。中から必要なもの=jsファイル(今回のweb制作講座ではjsの中身を少しいじることを想定して、あえてminではない方を選択)、cssファイル、ボタ…
本日は… ■月一回のテスト(JavaScript) ■jQueryのアニメーション効果 ・toggleとshow,hide ・ライブラリを使って画像置換とクロスフェード ■Photoshopでボタン制作 jQueryのアニメーション効果 ・toggleは現在のバージョンでは動かない→制式採用されたライ…