タグ:CSS ( 5 ) タグの人気記事   


2008.1.4

ここ最近、自分のPCのIEを7にバージョンアップしてから、Web制作仕事でIE6の表示確認が大変面倒になっていた。ちょっと今日ネットで調べてたらいいものをみっけた。

http://browsers.evolt.org/?ie/32bit/standalone

いいもの作ってくれる人いるなぁ~
IE7環境下で、IE6以下のほとんどの表示確認ができます。
その他こんな記事もありました。
CSSってデザインの幅広がったけど、やっぱり表示確認が面倒やな~。

[PR]

by masak1tkd | 2008-01-04 12:21 | Web


2007.10.30

WEB制作において、ブラウザの仕様の違いは本当に困る。シェアが少ないとは言え、どのブラウザにも利用者がいるわけで、やっぱりデザインするにあたり、どのブラウザでもレイアウトが崩れないって事は考慮したい。そんなWEB制作にかかわる人に便利なツールを作ってくれてる人も世の中にはいる。以下海外サイトが多いですが、結構使えます。

CSS参考
スタイルシート・スタイルブック
Web Browser CSS support
RichInStyle.com - CSS support table
Quick Lookup
CSS-only Filters Summary
CSS Lookup

便利ツール(検証関連)
W3C CSS検証サービス
CSS Grid Calculator

便利ツール(最適化関連)
Clean CSS
CSS Tweak

便利ツール(コード生成)
The Generator Form
Table Border Style Wizard
CSS Round Box Generator

便利ツール(フォント系)
Em Calculator
Typetester

便利ツール(色見本)
I like Your Colors
Color Codes Matching Chart HTML

便利ツール(その他)
Dynamic Drive CSS Library

[PR]

by masak1tkd | 2007-10-30 22:03 | Web


2007.10.27

世の中には美しいCSSデザインを紹介しているページが山ほどあるな~と実感した。下に紹介するのは一部ですが、いろんなサイトのソース見てると結構勉強になる!!

CSS Beauty
CSS Heaven
Stylegala
Nmatched Style
Web Creme
CeeSes
CSSBlast
Design Snack
CSS Princess
Church Beauty
The Daily Slurp

[PR]

by masak1tkd | 2007-10-27 22:59 | Web


2007.10.26

CSSのハック、使う状況は良くあるのだが、すぐ忘れてしまうのでブログに記録しておこう。
セレクタのバクを利用したハック。これは良く使う!!

IE6だけに適用

* html body {~}
スターハックとHollyハックを使うと、CSS Validatorに通る。
/* hide from Mac IE \*/
* html body {~}
/* */

IE7だけに適用
*:first-child+html body {~}

IE7以下全てのIEに適用
*:first-child+html body{~}
* html body {~}
(両方指定する)

IE7を含むモダンなブラウザにのみ適用
html>body {~}

IE7を除くモダンなブラウザにのみ適用
html>/**/body {~}

Firefox以外のブラウザへ適用
*+html {~}  【IE7とOpera用】
* html {~}  【IE6以下用】
(両方指定する)

Operaのみに適用
*+html>/**/body {~}
または
*+html:first-child body {~}
または
html:first-child body {~}

IE6、IE7、Firefox、Operaを全て場合分け
body {~}  【Firefox用】
*:first-child+html body {~}  【IE7用】
* html body {~}  【IE6用】
*+html>/**/body {~} 【Opera用】

Safariのみ
/* safari only \*/
html:\66irst-child body{~}

[PR]

by masak1tkd | 2007-10-26 09:43 | Web


2007.10.24

最近デザイン系仕事の割合が減ってきてるので、コーディングとかさび付かないようにCSSでも復習しようかと今日はこんな本を買ってみた。

f0106032_3252231.jpg
タイトルは入門っぽいからちょうどいいかと思ったら、意外にも上級者向け。CSSについて熟知していてる人が、より良いCSSを組むための本のようだ。CSSの復習にはならなかったが、新たな情報が得れて良かった良かった。この本読んでたら、何か作ってみたくなりBLOGスキンを作り変えてみた。。。あんまし変わってないか!!

ちゃんとCSSするためのスタイルガイド入門
¥ 2,310 (税込)
[PR]

by masak1tkd | 2007-10-25 03:33 | Web


S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

カテゴリ





最新のトラックバック

おwれwのw骨wでw
from ガリガリ
映画館にて
from 国際派
天職キタ(*´ω`*)
from 大岩井



ブログパーツ


ファン


記事ランキング


ブログジャンル


画像一覧




BLOG TOP PAGE TOP