HTML&CSS Webサイト制作フロー
Webサイト制作フロー
Webサイトがどのように作成されていくのか見ていきましょう。
プランニング
サイトの目的やコンセプトの決定
対象ユーザーの選定
コンテンツの検討
サイトマップの作成
使用ソフト：この段階ではWord...
HTML&CSS 
JavaScript HTML5 canvasを使用してみる～少し複雑ななアニメーション
少し複雑なアニメーションの作成
複雑なアニメーションを作成するには複数行、複数列のタイルシートを作成する方法があります。
複雑になったタイルシートを指定する方法
たとえば、128Ｘ128の画像をタイルシートに複数行、複...
JavaScript HTML5 canvasを使用してみる～簡単なアニメーション
イメージをタイルシートにするとパラパラ漫画風のアニメーションを作成できます。
簡単な例で試してみましょう。上のタイルシートの中の２つのイメージとdrawImage()メソッドを使用してアニメーションを作成します。
2枚のイメージ...
HTML&CSS HTML5 canvasを使用してみる～画像表示
画像表示方法
HTMLCanvasElementオブジェクトは、HTMLページにcanvasタグを配置することで作成されます。
JavaScriptでcanvasを操作する場合はDOM経由で行います。canvas要素への参照を保存す...
JavaScript JavaScriptのaddEventListenerについて
addEventListenerとは
イベントハンドラは同一の要素あるいは同一のイベントに対して複数のイベントハンドラを定義できないのですが、イベントリスナを使うと有利な事は同一の要素あるいは同一のイベントに対して複数のイベントリスナを関...
jQuery jQueryライブラリを素早くgoogleとリンクする
ScriptSrc.net
ScriptSrc.netはjQueryライブラリのリンクを簡単にコピペできるサイトです。
ちょっとしたテストなど大活躍です。
ぜひブラウザのお気に入りに入れておきたいものです。
HTML&CSS Freeのオーディオエンコーダー
Mac,Win用と用意されているFreeのオーディオエンコーダーにAudacityがあります。
サウンドの編集もできてお薦めです。
Audacityはこちらから
ちょっと面倒なのはmp3に変換する場合は「Lame」が必要なこと...
HTML&CSS facebookのロゴ取り扱いについて
最近の制作の時多い問い合わせのひとつにfacebookロゴの取り扱いについてです。
勝手に使用してOKなのかなど。。
Facebookロゴは禁止だがｆマークはOKだとかいろいろ細かく規定があります。
以下サイトが詳しいですので紹介しま...
Illustrator Illustratorでビットマップ画像を配置してパターン登録
Illustratorにビットマップ画像を配置してそれをパターン登録したいのですが登録できません。
この場合は、配置画像がリンク状態ではうまくいきません。
配置した画像を埋め込みにするとパターン登録できます。
Illustrator イラレやフォトショのスポイトで外部の色を取りたい
IllustratorやPhotoshopのスポイトツールで例えば今表示しているブラウザの写真のある部分の色を取りたいことなどあります。
その場合はIllustratorやPhotoshopのワークスペース内からスポイトツールをドラッグし...