PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

2014-09-30から1日間の記事一覧

【Photoshop】GIFアニメーションを作る

Photoshopを使って、GIFアニメを作ります。 やり方 IllustratorかPhotoshopで絵を描きます。この時、レイヤー1枚につき1フレームです。 PSDファイルに書き出して、Photoshopで読み込みます。 「ウィンドウ」メニューから「アニメーション」を選択。 「アニ…

【CSS】Webフォント

Webフォントはサーバー上にあるフォントファイルを利用してページの書体設定をする事ができます。利点 ブラウザ間での表示誤差がなくなる。 様々なフォントを使うことができる。 欠点 フォントをダウンロードするため、ページ読み込みが遅くなる可能性がある…

【JavaScript】ランダム関数

ランダム関数は、予測できない不規則な数値を表示させる関数です。 ランダム関数で乱数を表示する。ランダム関数で乱数を表示します。乱数を表示させるためには「random()」を使います。実行例 var num =Math.random(); document.write(num); 結果結果は0~0.…

【JavaScript】DOM

DOMはHTML文章をオブジェクトとして情報の取得する仕組みです。 DOMの操作を行うことで、HTMLの中身を変更することもできます。前提として、以下のHTMLを使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>プログラム実行テスト</title> </head> <body> <h1>プログラム実行テスト</h1> <p>第1段落</p> <p>第2段落</p> <p>第3段落</p> <script></script> </body> </html> 要素の内容…