CSSのmarginが難しい : Web Design KOJIKA17

2012/08/27 1446 users margin CSS

toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や positi... 続きを読む

今さらだけど、トーンカーブって凄いよね？ : Web Design KOJIKA17

2012/03/16 1752 users トーンカーブ GIMP Fireworks 明度 色調

画像の色調補正する時、何を使いますか？ 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPA... 続きを読む

デザインの基礎、黄金比から大和比、第2黄金比まで : Web Design KOJIKA17

2011/08/16 1004 users 黄金比 古代ギリシア 基礎 CSS 伝承

よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の１つです。 近似値　1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから... 続きを読む

IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 : Web Design KOJIKA17

2011/06/04 1224 users クロスブラウザ Twitter Opera Webkit系

Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことです... 続きを読む

Webデザイナーが覚えておく、代表的なライセンスまとめ : Web Design KOJIKA17

2011/01/14 1118 users Webデザイナー

非常に緩いライセンスです。 2次制作物に著作権表示を残すことが条件ですが、この条件は広告的な意味合いが強く、著作権表示を外すと修正BSDライセンス(New BSD License)、または三条項BSDライセンス (3-clause BSD license)と呼ばれるライセンスになります。 BSDライセンスをベースに作成されたBSDスタイルのライセンスも多く存在します。 例として、Apache So... 続きを読む

Webデザイナー必読？！ 著作権について知っておくべき10のこと : Web Design KOJIKA17

2011/01/12 1828 users 著作権 多岐 ディレクター Webデザイナー 文章

Webデザイナー必読？！ 著作権について知っておくべき10のこと January 12 2011 この記事は約9分で読めます。 Webデザインに限らず、制作したものに発生する「著作権」 知っておかないと、トラブルの元になるかもしれません。 特にWebデザインの場合は写真、文章、素材。 場合により動画など多岐の著作物を扱う場合が多々あります。 自分の頭の整理のためにも、Webデザイナー、ディレクター... 続きを読む