shiovoです。
最近本格的なモバイルコーディングを案件でやっています。
WEBと勝手が違うので最初は戸惑いましたが、
やってはいけないことさえ覚えておけば大した事ないっすね～
実機検証もほぼ問題ないじゃない～と思っていたのですが。。。

　

ここ半年くらいソーシャルゲームのカードゲームにハマリ中のshiovoです。
課金したらトレードで遣り繰りすればそれなりに強いカードが手に入るのに、
課金したらすぐガチャを引いてしまうのでなかなかデッキが強くなりません。
でも、ガチャで引いたカードの方が思い入れがありますよね！
愛着がわくというか。
レアカードのあのキラキラした感じの見た目もGETして嬉しいですよね。
あのキラキラした感じを作ってみたくてPhotoshopで再現してみたので、
チュートリアルで紹介しときます。

今年も残すところあとわずか。
そしてもうすぐクリスマス。
という事で、Photoshopでクリスマスカードを作ってみました。

コーディングで文字を上下中央に配置したい場面て結構あるんですが、
vertical-alignはインライン要素とテーブルセルにしか適用されないのでliine-heigtで高さ指定をして対応してました。
css3でdisplayにflexboxという値が新たに追加されたので、flexboxを使って縦横中央に文字を配置できるみたいです。

WEBサイトの印象は配色で決まるといっていいくらい
色は重要な要素の一つです。
今回は配色を決めるのに便利なサイトを紹介します。