フリーの和文フォントを使って、Windows XPでも文字をキレイに表示出来ないかなぁというテストを行いました。 まあ、無理でした。
ただ、IE7だと、そこそこいい感じだったので、使う対象や箇所を選ぶとかして計画的に導入するのはちょっとアリかもしれません。 そもそも、XPユーザーの多くは「標準のアンチエイリアス」で見慣れているので、アンチエイリアスがかかってたら「ああ、キレイ。読みやすい。」となるかは、また、別のお話ですが……
...さらに詳しく最近HTML5/CSS3とかがえらいこと盛り上がってますが、まだ決まってない事も多いので、ちゃんと決まるまでの間に、他の事も勉強(復習)しておいた方がイイんじゃなかろうか? かつ、出来れば仕事に結びつけたい! で、リッチスニペットとかってどうですか?という薄〜いお話です。
...さらに詳しく仰々しいタイトルですが、勉強不足の為、中身が伴ってません(汗
早い話、「font-sizeとかline-heightをpxで指定して、色々な環境でスクリーンショットを撮りました」という内容です。
「デザイナーさんが」と書きましたが、どちらかというとディレクターさんとか、企業のWEB担当さんとか、チェックする人が知っておいた方がイイ事かもしれません。
...さらに詳しくなんでかTea for Coda(Coda用のzen-codingプラグイン)ではCSSが展開されない。。。ような気がします。
ただ、いずれにしてもTextExpanderを使っている人だったらスニペットを作っておけば、アプリケーションに依存せずzen-codingの手癖のまま書けるので、便利だと思います。
という訳で、設定ファイルを公開しておきます。
...さらに詳しくinline-blockを使いたい場面というのが結構あると思いますが、余白の調整が面倒だったり、制作終了後はソースの管理が自分たちでは出来ない場面があるので、それらの問題を解決する方法を考えてみました。
...さらに詳しく今さら感がありますが、「LESS - Leaner CSS」を試してみました。
従来通り、やっつけ感満載ですが、調べたり試したりした内容を書いてみます。
先に書いておくと、「どんな案件でも全部これを使うって感じではない」「むしろ、どういう場合に有効か。。。」「コンパイルした後で再フォーマットしないとちょっと」という感想です。 今のところ。
...さらに詳しくTwitter上で「CodaでもCSSのプロパティ順を揃えるプラグインがあったらいいのにな」的なつぶやきを見つけたので、「じゃあ、作ってみようか」と思って、とりあえず、「どっかにあるかも?」と探してみたトコロ、Codaのプラグインではないが、とても素晴らしいPerlのスクリプトがあったので、流用させていただく事にしました。
MITだったから多分大丈夫だと思うけど、後で取り下げたりしたらすみません。
個人的には「自分ルールで書けるコトがあまりないから、使えない」のでした。。。
...さらに詳しく以前、外部CSSファイルを読む時のパフォーマンスという記事で、@importの方法などについて書きましたが、メモ程度で書いていたとは言え、浅すぎたので、もう一度書きます。
前回とは結論が変わりました。
ただ、ケースバイケースではあります。
最近困った事などを反省する意味も込めて、新しい手法を身につける必要があると感じたので、今更ながらOOCSS(Object Oriented CSS)についてちゃんと考えてみることにしました。
とりあえず今日のところはメモ程度です。 英語。。。全く自信がないので、誤りをご指摘いただけると大変助かります(願
“外部CSSを読み込むときに、複数ファイルを読み込む為の外部CSSを用意して、その中で@importを使うとパフォーマンスが落ちるよ”
という件ですが、「“ターゲット以外のブラウザには極力CSSを読ませたくない(崩れてるくらいなら、ナシの方がマシ)”という考えなので、 @importは使いたい」けど、「(ほとんどユーザいないだろうけど)Netscape4とかでクラッシュしちゃうのはあまりにヒドイ仕打ちじゃねえか?」と。 「じゃあ、どうしよう?」と考えていたのですが、コメント系のハックでいけるのね。 というメモ。
...さらに詳しくCSS Happylifeさんで「都道府県選択するやつ。」という記事がありましたが、小耳に挟んだところによると、結構なアクセスがあったそうで、役に立つかもしれないし、僕のも晒しちゃおうかな。。。という事で「Codaでクリップ機能を使う」というネタを書いてみます。
気付いたら、前回のエントリから2週間経過してたので、焦って書いたのは内緒です(汗
...さらに詳しくCSS-Tricksで「Different Ways To Format CSS」というネタが投下されてました。
どれも当てはまらないが。。。強いて挙げればMulti-line Formatかな(インデントしてないけど)?
先日、同業の知人に「なんでYUIを使わないのか?」「ライブラリを使うのはいけてないのか?」といった内容の質問を受けました。
その時も一応の回答はしたけど、酔っぱらっていたので、まともに答えられたかちょっと不安。。。(汗
なので、ちょっと書いてみます。
...さらに詳しくWindows VistaやOffice2008の普及で、メイリオも普及し始めたと思われます。
それを踏まえてfont-familyの指定について(先日、仕事中の雑談で話題にのぼった事もあり)ちょっと考えてみました。
「ウェブサイトの見た目に関する資料が欲しい : could」という記事を読みました。
最近は、あまりこまかく突っ込まれない気がしていましたが、それでも指摘されることはあります。
クライアントさんが気にしている場合もあれば、デザイナーさんが気にしている場合もあります。
ただ、上の記事の趣旨としては、「制作者はもう解ってるんだから、クライアントさんに理解して貰わないとね」と、ザックリ言えばそんな感じだと思います。
CSSでのfont-size指定について考えてみました。
私は半年に一回くらい自分の中でのレギュレーションを再検討していますが、今年はまだやってなかった(本来は夏頃やるべきだった)ので、現在、色々と検討中です。
プロパティの記述順から、IE用のスタイルを何処に書くか(ファイルを分けるか)や、デフォルトスタイルを初期化する時の事とかを考えているのですが、前回はfont関連に関して見直していなかったので、みなさんが、どんな感じで書いているのか調べたりしつつ、実際に何通りか書いて試したりしました。
...さらに詳しくこのブログには「css ヘッダ フッタ 固定」というキーワードで検索して訪れる方が結構いらっしゃいますが、そんなネタは書いてなかったので、書いてみました。 不足に感じる方は「ヘッダ 固定 expression」に変えて検索しなおしてみてください。
...さらに詳しくボクのような新米がCSS講師として依頼をいただいちゃいました(汗
今までも仲間うちというか、出向先などで同じ職場の人達に簡単なレクチャーをした事はありましたが、ちゃんとやるのは初めてです。
正直、力不足もいいとこですが「人に教えるのが一番の勉強」と思っているので、承る事にしました。
やるからには、嘘を教えないようにしないと。。。
という事で、CSSでレイアウトするには避けて通れないfloatプロパティについて改めて勉強してみることにしました。
最近は、「Internet Explorer6.x以上&Firefox1.5以上&Safari2.x以上」というターゲットブラウザでのお仕事が多い気がします。
ちょっと前までは、殆どの場合IE5.xが入って来てたのに、変わったものです。
で、「ターゲットブラウザをどうやって決めるのか」とか「対応 / 非対応への対策はどうするのか」とかについて書いてみました。
...さらに詳しくCSS HappyLifeさんのトコロで「今よりちょっとだけクオリティを上げるために。」という記事を拝読したので、自分用のメモをしておく。
...さらに詳しくこのブログを書き始めてからの解析結果では、「css ie5 読み込み」というキーワードが何故かトップなんですよね。
来た人はガッカリしただろうな。。。対応しない前提で書いてるからな。
Hide CSS from browsersを見て解決した人が多いと思いますが、一応、IE5に対応するパターンを書こうと思います。
「水平分割系デザインの時の格好良いマークアップ」という記事を書きましたが、その追記です。
“#document”を使わず、bodyだけでイケないかな。。。やっぱ無理。 という内容です。
...さらに詳しくターゲットブラウザにのみCSSを読み込ませるように、@importを書く方法を書いてみます。
この記事では、「IE7以上、FirefoxとSafariは最新」をターゲットブラウザとし、とはいえ、IE6にも対応する前提で書いています。 また、個人的には“レイアウトが崩れるくらいなら、CSSは読ませない方が良い”と考えているので、IE5.x以下にはCSSを読ませないようにしています。
...さらに詳しく正直、仕事では殆ど出会わないデザインなのだが、個人的には好きなので、そのマークアップについては結構悩んでいたところ。。。いつも愛読しているCSS HappyLifeさんで良い方法が紹介されており、さらにヨモツネットさんにドンピシャの記事があるのも紹介されていたので、メモります。
...さらに詳しく