記事一覧

クロスブラウザの憂鬱

ファイル 112-1.jpg

あちゃー。

「BB」をMacで見ると崩れている、とのご報告を受け
表示確認してみたのが上の図。ものの見事に崩れていますね汗

Macだけは環境がないため動作確認ができず、
どうしても発見や対処が遅れがちです。申し訳ありません。
下記記事を利用しながら、順に確認作業を行っていく予定です。

・「Stylesheet Stylebook:これで全部ブラウザテスト」
・「trifles : 各ブラウザでの表示チェックに」
・「ヘタレ系DのBlog: Ajaxと混戦中」(JavaScript クロスブラウザについてetc)

スキンとスクリプトと著作権。

F2ブログの「共有テンプレート」に登録したものの著作権について、
興味深い記事があったのでメモ。

【TMP*blog】共有テンプレートと著作権

スキン配布を始めたばかりの者としては、色々考えさせられました。

特にスクリプトを組み込んで配布するのはOKなのか?という点。
このサイトで紹介している改造を組み込んだスキンを
作ってみようか、と思ったことはありました。
ですが配布元さんと確実な連絡が取れない(休止中・ご多忙など)ことが
多く、今のところそういった考えは保留にしてあります。
カスタマイズ面倒なんじゃー!という方のため、
エディタだけは搭載できないかと思ったのですが。

保留の理由のもう一つは、元々JUGEM用やnicky!用に考えられた
スクリプトを丸々流用配布してしまうのは気がひけること。
考えすぎなのかもしれませんけれども、こうした理由で
カスタマイズだけご紹介という形にさせていただいています。

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +

で、もうひとつCSSの著作権について。
このサイトでの場合だけを書いておきます。

このサイトのCSSはWeb Liberty(ないと)さん作の
デフォルト・スキンによるものが大部分を占めます。
そんなんですので声高に著作権を主張することはありません。
CSSファイルにせよソースにせよ、
Web Diary Proを改造するときの糧になさってください。

配布スキン内でお借りしている
「CHAI」シリーズのプルダウン部や
横カレンダー部などのCSSについては、上記からは外れます。
各配布サイトさんにて利用規約を確認なさってください。

※CSSのいじり方についていくつかご質問をいただきました。
 今後このサイトのCSSを参考にしたい、同じような改造をしたいという
 方への参考となりましたら幸いです。

CSSのメニュー&IE7での見え方

■ようやくプルダウンメニュー・スキンも公開できたわけなのですが、
きくちゃんさんのプルダウンメニューは「99%」CSSで組まれています。
つまりは1%はスクリプト使用なわけで、
セキュリティレベルの状態によっては動かない場合もあります。

なんとかならないかと思っていた矢先に
「100%CSSのメニュー」の作り方が紹介されていました。
海外のサイトなので詳細はよくわからないのですが、
コピペだけでもちゃんとでき、JavaScriptを切ってもメニューが展開されました。
1カラムスキンも作りやすくなりましたし、これからスキンを改造したい、
と言う方はチャレンジなさってはいかがでしょうか。

ちなみに再配布のうんぬんについてはまだよく読んでいないので
(英語ですし)、スキンに組み込む予定は今のところありません。

■IE7beta2も公開されたわけですが、サポート掲示板でも話が出ていたので
CSSの見え方についてメモ。IE6とはかなり違って表示されてしまうようです汗
ブラウザに関してはなるべくベータ版は入れたくないのですが、
スキンを作るなら動作確認しておくべきなのかと悩み中です。

もそもそ「CHAI」

「.today」対策としてスクリプトを使用しない
1カラムプルダウン「CHAI(チャイ)」を作成してみております。

【サンプルページ】

Web Diary Proの仕様が変わったこともあり、スキンを
すべて最初から作り直しています。
はっきりいって、かなりややこしい仕組みになりそうです。
なるべくカスタマイズしやすいよう補助説明を残しつつやっています。
ベースは完成し、スキンの仕様にあわせて調整する段階ですが、
これがなかなか時間がかかりそうです。

最初は白いスキンを作ろうとしていて、
ボックスの範囲を確認するため暫定的に色をつけていたところ
なんとなく気に入ってしまってこの形に至ります。
チャイは茶色いから。……………あいすいません。

スキン「BB」作成中。

ブラウザをOpera8→Opera9にしたついでに自分のサイトの見栄えを確認していたのですが、気がつくと1カラムっぽいスキンを作っていました。

他の無料ブログで良く見かける「ポップアップでメニューがでる」を再現すべく、タグエディタの時にもお世話になったMugiさんのサイトより「ポップアップ2」のスクリプトをお借りしてきました。
だいたいイメージどおりのものができたのですが、

 ×アイコンの一覧画面が変(スキンのダブリ)
 ×「ナビゲーションを常に表示」に未対応(かろうじてエラーは出ませんが)
 ×「.today」が反映されない(スクリプトの相性の問題らしい)

という問題があるので、もう少し調整してからスキンのベースとなった鳥居さんにご報告して、Mugiさんのスクリプトは配布自由とのことですので問題ないとして、とにかくもうちょっとでなんとかなりそうです。

サンプルページ。

1カラムだと大きな画像もバーンと乗せられるので便利ですよね。
サイトのトップページにも使いやすくなりますし。
ミニ画像の表示も大きくても問題なし、むしろ大きいの上等!という
どこらへんがミニよという使い方も想定しています。
どなたか技術のある方が、フィルムっぽく見えるようデザインしてくだされば……。(他力本願)
むしろこれを叩き台にどなたか作ってくださいませぃと……!(本音)

ページ移動