レディースアパレルブランド、ReiのSpring Collection 2012のページを制作致しました。
CSS3のMedia Queriesを使用して、スクリーンサイズに応じてスタイルを割り振っています。
Web Design : You Uchida.Play Under World
Photo : You Uchida.Play Under World
明けましておめでとうございます。
年賀状です。
本年もよろしくお願いいたします。
Design : You Uchida.Play Under World
先日からGoogle+ ページを作成できるようになりましたが、どこで作成できるのかわかりにくかったのでメモ。
Google+ ページを作成するには、あらかじめGoogle+に参加していないといけないみたいです。
- 地域のお店や場所
- 商品 / ブランド
- 会社・機関・組織
- 芸能・エンターテイメント・スポーツ
- その他
以上のカテゴリを選択し、情報を追加するようです。
CSSでもJavascriptでも、Internet Explorerにのみ適用させたいとうい時がしばしばあります。
そんな時のために、Internet Explorerだけに適用させる条件指定方法の紹介。
今回は、CSSを例に紹介していきます。
すべてのバージョンのIEに適用させる。
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->
プログラミングではお馴染みのif文のようなものです。
IEには適用しない。
<!--[if !IE]>
<link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->
IEの前に「!」が付くと、IE以外のものに適用させます。
裏を返すと、IEには適用しないということになります。
バージョン別に適用
「IE」のあとにバージョンナンバーを記述することで、バージョン別に適用させることができます。
IE8のみ
<!--[if IE 8.0]>
<link rel="stylesheet" type="text/css" href="style.css">
<![endif]-->
IE5.5のみ
<!--[if IE 5.5]>
<link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->
以下のバージョンに適用
IE7以下のバージョンに適用させる場合
<!--[if lt IE 8.0]>
<link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->
「lt」は less than を意味します。
なので、IE8未満の時に適用。
<!--[if lte IE 7.0]>
<link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->
「lte」は less than equal を意味します。
なので、IE7以下の場合に適用。
以上のバージョンに適用
IE7以上のバージョンに適用させる場合
<!--[if gt IE 6.0]>
<link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->
「gt」は greater than を意味します。
なので、IE6よりも新しいバージョンの時に適用。
<!--[if gte IE 7.0]>
<link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->
「gte」は greater than equal を意味します。
なので、IE7以上の時に適用。
Google+が一般公開されて1週間が経ちますが、始めてみたけど誰をフォローしたらいいの？という方にオススメのWebサービスがこちら。
グラフィックデザイナー、ウェブデザイナー、フォトグラファー、ミュージシャン、ブロガーなどなど、様々なジャンルの方が紹介されています。
気に入った人をフォローしてGoogle+を思う存分楽しんでください。
ちなみに僕もGoogle+にいます。