無料ホームページ作成講座ブログ

◎ ウェブアニメーション大百科 GIFアニメからFlashまで

ウェブアニメーション大百科 GIFアニメからFlashまで ばるぼら (2006/07/27) 翔泳社　　価格： ￥ 2,310 (税込み) 　※この商品の詳細を見る ■「ウェブアニメーション大百科」の説明 国内外174作家、328作品のレビュー大掲載。 付属のCD-ROMに約160本収録。

■出版社/著者からの内容紹介
定番作品から隠れた名作、怪人、奇作まで収録
『教科書には載らないニッポンのインターネットの歴史教科書』の著者ばるぼら氏、渾身のアニメ百科登場!
テレビでは、いま地上波だけで80を超えるアニメ番組が放映されています。海外でも日本の「ANIME」は安定して高い評価を得ています。一方、インターネットでも、ブロードバンド環境の普及によって、映像コンテンツをネット上で楽しむことができるようになってきました。なかでも注目を浴びているのが、Flash作品を中心とした「ウェブアニメーション」です。これはウェブ上で閲覧できるアニメーション作品のことです。

ここ数年間で、ウェブ上ではFlashアニメーションの大規模なコミュニティが形成されており、上映イベントも定期的に行われているほどの活況を呈しています。今年4月からは有名クリエイターである「蛙男商会」の作品が地上派テレビの深夜枠でそのまま放送されるなど、商業化に向けて本格的なの動きも見えてきました。今インターネット上には、未来のアニメーション作家が溢れています。

しかしインターネットという広大すぎる空間ゆえ、手間と時間の制約によってせっかくの良作が受け手に十分に届いていないのが現状です。本書はこうした状況を踏まえて、ウェブアニメーションの世界を一から順に判りやすく解説します。定番から隠れた名作まで良質なアニメーションを紹介し、多くの関連インタビューも配して、これ一冊でウェブアニメーションのすべてが理解できる、便利なガイドブックとなっています。

◎ 余白の設定：padding（パディング） & margin（マージン）

余白を設定するスタイルシート（CSS）として、「padding」と「margin」があります。

padding （パディング） サンプル padding:10px

■ padding（パディング）について 「padding」は、コンテンツの内側の余白を設定するCSSです。 ・数値＋単位で指定 ：（em, ex, pt, px）など ・数値＋％で指定 ：ひとつ外側のボックスに対する割合 　※マージンと異なりマイナス指定はできない

margin （マージン） サンプル margin:10px

■ margin（マージン）について 「margin」は、コンテンツの外側の余白を設定するCSSです。 ・数値＋単位で指定 ：（em, ex, pt, px）など ・数値＋％で指定 ：ひとつ外側のボックスに対する割合 ・auto ：自動調整 　※マイナス指定可能

　※余白を利用することで、任意の位置にコンテンツを配置させることができます。

上部スペース（50px） 下部スペース（20px） 左側スペース（100px） margin:50px 0px 20px 100px;