遠近法ノート(移転してきた)

本好きのデザイナー、西岡裕二の日記帳なのです。デザインと読書について書くはず。

css

Webフォント(TypeSquareとFONTPLUS)使ってみた。

モリサワパスポートとフォントワークスLETSに、新しくWebフォントの使用権が加わりました(TypeSquareとFONTPLUS)。 もとより両方とも契約してますので、これは使わにゃ損々。さっそく自分のWebサイトに導入してみました(ちなみにJavaScript必須なので、は…

はてなダイアリーのページいじった。

日記モードからブログモードに変更(←これ、古くからのはてなーにしか分からないよね……)しました。 コメント欄がおもてに出っぱなしの日記モードのほうが好きだったんだけど、近ごろはあまりコメント欄が使われないし、ブクマURLが分かれてしまう弊害がある…

Windows版SafariのLucida Grande。

css

さて、一昨日の記事に関して、ブクマにて、 id:nlogn こんな話もあるみたいなのだが,どうなのだろうか→日本向けのサイトでフォントにLucida Grandeを最初に指定してはいけない - ayu118の日々雑感。 http://d.hatena.ne.jp/ayu118/20090207/1233987618 2013…

CSSのfont-family指定はこれで決まり!(2013春)

css

追記:最初、うっかり「2013冬」って書いてしまったんですけど、ほんとは「春」と書かなきゃいけませんでした(汗)*1 とりあえず今、CSSのfont-familyでフォントを指定するならば、これで決まり(一番下の追記も参照で)。 font-family:'Lucida Grande', 'H…

Webにおけるフォントと2004JISなどの諸問題について考えてみた(2010春)。

細かい話をすると膨大になる(というか自分の手に余る)ので、簡潔に書きます。 とりあえず今後のWeb制作の参考になればと。 結論:font-familyで和文フォント名を指定するのは、もうやめる。 そのかわりに、 font:menu;と書けば、OSのシステムフォント(men…

MacOS X 10.5のヒラギノ問題。

まあ、まだ手に入れてないわけですが。 どうやら10.5には、7.11と8.0(ProNとStdN)の2種類のヒラギノが搭載されているそうで、DTPユーザ的には、これまで作ったものが勝手に置き換わるというようなトラブルはなさそうだから一安心ってことになるような気が…

CSSの不具合修正。

css

久しぶりに、はてなのテーマCSSいじりました。 前から気になってた不具合修正です。 なかなか取りかかるきっかけがなくて、延び延びになってました。 さっきtikedaさん宛に送信したので、 たぶん、数日中に反映されるでしょう。

はてなテーマ2つを更新。

css

http://d.hatena.ne.jp/hatenadiary/20060418/1145334408 http://d.hatena.ne.jp/hatenadiary/20060413/1144931868 はてなのCSSテーマ2つを更新しました。ちょっとした修正と調整だけなんだけど、なかなか大変です。はてなダイアリー日記にて表示不具合を報…

新しいテーマ。

css

久々に新しいCSSテーマ追加しました。 http://d.hatena.ne.jp/hatenadiary/20060116/1137397429 ゴシック趣味のデザインは前々から作りたいと思っていて、ひそかにゴスファッションのデザイン要素をチェックしたりしてました(汗)。 しかし、自分にはゴス魂…

まとめて更新。

css

はてなダイアリー日記にて。 http://d.hatena.ne.jp/hatenadiary/20051011/1129006448 kitchenシリーズも先日の分とまとめて更新が反映されました。 kitchenシリーズはasterisk同様、かなり手を入れてます。 おおむね「よい方向」に変化すると思いますが、表…

はてなテーマ更新。

css

asteriskとcolorlabelを更新。たぶん数日中に反映されるはずです。 asteriskシリーズに関しては、構造から見直したところがあり、これまでより表示崩れが起きにくくなっていると思います。 今でこそ、ブログのデザインと言えば、幅固定でセンター揃えに決ま…

テーマ「Karte」。

css

http://d.hatena.ne.jp/hatenadiary/20050512 素っ気ないデザインのテーマ。フォントはあえて明朝を指定してみました。 なんとなくカルテっぽく見えるので、名前は「Karte」です。

DTPWikiがリニューアル。

「DTPWiki-DTP・印刷のまとめサイト」http://dtpwiki.jp/ 作業開始からひと月以上かかってしまいましたが(^_^;)、 ようやく新デザインになりました。 予定していたかたちがほぼ実現できたので、ほっとしています。 MacOS 9のIE5.0やOS XのSafariで見る人が多…

テーマ「colorlabel」の色の変更

css

ラベルの色は、個別に変更することも可能です。案外簡単ですよ。 たとえば、プロフィールを白にしたい場合、詳細デザイン設定のスタイルシート欄に .hatena-profile {background-color:#FFFFFF;}と書き足せば白になるはずです。background-colorは文字通り背…

テーマ「colorlabel」について。

css

サイドバーを付箋(ラベル)に見立てたテーマです。 はてなモジュール1つ1つに色を割り当てています。

新テーマ完成です。

css

n-yujiの3番目のテーマ、「colorlabel」が完成しました。たった今、はてなの近藤さん宛にお送りしたので、近いうちにはてなダイアリー日記で触れられ、使えるようになると思います(年内は無理かな?)。 今年の初夏に近藤さんからテーマ作りを依頼され、「k…

ひさびさに。

css

はてなCSSテーマ作成中。年内完成目標です。

どうしようかなあ。

css

はまぞうとか出てきたし、bookシリーズにも再度手を入れたほうがいいかなあ、と考えています。モジュールの表示も美しくないし。早いうちに対応させとけば良かったんですけれども、なかなか時間が取れませんで……。新しいのも作りたいし。 今から変更を加える…

テーマ新色二つ追加。

css

「ブログ界の出来事」さん http://blog.goo.ne.jp/blog-memo/e/2d234a4b6357715c56f6801de854b330 にまでひろわれていて、ちょっとびっくりしたり。 ちなみに、asteriskシリーズはasin/isbn記法詳細モードにも対応しました。

asterisk

css

テーマ「asterisk」シリーズが使えるようになりました。 http://d.hatena.ne.jp/hatenadiary/20040818 とりあえず3色。割合スタンダードな形なので、結構使いやすいんじゃないかなと思います。近いうちに、落ち着いた色のものも追加する予定。 タイトル帯部…

kitchen-natural

css

ようやく最初のテーマ「kitchen-natural」を公開できました。はてなダイアリー日記 http://d.hatena.ne.jp/hatenadiary/20040729 で触れられています。 しばらく様子をみて若干の修正を行い、そのあと、3つくらい色替えバージョンを追加する予定です。 ちな…

はてなのテーマ作り進行中。

css

ようやく最初のテーマが公開できそう。すぐ次のに取りかかります。いそがしいです。そして、仕様を理解するのが大変。いろんなブラウザで同じっぽく見えるように作るのも大変。

CSSテーマ制作モードに入ります。

css

themeグループに招かれましたので、以後、CSS関連の記事は基本的にそちらに書きます。 しばらくの間、このページのテーマが唐突に変わっていたり表示崩れがあったりすると思いますが、お気になさらず。

CSSテーマその後。

css

はてなスタッフの手によって、tDiaryさんのほうに登録されました(id:hatenadiary:20040524)。自分の作ったものは、tDiaryでの動作確認はしていないので、正直どうかなと思わないでもありません。まあ、tDiaryを使っているくらいの人であれば、そこはうまく…

あったらいいかも。

css

はてなダイアリークラブで、CSSデザイン研究会なんてのがあったらいいかも? とか言ってみるテスト。

一応、データも公開しときます:

css

変更前のCSSテーマ(Revision1.0)はここに、変更後のもの(Revision1.5)はここに置いておきます。テーマを指定なしにして、スタイルシート欄に全コピペすれば、使えます。 それにしても、汎用性の高いテーマを作るのは本当に難しいですね……。そして、一度…

動作確認:

css

WindowsXP+IE6/WindowsXP+Mozilla1.5/MacOS X10.3+Safari1.2/MacOS 9+IE5*1 また、W3C CSS 検証サービス(http://jigsaw.w3.org/css-validator/)にて検証済み *1:OS 9ではPhotoの回り込みができないみたいです。

主な変更点:

css

●左右のマージンをパーセント指定からピクセル指定に変更しました。WindowsのIE以外のブラウザで、サイドバーを入れるとタイトルがずれて表示されており、これを解消させるためにこうする必要がありました。 ●アマゾンの書影リンクに対応(きれいに表示され…

「book」「book2-feminine」「book3-sky」の表示が変わります:

css

この変更により、すでに「book」テーマを使っていただいている方のページの表示が変わってしまいます。カスタマイズしたり、サイドバーを左に入れてあったりすると、表示がどう変わるか、ちょっと予想がつかないところがありますし、なにより、知らないうち…

公開中のテーマに変更を加えました:

css

CSSテーマを公開して(id:n-yuji:20040120、id:n-yuji:20040121、id:n-yuji:20040226)はや三ヶ月が経ちました。 公開した時点では、まずまずの出来だと思っていたのですが、その後に知見を得るなどして、直したいところが発生してしまいました(id:n-yuji:2…