2012-07-01から1ヶ月間の記事一覧
localhostの変更 application→MAMP→htdocsで開いている通常のlocalhostの位置を変える …このフォルダに毎回ファイルをコピーする手間がなくなる。 mamp→環境設定→apachを開く 参照からフォルダを選択する localhostで開かれるディレクトリは、設定したフォル…
jqueryのエラーに、テストサーバーが必要な理由 yuga.jsを入れ、アップロードしたら、一部画像が出てこなくなる予想外の結果になった。 テストサーバを使用するのは、ブラウザ表示ではうまくいってても・・サーバ経由では結果が違うことがあるから。 ブログ…
イベントハンドラメソッド 関数名がないことから関数式で定義した関数 ActionScriptでは data.onLoad = function(){ /*データが読み込まれたときの処理*/ } JavaScriptでは window.onLoad = function(){ /*画面が読み込まれたときの処理*/ } 例 参考 ※ボタン…
お手本 Photoshopでゼロからカンプ作成する場合 ガイドを数値で指定 Illustratorファイルの配置 シェイプツール グラデーションオーバーレイ 文字入力 アンチエイリアスON/OFF 定規の表示 表示→定規 またはControl+R ガイドのカラー変更 編集→環境設定→ガイ…
jQueryはJavascriptライブラリの一種。 jQuery本体のファイル、プラグインファイル、本文にファイルを呼び出すscript。 jQueryの利用に必要なもの ファイルのダウンロード 本体 日本語リファレンス CrossSlideプラグイン ファイルの形式にminと書かれた軽い…
ライブラリの利用 上下にスライド ブラウザ表示スライドさせる場合の画像サイズ 元の画像縦サイズ＞表示させるサイズ(divの縦サイズ)でないと、表示する画像が足りなくなる。 ぴったりで指定してしまい、どうにも動かなかった・・・。 firefoxのエラーコンソ…
ken burns Effect こちらは元画像のズーム&ズームサイズからもとのサイズへブラウザ表示 <html> <head> <meta charset="UTF-8"> <script src="../jquery/jquery-1.7.2.js"></script> <script src="../jquery/jquery.cross-slide.min.js"></script> <title>jquery</title> <style> #slideshow{ width: 1000px; height: 440px; } </style> </meta></head></html>
カンプ(comprehensive layout)の目的 クライアント側で基本的なメニューやレイアウト等を見た目で確認できる ユーザーの使い勝手(ユーザビリティ)やわかりやすさを決定することができる カンプは、ユーザーの使い勝手や導線などを重視して作成されるべきです…
特殊な記号の入力 caféのéのアクセント(アキュートアクセント)や、ドイツ語のウムラウトなどoption+E の後、入力したい文字(今回はe)で、é 参考
html&cssの画像置換 <html> <head> <style type="text/css"> ul{ width: 800px; margin: 50px 0 0 50px; list-style: none; overflow: hidden; } li{ float: left; display: inline; } li a{ width: 160px; height: 50px; display: block; text-decoration: none; float: left; display: inline;</head></html>…
onMouseout onMouseOver ブラウザ表示 <img src="changeimg/DSCF7323_g.jpg" width="300" height="300" alt="とうきび" <!--元の画像はMouseOutと同じに--> onMouseOver="this.src='changeimg/DSCF7323.jpg'" onMouseOut="this.src='changeimg/DSCF7323_g.jpg'"> <html> <head> </head></html>
name属性 ブラウザ表示 <html> <head> <meta charset="UTF-8"> <title>thumbnailの画像変換</title> <style type="text/css"> *{ margin: 0; padding: 0; } img{ border: none; } #container{ width: 700px; height: auto; margin: 0 auto; text-align: center; } h1{ color: #665737; font-size: 1.1em; margin: 10px 0…</meta></head></html>
ライブラリの利用 ファイルダウンロード 利用方法 ファイルをダウンロード ヘッダーにscrpt~/scriptでファイルを呼び出す 表示画像と同じディレクトリに置換用の画像を置き、ファイル名_o.拡張子にする imgタグのクラスを imgoverにする ブラウザ表示 <html> <head> <meta charset="UTF-8"> <title></title> <script src="libraryover/rollover.js" type="text/javascript"></script> </meta></head></html>
ライブラリの利用 yuga.jsKyosuke.jpファイルをダウンロード。クラスを指定することで、効果が適用されるようになる。 ライブラリは、プログラムの図書館・・使いたい効果を持って来て(ファイルダウンロード)、引用する(クラスの指定)。 yugajsのライブラリ…
Photoshop Basics | Web Design Libraryから カスタムシェイプを作成する手順 ペンツールまたはIllustratorでパスを作成 hotoshopにペーストした場合P ペンツール使用時、コントロールパネルは"パス範囲に合体"を選択 controlクリック→カスタムシェイプの定…
２つを選択 くり抜きたいかたちのオブジェクト 効果を掛けたい画像 透明パネルオプションで、透明マスクの作成 Photoshopのマスクと同じ使い方だが、クリッピングの選択がある
ページには最低限必要な情報があるアクセスページで必要とされるものはなにか。 駅を起点にしたルート 時間・距離 高速道路インターを起点にしたルート 時間・距離 主要道路、どちらの方面になるか ●○駅から ◇市方面から 地図の作成で参考にしたいもの 色使…
全ページ同じだった、title description h1を、ページ内容に合わせたものに変更 コンテンツ名 | サイトタイトル サイトマップを作成・google webマスターツールに送信 自分の個人ブログに、リンクを貼った (SEOという前に)かろうじてでもインデックスされて…
ダイナミックテキストで時計を作成 デジタル時計 時・分・秒を表示するダイナミックテキストを作成 それぞれの変数名を「ji」「fun」「byo」とする 業揃えは右 レイヤー構成 「時計」レイヤー 時計の枠と下線 ダイナミックテキスト３つ作成(上記参考：変数名…
座標分岐 B01 右端に来たら、左端からスタート onClipEvent(load){ var speed:Number=5;//移動速度 var leftEdge:Number=0;//左端の座標 var rightEdge:Number=550;//右端の座標 this._x=rightEdge/2;//真中におく } onClipEvent(enterFrame){ this._x+=spee…
エア受講をおねがいしたとき、ひとりもくもく問題をこなすつもりでした。 もともと遠いもので。 蓋を開けてみて、おなじ意識をもった人たちがいたのがうれしかったな。 今もそう思います。 うおきち＠北海道
掲載した内容の間違いは修正。 名称の変更・・・親戚で同じ名前の農場がある。向こうは名称を漢字で○○農場、こちらはひらがなで対応してたが、ややこしいので○○ファームにしよう、、ということになった。 改変・・・h1の次のp、titleが出来ていなかったので…
演算(計算) プログラムの世界では、計算のことを演算と呼びます。 この段階では、「算数」の計算です。 「数学」の計算は「Mathクラス」を使って行います。 var a:Number = 10; var b:Number = 5; var c:Number = 2; var d:Number; 変数dには、これから計算…
ifで枝わかれ ユーザーが入力したパスワードが正しかったら、この処理をさせ、間違っていたらこの処理をさせたい、など、ある判定の結果によって処理の枝分かれを作るときに「if」を使います。 if(判定したいこと) { 判定結果が正しいときにやりたい処理； …
メモ 太さの違う道路 小学校の多角形 地名と● 道路の名前 駅 線路の線 作成
Dreamweaver用ファイルをダウンロード ダウンロードされたファイルをクリックすると、ExtensionManagerが起動する これがAdobe関係の機能拡張を管理している。確認 zen-codingとはコーディングエディタに追加できる拡張機能 コマンドと省略形を使ってコーデ…
お手本 構成 太さの違う道路３種と川 高速道路 線路と駅 建物 四角 六角形 サイズの違う文字３種 駅とビルの名前 道路と川の名前 ほか建物の名前 作成
はぎわら農場 北海道江別市 はぎわら農場 いただいた講評 直販売所を告知するのであれば、もう少し詳しい地図と売っているところの写真があると良いでしょう（買っている人が写っていればなおさらよいです） 全体的にある「白い余白」が何を意味しているか読…
「いつ」「なにをするのか」 このフラッシュムービーは、「連続的に」「ムービークリップが右に移動する」となります。 イベントハンドラ イベント 「いつ」 ActionScriptでは「イベントハンドラ」という構造で、イベントで行う処理を管理します。 onClipEve…
変数を使った計算式を書き、出力パネルに結果を表示させなさい。 A01 10×（8＋12）÷4 の値は？ var a:Number = 10;//aという変数(整数)に、10を代入する var b:Number = 8; var c:Number = 12; var d:Number = 4; keisan = a*(b+c)/d;//keisanには、式を代入…
