タグ: デザイン

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

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

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

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

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

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

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

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

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

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

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

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

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

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