講義の備忘録

ripple効果

http://felica.boy.jp/swf/ripple.swfなぜかEmbed Flashでプレビュー出来なかった。

HTML5 マイクロデータの説明

テキストにさらに意味づけをできるマイクロデータの使用方法について、詳しく分かりやすく説明しているサイトがありました。http://thinkit.co.jp/story/2012/05/09/3539読む価値あるかもです。

DTPの練習

detailは気にせず、大枠と見出しだけ作成。

名刺作成の授業

作成時間4分 シンプルで オシャンティーに 授業でやった名刺

IE6でpngを透過

といってもtesterないとmacから確認できないか・・・ 一応ie6で透過できてます。http://felica.boy.jp/pngi6

配列 ActionScript

var a:Array = new Array("10","12","7"); trace(a[0]); var week:Array = new Array("日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"); trace("今日は" + week[3] + "です。"); this.week_txt.text="今日は" + week[3] + "です。" var wee…

減速スライド

var base:Number; var rate:Number = 5; this.btn1.onRollOver = function() { base = main.big1._x; } this.btn2.onRollOver = function() { base = main.big2._x; } this.btn3.onRollOver = function() { base = main.big3._x; } this.btn4.onRollOver = f…

photoshopでカンプ作成

まだ途中ですが・・・

自作のスライドショー

this.stop(); on (release){ if(_currentframe != 1){ prevFrame(); }else{ gotoAndStop(6); } } on (release){ if(_currentframe != 6){ nextFrame(); }else{ gotoAndStop(1); } } 匿名関数 this.stop(); Object(this).right.onRelease = function(){ if(_c…

ルーレットFlash

this.onLoad = function(){ num1.stop(); num2.stop(); num3.stop(); } start.onPress = function(){ num1.play(); num2.play(); num3.play(); } btn1.onPress = function(){ num1.stop(); } btn2.onPress = function(){ num2.stop(); } btn3.onPress = func…

イラレボタン作成

フラッシュでイベント起こすボタンを作成していたら、土管っぽくなってしまったので、こんな感じのキャラクターを作ってしまった。

CrossSlide-fade

動きました。 http://felica.boy.jp/slide <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.7.2.min.js"></script> <script src="js/jquery.cross-slide.min.js"></script> <title></title> <style> #slideshow { width: 800px; height: 540px; } </style> <script> $(function() { $('#slidesho…</meta></head></html>

Mouseover

できました。マウスオーバーでフルカラー http://felica.boy.jp/mouseover マウスオーバーで拡大 http://felica.boy.jp/mouseover/index2

今日のJavaScript

http://felica.boy.jp/js-kadai/js0612 <html lang="ja"> <head> <meta charset="UTF-8"> <title>for文の練習1</title> </head> <body bgcolor="#FFFFFF"> <script type="text/javascript"> <!-- var i; for (i = 0; i < 10; i++) { document.write("<p>JavaScript</p>"); } // --> </script> </body> </html> …

今日のActionScript

var key:String = "B"; var message:String; if(key == "A"){ message = "AはAlphaのA"; } else if(key == "B"){ message = "BはBravoのB"; } else if(key == "C"){ message = "CはCharlieのC"; } else { message = "知らない文字です"; } trace(message); v…

今日のJavaScript

変数を利用する 標準体重計算プログラム http://felica.boy.jp/js-kadai/jsstudy if文の標準体重計算プログラム http://felica.boy.jp/js-kadai/jsstudy2

LightBox2を使ってみる

http://felica.boy.jp/lightbox

Illustrator練習

penguin cafe カレンダー

今日のJavaScript

<html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> '); document.write('2×(8−6)÷2=',(2*(8-6)/2),'<br>'); document.write('1−2+3=',(1-2+3),'<br>'); document.write('1−(2+3)=',(1-(2+3)),'<br>');…</body></html>

今日のFlash

イベントハンドラーメソッドで回転 var angle:Number = 10; btn.onRelease = function() { angry._rotation += angle; } ボタン長押し var angle:Number = 10; btn.onPress = function() { angry.onEnterFrame = function() { angry._rotation += angle; } }…

今日のFlash

バウンド onClipEvent (load) { var speedX:Number = 10;//移動速度 var speedY:Number = 10; var leftEdge:Number = 0;//左端の座標 var rightEdge:Number = 550;//右端の座標 var topEdge:Number = 0; var bottomEdge:Number = 400; } onClipEvent (enterF…

6月4日

syntaxカラーリングテスト ruby //「ビールを12杯:1杯500円」「ウーロン茶を4杯:1杯300円」 //「サラダを2皿:1皿600円」「チキンを2皿:1皿800円」 //「ピザを2枚:1枚800円」 //これを5人で割り勘にしたときの一人あたりの金額を求めなさい。 var b…

5月31日

1時限目 XAMPPをインストールローカルホストでテストサーバーを作成 passwordを忘れる場合はrootで設定 自宅の場合はpasswordを設定したほうがいいranningをストップさせて exitしないと停止しないCドライブ直下でXAMPPのhtdocsの中にフォルダを作成 2時限目…

header作成

http://felica.boy.jp/css-kadai/0524 <html lang="ja"> <head> <meta charset="UTF-8"> <title>header(1)</title> <link rel="stylesheet" href="back.css"> </head> <body> <div id="container"> <div id="header"> <h1>Information World</h1> <h2>Technical Information</h2> </div> </div> </body></html>

5月24日(2) ベーシックな企業サイト

↓完成 http://felica.boy.jp/basic_company/ <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, print"> <title>サンプル スタイルシート カンパニー</title> <style> * { margin: 0;…</link></meta></meta></head></html>

5月24日

CSSスプライト用にグローバルナビゲーションを作成

Google Swiffiy test

Google Swiffiy http://swiffypreviews.googleusercontent.com/view/o/48beafb4-6ecf-41b6-98d0-41463dc88ed3/car.html ↑サーバーに一時保存は15分間のため、見れません jsdo.it 2012-05-21 1st - jsdo.it - share JavaScript, HTML5 and CSS

5月18日

1時限目 HTML5のDoctype宣言から始める <html lang="ja"> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> </head> <body> </body> </html> フォームは得られるメリットをつくらないと入力してくれない セキュリティを気にする人はネットを使ってはいけない中小企業サイトはお問い合わせフォームより電話やFAXの文字を大きくするこ…

5月17日

1時限目 最近はWeb系の求人が増えている 1年中応募している会社は離職率が高い会社 Web業界は体力が必要・・・元気があることが前提(仕事はチームワーク)エッジの抽出 自動選択ツールで選択 選択範囲を反転 境界線を調整 エッジの検出スライダーで調整 不…

5月16日

1時限目 photoshop レベル補正 山が左に多いと 暗い画像 山が右に多いと 明るい画像シャドウポイントを左に移動すると 暗い部分がはっきりと出る自動補正を使っていいのは寒色系の場合 暖色でつかったら、暖色系の部分が飛んで寒色になってしまう補正をやり…