[Web]Instagramをサイトに表示する(検討中)

Web

Twitterで提供しているようなウィジェットはない候補１．SnapWidget SnapWidget | Instagram Widgetsnapwidget.com リンク先に広告が表示される。（⇒回避策候補２.APIから画像を取得 Instagram APIから画像データを取得する方法iaseteam.eshizuoka.jp この…

2015-06-12

[jQuery] [jQuery]bxSliderとLightBoxを使ってメインを装飾したページ

jQuery

「パスタ屋」のページを製作トップイメージにbxSlider、クリックするとLightBox 必要なものだけを使う(javascript本体、css、イメージ) jQuery本体（ＣＤＮでよい） bxSlider⇒jquery.bxslider.js、jquery.bxslider.css、アイコン画像 LightBox⇒lightbox.js…

2015-06-11

[Web][デザイン]画像軽量化：TinyPng

Web デザイン

TinyPng.com １ＭＢを超える画像を載せるとどうしても重くなるそんなときに便利な画像を軽量化してくれるサイトサイト上の無料版だと20個まで可能。有料のPhotoshopプラグインも有。 jpgとpngがあるがpngのほうが綺麗に仕上がりやすい TinyPNG – Compress…

2015-06-10

[Web][デザイン]写真などの画像の中にあるフォントの種類を調べる方法

Web デザイン

きっかけカフェのメニュー。このフォントなんなんだろう？と調べたくなった。

2015-06-09

[Flash]⑫キーボード入力の判定 (2)

入力されたキーを調べるスクリプト解説 Key.isDown if( this._x < leftLimit )…枠を設定ムービークリップの幅と高さを考慮するなら

2015-06-08

[Flash]⑪キーボード入力の判定

Flash

keyクラスとはキーの調べ方最後に押されたキーを調べるいままさに押されているキーを調べるキーを識別する数値キーコードアスキー値入力した文字を調べ画面表示する文字をアニメーションするシンボルを作るキー入力を感知

2015-06-07

[html5]⑥グローバル属性

html5

HTML5でのグローバル属性 id属性 class属性 style属性 title属性 accesskey属性

2015-06-06

[Unity3d][制作物]Unity3dによるゲーム制作

制作物 Unity3d

過去作品「インド人を右に」 Unityを使い初制作したミニゲーム企画〜制作まで1ヶ月程度

2015-06-05

[html5]⑤コンテンツモデル

html5

コンテンツモデルとは要素を構成する情報の関係使われる状況コンテンツモデル使用できる属性 DOMインターフェースコンテンツモデルセクション関連のHTML5新要素

2015-06-04

[html5]④追加された要素と属性、廃止される要素と属性

html5

新しい要素文書構造を明確にするための要素テキストの意味を明確にするための要素・属性動画と音楽のための要素・属性フォームに関する要素・属性 Webアプリケーションのための要素特定言語のための要素・属性使い方が変更された要素・属性 async属性…

2015-06-03

[html5]③基本的な文法

html5

基本的な文法 DTD（Document type Definition）：文書型定義 metaタグはcharset属性 link要素、style要素、script要素の属性は不要空要素の閉じ方 XHTMLとは柔軟な書き方ができるHTML５

2015-06-02

[html5]②Webアプリケーション

html5

Webアプリケーションとは初期のしくみ Ajaxによるレスポンスの高速化 HTML5がめざすWebアプリケーション HTML5によって実現するもの Chromeウェブストアスマートフォンアプリケーション

2015-06-01

[html5]①HTML5の特徴、代表的な機能

html5

HTML5の特徴、代表的な機能マークアップに関する機能構造化要素フォーム要素マルチメディア要素 Canvas機能ドラッグ&ドロップオフライン機能クロスドキュメント通信機能アプリケーション開発のためのAPI Web Strage Web Socket Indexed DB Geolocati…

2015-05-31

[Web]Googleフォームによるフォームの作成

Web

Googleフォームの利点と欠点手軽に作れる googleのデザイン、セキュリティが担保できる powers by googleになる(セルフコントロールしていない印象)

2015-05-30

[Flash]⑩ダブルクリック判定

Flash

ダブルクリックでアニメの判定解説 getTImer関数

2015-05-29

[Flash]⑨Mouseクラス

Flash

Mouseクラスを扱う方法 Mouseクラスマウスの位置を知るマウスカーソルを変更する upDateAfterEvent関数

2015-05-28

[jQuery]⑨タブパネル

jQuery

見出しタブをクリックすると、パネルの内容が切り替わるUI 情報量を多くできる大手ポータルサイトでよく見かけ、馴染み深いスライド/フェードアニメなどを適用してもよい(濫用はNG)

2015-05-27

[jQuery]⑧横アコーディオンパネル

jQuery

画像の横アコーディオンパネル定義リストを利用するタイトル部分をクリックすると、画像とともに横にスライドする情報の多くしたいヘッダー画像などに利用したい <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>

2015-05-26

[デザイン]バナーの制作テクニック

デザイン

紙とウェブデザインは「小さい面積から大きい面積へ」やっていくのが基本。紙名刺はがき（フライヤー） A４ Web バナー広告(リンク) ビルボード(アイキャッチ) 見出し素材バナーをつくる情報・構成要素の優先順位を明確にする手書きラフをつくる外枠…

2015-05-25

[Flash]⑧MovieClipの再生/逆再生、他との接触

Flash

フレームの順再生と逆再生 onEnterFrame this.nextFrame()/prevFrame() フレームの接触を感知 hitTestメソッドフレームの順再生と逆再生傘を開くアニメをを用意する傘を閉じる状態は逆再生で表現するムービークリップにスクリプトを記述… this.stop(); /…

2015-05-24

[Flash]⑦MovieClipのドラッグ＆ドロップ＆スナップ

Flash

ドラッグアンドドロップ startDrag()メソッドドラッグ範囲をステージに合わせるドラッグしてスナップ eval関数

2015-05-23

[Flash]⑥MovieClipを使ったアニメーション(2)

Flash

ムービーの重なり順を入れ替える深度について別のFlashファイルを読み込む MovieClip.loadMovie()メソッド

2015-05-22

[Flash]⑤MovieClipを使ったアニメーション(1)

Flash

マウスアクションに反応したアニメーション PhotoshopからFlashにアニメーションを読み込むステージにないムービーを作り出すシンボルにリンケージを設定 attachMovieメソッドでインスタンスを生成

2015-05-21

[jQuery]⑦アニメーション効果

jQuery

show() 非表示状態の要素を表示 hide() 表示中の要素を非表示にするセレクター :animeted アニメーション処理中の要素を選択 toggle() 要素の表示、非表示を交互に切り替え slideDown/slideUp() 表示非表示をスライドで切り替え slideToggle() 表示/非表示…