FirefoxのuserChrome.cssネタ #9
Firefox 1.5 Beta 1が出たので、自作のFirefox Extensionsを更新するという理由もあり入れてみました。特にこれといって不具合はない感じ。プロファイルもそのままで引き継げました。ですが、マイナーチェンジしたデフォルトのテーマは微妙に気に入らないので、久々にuserChrome.cssネタを。 クラシックスタイルのメニューに 1.0.xではWindows XP側でクラシックを選択していればクラシックなメニューになってくれていた(多分)のですが、1.5 Beta 1ではフラットがデフォルトになっているみたいです。メイン・メニューで項目を選択した時も、へこむんではなくて、選択時の反転になってたりとか。クラシックが良い人は、Firefox HelpのUse Windows Classic (9x/Me/2000) styled menusをコピペすると良い感じ。ただ、-
WEBサイトのリスト・メニュー。ドロップダウンなどのCSSデザイン：Goodpic
This shop will be powered by Are you the store owner? Log in here
おのひろきおんらいん : CSS signature について
CSS signature ってのは「naoya のはてなダイアリー」で初めて知りした．「naoyaのはてなダイアリー - CSS signature」を読んだ範囲では，閲覧者側が Web ブラウザーのユーザスタイルシートに個々の Web サイトに対しての設定を書き込めるように，body の id を振るようにしようという話らしいですね． naoyaのはてなダイアリー - CSS signature http://d.hatena.ne.jp/naoya/20050906/1125992109 <body id="onohiroki-cycling-jp"> となっていれば，スタイルシートに body#onohiroki-cycling-jp p {font-size: 12pt;} なんて指定をすれば，本文のテキストが 12 ポイントで表示されるようとか指定できます．よく見に行く Web
naoyaのはてなダイアリー - CSS signature
はてなアイデアで、はてなダイアリーの body に CSS signature なるものをつけてほしいという要望をいただきました。(いただきましたというか、ずいぶん前のものがあがってきた、というか。) 恥ずかしながら CSS signature というのは初めて耳にしたもので、最初は何だかわからなかったのですが、どうやら body の id にサイト固有の文字列を振って、ユーザースタイルシートを使いやすくしようというものらしい。(そうとは知らずにidea:5541を id にローカルな名前をつけるっていうのはあまり前例をみないっていうんで却下してしまった、ごめんなさい。) たとえばこの日記なんかだと <body id="d-hatena-ne-jp_naoya">と振っておくと body#d-hatena-ne-jp_naoya { ... }な CSS をユーザースタイルシートに定義して
Cheat Sheet Roundup - Over 30 Cheatsheets for developers
Cheat Sheet Roundup - Over 30 Cheatsheets for developers Updated on November 17, 2023 By Pete Freitag Lets face it, unless you have a photographic memory, no developer can remember all the different functions, options, tags, etc. that exist. Documentation can be cumbersome at times, thats why I like cheat sheets. They are quick references that feature the most commonly forgotten things on a specif
検索サイトが CSS ファイルをインデックス - lucky bag
YST が 外部ファイルの CSS をインデックスしているって話があって、戦々恐々としている SEO 業者がいるとかいないとか。 Yahoo! ページ検索（YST）がCSSファイルをインデックス 今後は display:none 等の指定がある場合、隠しテキストスパムと誤認される可能性もあるので注意が必要かと思います。 んでもって、Google の方でもいくつか CSS ファイルがインデックスされてるみたい。 http://www.google.co.jp/search?hl=ja&c2coff=1&q=css+filetype%3Acss 実際に中身を見てスパムと判断されるのかは微妙だけど、display:none; だけでなく、text-indent: -9999px; 等の方法もあるわけだし、そうなるとマイナス値を入れていて尚かつそれが表示領域外まで飛ばしているって判断なんか出来るの
Lucky bag::blog: Re: CSSの謎
CSSの謎 CSS によるレイアウトで躓いたことを書かれていて、その中で下記の部分に注目してみた。 コンテンツの中に画像が入ったサンプル２をIEで見て下さい。ウインドを縮小していって画像の幅が入りきらなくなると・・・画像がメニューBOXの下の高さまで落ちてしまいます。 上記サイトでは float を使った 2 段組の可変レイアウトでの解決方法がまだ見つかっていないような感じだったので、ちょっとサンプルを作って解決方法を提示してみる。 サンプルを用意する メインコンテンツ部分が可変幅で、ナビゲーションが固定幅のレイアウトをサンプルとして用意した。構造としては下図のような感じで、ネガティブマージンを利用して左のメインコンテンツが可変幅、右のナビゲーションが固定幅を実現している。ちなみにやっつけで作ったんで、かなり粗があったりするっつうか、かなりテキトー。 メインコンテンツに画像がある際の IE
Lucky bag::blog: リモートロールオーバーを CSS だけでやってみる
リモートロールオーバー、つまり、離れた部分の画像をロールオーバーで変化させる動作は、JavaScript を使わずに CSS だけででも可能。今は無くなってるっぽいんだけど、一時、adaptive path でも使われていてたやつを参考に、サンプルを作ってみた。 remote.html サンプルの (X)HTML コードは下記の通り。 <div id="rollover"> <ul> <li id="food"><a href="#"><em>焼き肉</em></a></li> <li id="sneaker"><a href="#"><em>オニツカタイガー ファブレ74/0123</em></a></li> <li id="beer"><a href="#"><em>仕事の後のビール</em></a></li> <li id="coffee"><a href="#"><em>缶コーヒー
これで全部ブラウザテスト
PG WALLET สล็อตออนไลน์พร้อมเงินฝากอัตโนมัติ pg slot วอเลท ผู้ให้บริการสล็อตออนไลน์ระดมทุนผ่าน True Money Wallet บริการสล็อตฟรีที่พร้อมมอบประสบการณ์การเล่นเกมสล็อตออนไลน์และบริการฝากเงินให้กับคุณ ง่ายๆ ด้วยวิธีการฝากเงินยอดนิยมในปัจจุบัน บัญชีทรูมันนี่ หรือ ทรูมันนี่วอลเล็ท PGWALLET ครบวงจร แนะนำสมาชิกใหม่ ส่วนลด 50% ข้อเสนอพิเศษสำหรับสมาชิกใหม่ โบนัสฟรี 50% ฝากครั้งแรกเพียง 100 บาท slot pg รับวอลเ
Ocher - フルCSSサイトの超高速構築
マクロメディア集中ゼミ行って来ました（6/15 パシフィコ横浜）。C2セッションにて「CSS完全攻略!!!3ブラウザ対応のWebサイトのつくり方」を聴講。日本におけるCSS提唱オピニオン・リーダーの一人、アンカーテクノロジー神森氏がプレゼンター。 いやぁー内容濃かったですね。あまりにスピーディーでちょっと置いてかれそうなところもありました。実際の内容はセッション題とはやや趣向が異なり、どちらかというとDreamweaverでのCSS Tipsみたいなノリでした。ま、Macromedia主催なので。その中で、超高速フルCSSサイト構築法が紹介されていました。（*勝手に命名） 作り方大公開（らしい） 画面デザインを領域に分け、名前を決めておく。 見出しレベルを確認。 Dreamweaverへテキストをひたすらコピペし、まず段落<P>を作成しまくる。 見出し付けを行う。 メニュー項目のリスト化。
CSS tests and experiments
The pages listed here contain tests and experiments about features, possibilities, browsers’ bugs concerning CSS. I would love to hear any comments that you may have, especially if you find errors. If the right part of the daisy background of this page looks strange, with unnatural colors, then that's nice, you are using a browser which understands ICC profiles embedded in images.
CSS の値に変数を使用する - lucky bag
例えば、サイトに使用しているカラーとかが決まっていたとして、CSS で色を要素等に指定していくわけだけど、指定する値に変数が使えれば便利じゃね？ってのを実現したのが CSS-SSV 。 CSS-SSV // ShaunInman.com 上記サイトより css-ssv.php をダウンロードして、CSS ファイルを置いてあるディレクトリにアップ。.css の拡張子でも php と認識させられるように .htaccess で下記のように設定。 AddType application/x-httpd-php .css php_value auto_prepend_file /CSS ファイルを置いてあるディレクトリへのローカルパス/css-ssv.php 準備はこれで完了。変数を定義するには下記のような感じにする。 @server variables { BaseColor: #86B933;
Zoom Layout
2005-07-29T18:35:16+09:00 Axxlog » A hack for implementing zoom layouts（Axxlog） Zoom Layoutなるものを最近海外のWeb Developerなサイトでちらほらみかけるようになったのだけれど、いろいろ見てるとどうやらアクセシビリティスタイルな機能（ズーム機能や各種ユーザースタイルシートの選択機能など）の無いUAでもアクセシビリティーを考慮してデカ字でハイコントラストなコンテンツを提供するCSSを用意しようぜ！的ノリっぽい。加えてlink要素にrev="zoom"なんて具合にアトリビュートを指定してmicroformatsっぽい。 先日とある人からWebブラウズに関するお話を伺った時に一番印象に残っているのは私はいつもインターネットの文字を最大にしている。それでもみにくい時はそこには欲しい情報がなかったんだ
IE7 Beta の CSS に関する対応状況 - lucky bag
IEBlog でも発表されているけど、Windows Vista と IE 7 のベータ版がデベロッパーに配布されている。個人的に気になるのは IE 7 の方なんだけど、mezzoblue で IE 7 Beta の CSS 周りに関してスクリーンショットと共に報告がされている。 IE7 CSS Updates IE には数々の酷いバグがあったり、未対応の CSS セレクタがあったりするんだけど、その辺りに関して対応されているもの、まだ対応されていないもの等をざっと抜き出してみた。 対応されているもの PNG 画像への対応 Peekaboo Bug （完全ではないかも知れない） Guillotine Bug （完全ではないかも知れない） 未対応のもの Line-height Bug Border Chaos Italic のオーバーフロー Doubled Float-Margin Bug
CSSによるウェブアプリのデザインをマスターしたいです。良い解説サイトを教ください。
CSSによるウェブアプリのデザインをマスターしたいです。良い解説サイトを教ください。
Extending Dreamweaver CS4 - Part 1: The TNC Lightbox
Iced coffee; Prepared coffee and coffee-based beverages; Coffee-based beverages containing milk; Ready-to-drink coffee-based beverages
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ecjapan.jp
CSSの謎
Games Answers & Cheats | [UPDATED] – Games Answers, Solutions & Cheats
N-Design.dk