最近は宣伝ばかりの当ブログですみません。
今回も宣伝です。
ご覧の通りブログをリニューアルしました。
今回はリキッドレイアウトという手法を使って作成しています。
ブラウザの横幅によってサイズが変わります(最小サイズは決まってますよ)。
最近の流行に乗っかったといえばまぁ、間違いではないですｗ
個人的にはブログやECサイトはリキッドレイアウトに即していると思いますが、コーポレートサイトには合わないと思っています。
これは単純に1ページあたりの情報量の違いがあるからだと思います。
まぁ、そんなこんなで日々勉強の毎日です。
本業ではディレクター一色なので、なかなか制作をする時間はありませんが、いざ「やりたい！｣という時に必要な技術を揮えるように努力していかねばなりませんですな。
まだまだ日進月歩の業界なのでアンテナは常に張り巡らせないと！
つい先日、フェスティバ!!をリリースしましたが、それに伴ってホームページもリニューアルしました。
本当はフェスティバ!!リリースと同時にしたかったけど、思い立ったのが1月下旬だったので、残念ながら間に合わず。。。
結構突貫で制作したので行き当たりばったりで制作してます(前の記事にえらそうなことを書いてるにもかかわらず・・・)。
ともあれ、新ホームページもよろしくお願いいたします。
さて、次はこのブログのリニューアルもしなくては…。
1日で作ったデザインなのでかなり欠陥があるので、その辺なんとかしなければ。
スタイルシートで入力フォームの入力方法を指定できます。
[続きを読む]
<table>タグに罫線をつける時に気をつけるメモ。
すべてのセルに罫線をつける時は、<th><td>につければいいが、上下もしくは左右のみにつける時は<tr>につければいいと思ったけど、IE7では反映されなかったりするので、結局<th><td>に書く必要がある。
例：
1 2 3 4 | th, td { border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; } |
コーディングでIEのみに適応したいCSSのハック方法。
1 2 3 4 5 6 | /* IE6 */ * html (要素名) { } /* IE7 */ *+html (要素名) { } |
IE6の場合はfloatするとマージンが倍になるなどのバグがあるのでIE6のハックは覚えていたほうがいいでしょう。
CSSでデフォルトの設定をすべてリセットしたい場合
1 2 3 4 | * { margin: 0; padding: 0; } |
と”*(アスタリスク)”にするとすべての要素に適用されます。
ウェブで閲覧とは別に印刷時は不必要な情報をカットしたいと思った時は、印刷用に別でスタイルシートでレイアウトを作成し、<head>部で下記のように記せばいい。
1 | <link rel="stylesheet" type="text/css" href="印刷用CSS" media="print" /> |
デフォルトだと、media=”all”になっており、モニターのみに適応する場合はmedia=”screen”とすればよい。
art project teamでワードプレスのテンプレート配布を始めました。
第1弾としてラフレシアを題材としたシンプルなテンプレートを配布しております。
ワードプレスを使用している方は、一度試してみてください。
