HTML&CSS canvasの文字を動かしてみる
大昔に文字を動かしていたあれ（MARQUEEやtextbox内での移動）ではなく、HTML5のcanvasに文字を表示して動かしてみます。
結局同じ事のようですが、canvas内の文字は色々と拡張性があります。
まずここでは単純に横...
HTML&CSS
HTML&CSS 
HTML&CSS にわかデザイナーより数字の美
デザインはどうもセンスがなくって。。。
そんなあなたは数学を勉強してみましょう。
タイポグラフィで使えるフィボナッチ数シーケンス 。
これです。
0 1 1 2 3 5 8 13 21 34 55 89 144…
たとえば...
HTML&CSS Webサイト制作フロー
Webサイト制作フロー
Webサイトがどのように作成されていくのか見ていきましょう。
プランニング
サイトの目的やコンセプトの決定
対象ユーザーの選定
コンテンツの検討
サイトマップの作成
使用ソフト：この段階ではWord...
HTML&CSS HTML5 canvasを使用してみる～画像表示
画像表示方法
HTMLCanvasElementオブジェクトは、HTMLページにcanvasタグを配置することで作成されます。
JavaScriptでcanvasを操作する場合はDOM経由で行います。canvas要素への参照を保存す...
HTML&CSS Freeのオーディオエンコーダー
Mac,Win用と用意されているFreeのオーディオエンコーダーにAudacityがあります。
サウンドの編集もできてお薦めです。
Audacityはこちらから
ちょっと面倒なのはmp3に変換する場合は「Lame」が必要なこと...
HTML&CSS facebookのロゴ取り扱いについて
最近の制作の時多い問い合わせのひとつにfacebookロゴの取り扱いについてです。
勝手に使用してOKなのかなど。。
Facebookロゴは禁止だがｆマークはOKだとかいろいろ細かく規定があります。
以下サイトが詳しいですので紹介しま...
Flash ローディングアニメーションが簡単に作成できるサイト
ローディングアニメーションはGIF形式のアニメーションで作成しますが、一般的なものでいい場合は以下のサイトで簡単に作成できます。
簡単に出来るものは簡単にやってしまいましょう。
ajaxload.info
Generatorの...
HTML&CSS ブラウザいっぱいに画像を広げたい
HTML側のimgタグで実現する方法
画質とかはあまり気にしないけれども、ブラウザを大きくしても小さくしてもいっぱいに画像を広げておきたい場合の方法です。
html側の設定
CSS側の設定
CSSにheight: a...
HTML&CSS あるブロック要素の高さをブラウザいっぱいに広げる方法
あるブロック要素の高さをブラウザいっぱいに広げる
div要素などのブロック要素の高さをブラウザいっぱいに広げるには、広げたいボックスのheightを100％にしても広がりません。
これは親要素の高さが設定されてないためにデフォルトの...
HTML&CSS 横幅を固定してpaddingを使用したい
paddingを設定しても横幅を変えない方法
paddingを設定するとwidthで指定した値よりも横幅が大きくなります。
これはボックスモデルのところで説明した内容です。
幅全体を固定したままpaddingを設定したい。つまりp...