本日は… ■午前中はwordpressの自習 本日8章b1まで■午後はポートフォリオに使えそうなjQueryプラグインの話などIsotopeisotope.metafizzy.co 一世を風靡したソートするjQuery。 これの簡易版Creating a “Filterable” Portfolio with jQuery - Tuts+ Code Tuto…

本日は…■タブ形式で表示するためのjQueryを作成 基本的に項目をそれぞれ ・見出しのul ・中身のul という形で記述して、見出しのクリックをするごとに中身のulを連動させて見えるようにする <ul class="title"> <li><a href="#tab1" class="select">１</a></li> <li><a href="#tab2">２</a></li> <li><a href="#tab3">３</a></li> <li><a href="#tab4">４</a></li> <li><a href="#tab5">５</a></li> </ul>

本日は…■HTML5のドリル 思い出せる順に… 1.section 2.nav 3.header 4.figure 5.atlibute 6.aside 7.placeholder 8.autofocus 9.required 10.DTD こんな感じの回答だった記憶（順不同）■横型アコーディオン 縦のものより横に広がるほうが意外と使い勝手がある <div id="accordion"></div>…

本日は…講座は休みなので、企業サイト制作する上での注意点や流れなどをまとめて■どんなサイトにするか １．どんな相手か …雰囲気、商品など（コンセプトを決める上でもしっかり下調べする） ※すでにサイトがある場合はそのドメインなども２．どんな目的で ……

本日は…・昨日の続きと新たに２つ課題 ・午後はクライアントワークで使うgoogleスライドの話■昨日の３つめのサイト jsをtoggleで書き換えたので一個一個押していくと全部開く仕様に…。 一つ開いたらひとつ閉じる、をtoggleでできるか勉強中。 実際のサイト・…

本日は…■jQueryのドリル(回答は正誤不明。)1.jQueryは必ず「」から始まる…記号は？ →$2.テキストを書き換えるメソッドは？ →.text()3.HTMLを書き換えるメソッドは？ →.html()4.属性を書き換えるメソッドは？ →.attr()5.要素の中身をカラにするメソッドは？ →…

本日は…講座は休みなので自習■jQueryのセレクタとメソッドまとめ ■画像置換とアニメーション ■アコーディオンメニュー復習 ・セレクタ id、class 子孫セレクタ 子セレクタ 隣接セレクタ :firstと:first-child :even :odd :eq(n)・メソッド .addClass .wrapp …

本日は■画像置換をjQueryで基本は教科書に忠実に、メインになる大きな画像のalt属性だけ、教科書には取得用jQueryがないので自分で補完 ※写真はほぼ自作 スライドギャラリー 実際の動きはこんな感じサムネイルをクリックするとメインに画像が、少しクロスフ…

本日は…先日のパスタのサイトにスライダーをつける 先にbxsliderで試作したもの→サイトから本体zipをDLし、解凍。中から必要なもの＝jsファイル（今回のweb制作講座ではjsの中身を少しいじることを想定して、あえてminではない方を選択）、cssファイル、ボタ…

本日は…■floatの中にfloatのあるサイトを作る… だったのですが、ファイルをバックアップし忘れたので詳細は後日。。。・HTML5ではインラインレベルブロックレベルの区別がないので、 <a> タグを <div> 自体につけることが可能 →div全体＝背景画像しかないところなど</div></a>…

本日は講座が休みなのでサイト用の素材作りを色々※素材：自分で撮った写真 加工：シャドウ・ハイライトで画像を均一な明るさにしてから二階調化 色調補正で色を黄色、赤寄りに加工 文字を入れて光彩設定 画像にグラデーションオーバーレイ （所要時間３０分……

本日は…■jimdoを使ってサイト100選を作る方法… ・基本的にブログをカテゴリ分け（タブ設定）して更新していく ・.swfファイルをそのままアップできる！ ・はてなブログとの使い分け（ビジュアルで残したいもの、タグで残したいもの） ■jQueryでアニメーショ…

本日は… ■月一回のテスト（JavaScript） ■jQueryのアニメーション効果 ・toggleとshow,hide ・ライブラリを使って画像置換とクロスフェード ■Photoshopでボタン制作 jQueryのアニメーション効果 ・toggleは現在のバージョンでは動かない→制式採用されたライ…

本日は… ■キービジュアルのまとめサイト <a href="http://mainvisual.net-king.com/" data-mce-href="http://mainvisual.net-king.com/">WEBデザインのメインビジュアルまとめ</a>mainvisual.net-king.com を見て自サイト作成の参考に →からの、このサイトがWordpressで制作されていることを確認 CMSの使い方についても（content management system） １．Wor…

jQuery… JavaScriptのライブラリの一つ 2.X以降はIE8までに対応していないので1.11～などを使う（DLしてもいいし外部読み込みをしてもイイ） →外部読み込みをする理由は、閲覧者がDLしなくてすむのでスマホユーザーなどにやさしい →書き方<script src="~~~~.js"></script> ●CDN … Content De…