2015-05-01から1ヶ月間の記事一覧
Googleフォームの利点と欠点 手軽に作れる googleのデザイン、セキュリティが担保できる powers by googleになる(セルフコントロールしていない印象)
![はてなブックマーク - [Web]Googleフォームによるフォームの作成](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/31/082301)
ダブルクリックでアニメの判定 解説 getTImer関数
![はてなブックマーク - [Flash]⑩ダブルクリック判定](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/30/060042)
Mouseクラスを扱う方法 Mouseクラス マウスの位置を知る マウスカーソルを変更する upDateAfterEvent関数
![はてなブックマーク - [Flash]⑨Mouseクラス](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/29/060000)
見出しタブをクリックすると、パネルの内容が切り替わるUI 情報量を多くできる 大手ポータルサイトでよく見かけ、馴染み深い スライド/フェードアニメなどを適用してもよい(濫用はNG)
![はてなブックマーク - [jQuery]⑨タブパネル](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/28/095051)
画像の横アコーディオンパネル 定義リストを利用する タイトル部分をクリックすると、画像とともに横にスライドする 情報の多くしたいヘッダー画像などに利用したい <html> <head> <meta charset="UTF-8"> <title>イメージアコーディオン・横</title> <link rel="stylesheet" href=“acord2.css"> <script src="js/jquery-1.11.3.min.js"></script> </head> <body> <div id="container"> <dl> <dt></dt></dl></div></body></html>
![はてなブックマーク - [jQuery]⑧横アコーディオンパネル](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/27/060000)
紙とウェブ デザインは「小さい面積から大きい面積へ」やっていくのが基本。 紙 名刺 はがき（フライヤー） A４ Web バナー広告(リンク) ビルボード(アイキャッチ) 見出し素材 バナーをつくる 情報・構成要素の優先順位を明確にする 手書きラフをつくる 外枠…
![はてなブックマーク - [デザイン]バナーの制作テクニック](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/26/060000)
フレームの順再生と逆再生 onEnterFrame this.nextFrame()/prevFrame() フレームの接触を感知 hitTestメソッド フレームの順再生と逆再生 傘を開くアニメをを用意する 傘を閉じる状態は逆再生で表現する ムービークリップにスクリプトを記述… this.stop(); /…
![はてなブックマーク - [Flash]⑧MovieClipの再生/逆再生、他との接触](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/25/060000)
ドラッグアンドドロップ startDrag()メソッド ドラッグ範囲をステージに合わせる ドラッグしてスナップ eval関数
![はてなブックマーク - [Flash]⑦MovieClipのドラッグ＆ドロップ＆スナップ](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/24/063000)
ムービーの重なり順を入れ替える 深度について 別のFlashファイルを読み込む MovieClip.loadMovie()メソッド
![はてなブックマーク - [Flash]⑥MovieClipを使ったアニメーション(2)](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/23/060000)
マウスアクションに反応したアニメーション PhotoshopからFlashにアニメーションを読み込む ステージにないムービーを作り出す シンボルにリンケージを設定 attachMovieメソッドでインスタンスを生成
![はてなブックマーク - [Flash]⑤MovieClipを使ったアニメーション(1)](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/22/073421)
show() 非表示状態の要素を表示 hide() 表示中の要素を非表示にする セレクター :animeted アニメーション処理中の要素を選択 toggle() 要素の表示、非表示を交互に切り替え slideDown/slideUp() 表示非表示をスライドで切り替え slideToggle() 表示/非表示…
![はてなブックマーク - [jQuery]⑦アニメーション効果](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/21/063000)
フォーム部品の値を取得変更する命令 val() フォームに関するイベントの処理 focus() フォーカスされたことを感知 blur() フォーカスが外れたことを感知 change() フォームの内容変更を感知 submit() フォームの送信を感知 フォーム部品を選択するセレクター…
![はてなブックマーク - [jQuery]⑥フォーム](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/20/060000)
MovieClipのメソッド、プロパティ、イベントハンドラ MovieClipでボタンを作る ボタンのプロパティ、イベントハンドラ ボタンアクションでブラウザに表示する スクリプトで図形を描く 画像や文字にマスクを設定する スクリプトでオブジェクトを移動させる
![はてなブックマーク - [Flash]④MovieClipクラス、図形描画、ボタンイベント、マスク、オブジェクトの移動](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/19/060000)
クラスとは メソッドとは プロパティとは イベントハンドラとは ビルトインクラス Buttonクラス
![はてなブックマーク - [Flash]③クラスとは Buttonの作成](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/18/063000)
イベントの基本 ready(); click(); マウスのボタン操作を感知 mousedown(); mouseup(); moueover(); mouseout(); マウスの動きを感知 mousemove(); イベントに関連する処理 one(); on(); off();
![はてなブックマーク - [jQuery]⑤イベント](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/17/060000)
メソッドチェーン 連想配列の利用
![はてなブックマーク - [jQuery]④メソッドチェーン、連想配列の利用](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/16/183705)
HTML/CSSを自在に操れるjQuery どの箇所に？ 何をさせる？(命令) どのタイミングで? &(function(){ $(“ セレクター “).jQueryの命令 }
![はてなブックマーク - [jQuery]③命令](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/15/100256)
setIntervalメソッド clearIntervalメソッド setTimeoutメソッド
![はてなブックマーク - [JavaScript]⑫setInterval clearInterval setTimeoutメソッド](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/14/021320)
readyメソッド jQueryの文法 セレクター CSSでよく利用されるセレクター CSS2.1のセレクター CSS3のセレクター CSSの属性セレクタ
![はてなブックマーク - [jQuery]②readyメソッド、セレクタの使い方](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/13/135938)
jQueryとは 利用歩法 jQueryの概念
![はてなブックマーク - [jQuery]①jQueryとは何か](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/12/063000)
チェックテスト(4)(5)の回答 matchメソッド callメソッド applyメソッド
![はてなブックマーク - [JavaScript]⑪match、call、applyメソッド](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/11/090120)
記述の基本 記述場所 インスタンス名を設定 インスタンスの親子関係 例題：回りながら落ちる風車
![はてなブックマーク - [Flash]②ActionScript記述の基本](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/10/141747)
シンボルとインスタンス シェイプをシンボル化する シンボル化すると自動的にインスタンスの一つになる ライブラリに登録されたシンボルをドラッグで作れる シンボルの編集 インスタンスをダブルクリックしシンボルを編集できる 形や色を変えると「おおもと…
![はてなブックマーク - [Flash]①Flashの基本 おさらい](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/09/060000)
説明 自主課題として制作した企業サイト コピー、ロゴ等設計 写真は今回パブリックドメインのものを使用 テーマカラー青、アソートカラーピンク・黄 バリデーション済
![はてなブックマーク - [HTML][CSS][自由課題]企業系サイトを制作②](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/08/060000)
サイト説明 授業課題で制作した企業サイト 写真を自由に選び、それを元にカラー設計 写真は今回パブリックドメインのものを使用 テーマカラー青、アソートカラーオレンジ バリデーション済
![はてなブックマーク - [HTML][CSS][自由課題]企業系サイトを制作①](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/07/060000)
Arrayオブジェクト 配列リテラル Arrayコンストラクタ 配列の添字を活用 Arrayオブジェクトのメソッド 連想配列
![はてなブックマーク - [JavaScript]⑩Arrayオブジェクト Arrayオブジェクトのメソッド 連想配列(Objectオブジェクト)](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/06/075720)
組み込みオブジェクト Objectオブジェクト Dateオブジェクト Mathオブジェクト 乱数を戻す：random
![はてなブックマーク - [Javascript]⑨組み込みオブジェクト Dateオブジェクト Mathオブジェクト random関数](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/05/060000)
ゲシュタルトの７法則 デザインの授業で習った「ゲシュタルトの７法則」 ゲシュタルトの法則とユーザーの消費行動 - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス …を説明するFlashを制作しました。 左側のボタンをクリックすると表示が切り替わ…
![はてなブックマーク - [Flash][自由課題] 複数のswfをまとめたFlashの制作 / ショートカットキー](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/04/060000)
クラシックトゥイーンで動画を作る ボタンを制作 ボタンにスクリプトを設定
![はてなブックマーク - [Flash]ActionScript2.0 フレームアニメーション ボタン](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/03/060000)
Creative Cloud契約で、旧バージョンのFlash CS6をインストールする方法を記しています。 Flash CCではActionScript2.0が使えない問題 Flash CS6だとAS2.0が使えるらしい! CCデスクトップアプリケーションからダウンロードする
![はてなブックマーク - [Flash]Creative Cloudで、旧バージョン（CS6）をインストールする方法](https://b.hatena.ne.jp/entry/image/https://akatonbo-web.hatenablog.com/entry/2015/05/02/070000)
