レスポンシブWEBデザインを作成するには以下の3パターンがあります。フルードグリッド（Fluid Grid）フルードイメージ（Fluid Image）メディアクエリー（Media Query）

フルードグリッド（Fluid Grid）

フルードグリッドとは、Webページの要素を罫線や升目に沿って配置する「グリッドデザイン（Grid Design）」と、ブラウザーの横幅が変わってもレイアウトを維持したまま要素のサイズを調整する「フルードデザイン（Fluid Design）」を合わせたものです。

今までのレイアウトは幅を固定したレイアウトでした。レスポンシブWebデザインでは、最初にグリッドデザインで部品や表示領域をpxで配置していき、レイアウトが整った後に、値を％に変換してフルードデザインに変更します。

フルードイメージ（Fluid Image）

フルードイメージとは、ウィンドウや画面サイズに追随して画像のサイズを拡大・縮小する手法です。

メディアクエリー（Media Query）

メディアクエリーとは、画像の解像度・ウィンドウサイズ、スマホ・タブレットなどの画面向きなどの指定条件にあわせて読み込むCSSを変更する技術です。レスポンシブWEBデザインではメディアクエリーを使ってスクリーンサイズに応じたCSSに切り替えます。

主にメディアクエリーを使って、画像はフルードグリッド使用してました。

Mobile対応ならガチガチにメディアクエリー使用が良いと思うのですが、画像をたくさん作らないといけないから、でかい企業での制作くらいでいいんじゃないかなーって。（ゆとり発言

リセットについては、Normalize.cssも入れておくといいかもです。

[CSS]CSSリセットとは異なる、Normalize.cssの特徴や使い方などの解説 -About normalize.css | コリス

IE8は未対応なので、切り捨てられるなら別にかまわないと思いますが…

対処法：レスポンシブWebデザインをIE8に対応させる方法 | スマートフォン＆モバイルEC事例ノウハウ集｜モバイルファーストラボ

2013-11-30

サイバーエージェント12月上旬サービス開始予定スマートフォン向け女性向け学園恋愛カードゲーム『ボーイフレンド（仮）』

モバイルスマートフォン

サイバーエージェント12月上旬サービス開始予定スマートフォン向け女性向け学園恋愛カードゲーム『ボーイフレンド（仮）』

明日から12月上旬と言われる時期ですが、タイトルに「(仮)」つけたままでの発表ですが、制作チームの社畜が伺えるような。。

アプリ開発で競うこの頃で、たくさん質のいい、無課金の乙女ゲーがたくさん出てきて、サイバーのこれはびっくりしました。

アプリの声優人数って３人くらいなイメージでしたが

f:id:ayk-web:20131130195206p:plain

って、人気声優でクラス作れるんじゃないか人数。。さらに第三弾春にキャストを増やすとか相当お金かけたなと・・・

恐らく無料でボイスが聞けるのは数名の少しで課金目当てなのでしょうが、twitterみたらフォロワーが1万超えしてたので話題になるのか・・・？

YouTubeでもまだ声が公開されてませんでした。

しかも恋愛のカードゲーってどういうことか恋愛ゲームしない私的にわからないのですが、好きな子のカードを合成すると凄い事♡言ってくれるとかかなぁ？

『ボーイフレンド（仮）』のPV第2弾！鈴村健一さん、櫻井孝宏さん、浪川大輔さん、立花慎之介さんのキャラ公開！ : オレ的ゲーム速報＠刃

予定のセリフは過激ぽかったです。↑画像あります。スレのAAが面白かったですww

でもここ最近はアプリで!!無料でドラクエが出来る!!で私の周りはガヤガヤしてました。

初日で100万ダウンロードで、無料期間伸ばしたとか。

世間もガヤガヤしてきましたね。やるなら今のうちですね。やらないですけど。

f:id:ayk-web:20131130201720p:plain

公式：ドラゴンクエストfor スマートフォンポータルサイト | SQUARE ENIX

アプリすると携帯熱くなったり、充電の減りが凄いのであまりしないとか言いづらいけどｗｗ

アプリゲーは・・・家の暇な時・・・・寝れない時・・まれにモバゲーのカードとかしてるくらいだったり。

ブラウザゲーの方が楽で好きです♪　なのでエンジニアの方は、ブラウザゲーを開発して下さい♪

2013-11-29

はてなBlogのRSS吐き出しPHP　TEST

PHP RSS

<?php
$url = 'http://ayk-web.hatenablog.com/rss';
$rss = file_get_contents($url);
$xml = simplexml_load_string($rss);

$channel = $xml->channel;
$feed_title = $channel->title;
print '<h3>'.$feed_title.'</h3>';
print '<dl class="rss">';
$i = 0;
foreach ($channel->item as $item) {
if(++$i>5) break;
    $dc = $item->children('http://purl.org/dc/elements/1.1/');
    $link = $item->link;
    $title = $item->title;
    $date = date('Y年m月d日', strtotime($dc->date));
    $desc = $item->description;
      print "<dt><a href=\"$link\" title=\"$title\">$title</a></dt><dd>$date</dd>\n";
}
print '</dl>';

?>
</div>