カラー(色)選びに迷ったら 参考になるサイト

改定!色選びに悩んだ時にお世話になっているサイトをご紹介します。 「Web制作で、微妙な色合いで悩んでも無駄だよ。環境で違うんだから」と良く言われます。(笑)印刷でも、インクに左右されるので理想通りにはならないですけど、…

[CSS]コピペで出来る見出しデザイン 10種

見出しデザインでサイトの印象がガラリと変わります。CSSで実装するレスポンシブデザインでも崩れにくく、スタイリッシュな見出しを10種類ご紹介します。 font-size,color,paddingなどはお好みで調整して下…

Font Awesomeアイコンの使い方の応用

Font Awesome ってご存じですか?膨大なアイコンを使用できるサービスです。基本的には有料サービスですが、無料版も充実しているのでお勧めです。このサイトでも使用させて貰っています。 導入準備 公式サイト Font…

[Bootstrap] 初心者に! Bootstrap テンプレート集 

初心者にはBootstrapをお勧めしています。個人的な感想では、レスポンシブサイトを作る際に基本的な事さえ覚えれば、一番ミスが少なく構築できると思います。確かに<div>が多くなるなど、嫌いな方も少なくあり…

[Photoshop]パスを使って線を描く

Photoshopで直線を引くにはラインツールを使用したりしますよね?円の場合も、いろいろ方法はありますよね?パスを使えば好きな形に出来ます。ちょっと面倒ですが、手順の覚え書きです。 バージョン情報 Photoshop …

[CSS] Animate.cssでアニメーション効果をつける-1

Animate.cssはclassを付けるだけで簡単にアニメーション効果を付ける事が出来ます。簡単と言っても、何だかんだ作業が必要になるので、初心者にも分かる様にもう少し細かく書こうと思います。 追記:この方法の他、スク…

[DTP]名刺デザインに黄金比率を使う

初対面の人に自分の情報を知って頂く大事なアイテム。大きな文字がキュウキュウに詰まったオジサンの手作り感満載の名刺みたいにはしたくない!(笑)「けっきょく、よはく。」なんだと思います。 実際に名刺を計測してみたり、いろいろ…