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

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

2014-10-08から1日間の記事一覧

【Illustrator】 「効果」メニューの「パスの変形」を使って図形を描く

「効果」メニューから「パスの変形」を使って、簡単な図形を描きます。前提として、円を描いておきます。ジグザグ スパイシーな食べ物のポップや、注目商品の見出しなんかに使えそうな爆発した円を描くことができます。 大きさで破裂の長さ、折り返しでジグ…

【Illustrator】 文字の入ったリボンを作る

簡単な文字入りのリボンを作ります。 長方形ツールで、長方形と同じ高さの正方形を作ります。 正方形を選択し、全面ペースト。 いったん選択を解除し、部分選択ツールで左の辺をつかみ、ひし形を作る。 ひし形を暗めの色に塗り替えます。 正方形とひし形を、…

【HTML】フォームを作る

HTMLでフォームを作ります。PHPなども絡んでくるところですが、とりあえずHTMLのみで組みます。 基本formタグの中に、methodとactionを必ず付け加えます。 methodはやりたい動作に応じて帰る必要があります。 <form method="URI" action="送信方法"> </form> 1行テキストフォーム1行のテキストフォームに…

【RWD】CSS3で自動的にカラム分けする

CSS3を使うことで自動的にカラムわけ表示をする事が可能です。使い方@media screenとcolumn-countを使用します。ブラウザ間で対応がまちまちなので必ずベンダープレフィックスを使うこと。 @media screen and (min-width:文字数em)文字指定。1行に○文字以上…