FirefoxのuserContent.cssネタ #2
今回はurl-prefix()を使った奴とか書いてみたり。いろいろやってたらuserContent.cssが2000行超えたりしましたが、特にページの表示が遅くなるとかいう感じは無いので、いくらでもCSSルールを書いて良さそう。限界はあるでしょうがね。 @-moz-documentとurl-prefix()を組み合わせて使えばURLの先頭一致でルールの適用を制限できたりします。具体的には、 @-moz-document url-prefix(http://www.example.com/~foobar/) { body { font-size: 100% !important; } p { line-height: 1.5 !important; } } とか、こんな感じで"http://www.example.com/~foobar/"で始まるURLのページだけに適用されるブロックを作成
hail2u.net - Weblog - CSSで指定するフォント
CSSで指定するフォントは、訪問者のマシンにその指定したフォントがインストール済みでないと(大抵の場合は)反映されないため、手に入れやすいまたは多くのOSでインストールされているフォントを指定することが多い。手に入れやすいフォントとして代表的なものはCore fonts for the WebというMicrosoftが提供しているフォント群で、具体的にはArialやTrebuchet MS、Verdana、Georgia、Times New Roman、Courier Newなど。あえてLucida GrandeやTahomaを使うというのなら違和感の少ない代替になりそうなフォントを指定しておいて挙げると良いかもねとかいう話。 Core fonts for the Webに含まれる多くのフォントはWindows 98以降では予めインストールされており、Mac OSでもInternet Ex
hail2u.net - Weblog - FirefoxのuserContent.cssネタ
Firefox 1.5 Beta 1よりURLやドメインなどでCSSルールを切り分けることが可能になりました。これによりuserContent.cssがとてもいじりやすくなった(あるサイト向けにテキトウに書いても他のサイトに誤爆しなくなった)ので、userChrome.cssと同じくガリガリいじると楽しいようなそうでもないような感じです。 _blankなリンクのカーソルを変更 a[target="_blank"] { cursor: alias !important; } cursor: crosshair !important;とかやってる人が多いことと思われますが、1.5 Beta 1から先取りサポートされたaliasにするとより直観的に把握できるようになると思います。 View Page Sourceのフォントを固定する body#viewsource * { font-family
hail2u.net - Weblog - 二重枠線ボタン
どこかで「フォーム・ボタンのボーダーにdoubleを指定するとカッコイイぜ！」みたいなのを見つけて、1週間ほど前から使ってみてたりするわけですが、これはなかなか良い気がする。とりあえず憶えておくと即戦力になります。 doubleだとカッコイイとは言っても、実は単にdoubleにすれば良いわけではないようで、四辺のborderを別個に指定し、うまいことベベルっぽくしないとダメな感じ。 僕はシャイで口下手(エイプリルフールは過ぎたのにネタっぽい)なので、言葉では説明できないため、デフォルトのボタンからCSSのルールを増やしていってかっこよさげなボタンを作るプログレスをHTMLでまとめてみました。 borderのサイズはいろいろ試してみればわかりますが、3pxじゃないとうまいことまとまってくれません。 フォーム部品のスタイリングは困ったものなので、こういった即戦力なテクニックを憶えておくとなかな
hail2u.net - Weblog - CSSをはてなに移植してみた
リファラから拾ったChepooka::cssでfloatの振る舞いにトラブってる感じだったので、はてなダイアリーでもうちのサイトみたいなのできないもんかと移植してみました。こちらのエントリの内容は気にしてはいけません。 あるボックスの内容物がfloatされているボックスのみの場合、そのボックスの枠線や背景色、背景画像は内容物の高さに合わせて自動的に高さが調節されないというfloatによるレイアウトでまず間違いなく遭遇するトラブルをどうやって解決するかということになります。 うちのサイトではhtmlとbodyでそれぞれ背景画像を指定することによって、2カラムのベースを作成し、ヘッダやコンテンツの背景画像をその上に重ねることによって、上記トラブルを解決せずに擬似的に実現しています。が、はてなダイアリーではhtmlに背景画像を仕込むのは不可能らしいので別のアプローチが必要になります。 そこで、Q
雑多な記録
2024年6月 2023年の12月に行った展覧会の後期を見に、再びWHAT MUSEUMへ行く。前期へ行った時、その直後はあまり行く気がなかったが、法隆寺の1/10模型がかっこよさそうだったので行くことにする。梅雨前ですっきりしない天気のようだが、快適そうな気温で海沿いは気持ち良いはずだ。 よくよく考えたつもりでESRのMagSafeモバイル・バッテリーを買ったが、返品することになってしまった。返品の直接の原因は充電が止まりがちなことと、ソニーのイヤフォンが充電できなかったことだ。ESRは新製品への切り替えを始めるのか、Amazonでクーポン込み3300円くらい(今は2500円くらいっぽい)で買え、うっかり買ってしまった。かなりうまく機能するモバイル・バッテリーのようだったが、MagSafeのモバイル・バッテリーは想定していた利用状況にハマらないものだということを学んだ。 2024年5月
Bloglinesと301 Moved Permanently
BloglinesのForumをタラタラと眺めていたら面白い情報を見つけました。Mark Fletcher曰く、フィードのURLを変更した時に301 Moved Permanently(301とは書いてないけど多分)でリダイレクトしてやると、自動的に新しいURLに変更されるそうです。Googleは301でリダイレクトするとPageRankを引き継ぐとかそういう噂なのですが、これとアプローチ的には似てますかね。 Bloglines, when we see a permanent redirect for 3 days, will automatically change the feed in our database to point to the new feed. リクエストに対して返されるHTTPステータスに応じてRSSリーダーが適宜解釈してやるというアプローチは、この301 Mo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
