ソーシャルゲーム制作の導入

先日飲んでいる時に、友人のイラストレーターと「ゲームをつくってみよう」という話が出ました。
せっかくの機会なので、昨今の流れを汲んだソーシャルゲーム制作にチャレンジしたいと思います。 
まずはソーシャルゲーム制作の流れや、制作環境を把握するためにゲーム制作についてまとめられた記事を読んで予備知識をつけます。

 以下、読んだ記事
・ソーシャルゲーム、国内外の動向 
・WebベースのアクションRPGを開発するならば使いたいフレームワーク「RPG JS」
・大規模ソーシャルゲーム開発から学んだPHP＆MySQL実践テクニック
・完全公開！ソーシャルゲーム設計事例：プロローグ
・Corona［1］14歳の少年が経験3カ月で大ヒットゲームを開発
・［CEDEC 2011］稼げるゲームはこう作れ。グリーが明かす「セールスランキングNo.1プロダクトの作り方」
・[iPhone][ゲーム][開発] ゲームの作り方やアルゴリズムについてAppStoreカテゴリ別に整理してみました
・ゲーム開発プロジェクトマネジメント講座
・「第21回　HTML5とか勉強会」イベントレポート

CSSでヘッダー・フッターの固定

CSSでヘッダー・フッターの固定方法

参考サイト
・http://www.noobcube.com/tutorials/html-css/fixed-header-footer-layout-a-beginners-guide-/

#headerbar {
  position: fixed;
  top: 0;
  left: 0;
  height: 40px;
  width: 100%;
  background-color: #000;
}
/* コンテンツボックスを中央に配置したい場合 */
#headerbar-inner {
  width: 950px;
  margin-left: auto;
}

背景色、文字色、高さ、コンテンツボックスの幅は任意で指定。

wp_headのトップの空白を消す

Wordpressでwp_headを書いた時にページトップに空白が入りました。

以下のリンクを参考に、function.phpに記述を追加して対処しました。


・WordPress(ワードプレス)にwp_headを入れたらトップに空白が出た時の対処
http://www.lifeisg.com/blog/other/wp_head-y/

Bootstrapの使い方

Twitter社から公開されているフレームワーク「Bootstrap」を使ってみました。

使い方は、下記を参考にしました。
・Twitter の bootstrap を使ったメモ
http://blog.dealforest.net/2011/09/use-bootstrap-of-twitter/

class名を指定すると、CSSが反映されるみたいです。
何がどう変わるかは現在、試し中。