Firefox7で遂に対応されたtext-overflowって何？ - WebDelog
Firefox7がリリースされました。 3から4のリリース期間はなんだったの？っていうくらいのスピードです。 Firefox7では遂にtext-overflowを対応してくれました。 でもtext-overflowはこれまでFirefoxが未対応だったので、 なかなか使う機会も少なく、存在を知らなかった方も多いのではと思います。 text-overflowとは 記事の抜粋文などで特定の幅を持った部分から文字がはみ出してしまった時に『…』やその幅で後ろの文を省略してくれるCSSプロパティです。 <h2>試しに使ってみましょう。</h2> <div class="over">省略できるものならばやってみるがいい!!うぉおおおおおお<br /> なんだと!?省略されているだと!?そんな馬鹿な！！！</div> <p>こんな感じになります。<br /> 『!!!?』自分で後ろに『...』ってつけて
FirefinderはJavaScriptプログラマ以外も使うべき - monjudoh’s diary
Firefinderとは何か？ https://addons.mozilla.org/en-US/firefox/addon/11905/ CSSセレクタやXPathで要素を検索出来るFirebugの拡張です。 どんな人にお勧めか？ hiddenフィールドの値を閲覧したり、 formのどの要素のnameが何かとかさくっと見たくなることないですか？ あるならお勧めです。 Firebugには既に$$というCSSセレクタで要素を検索出来る関数があるんだが？ CSSセレクタのサポートの度合いが違います。 $$関数では基本的なCSSセレクタしかサポートされていないので、 例えば、ここなら、http://images.google.co.jp/advanced_image_search?hl=ja $$('input'); // [input, input ja, input Google 検索, i
パスワード入力欄のマスク文字サイズを調整する - えむもじら
もじら組フォーラムで紹介されていた、パスワード入力欄のマスク文字が目立ちすぎるのをスタイルシートで修正する Tips を早速導入したのですが、これだけだとマスターパスワードに対応できないので、対応させてみました。追記：Basic 認証のダイアログもこれで OK です。 マスターパスワードのマスク文字のフォントを設定：userChrome.css 用 #password1Textbox{ font-family: Verdana, sans-serif; } ウェブページのパスワードのマスク文字のフォントを設定：userContents.css 用 input[type="password"]{ font-family: Verdana, sans-serif; } Stylish を使っている人は、まとめて以下のようにすれば OK です。この場合、名前空間を指定してはいけません。 inpu
Firefoxでz-indexを使うとフォームのカーソルが描画されなくなる問題 - cloned.log
<html> <head> <style type="text/css"> #back { position: absolute; top: 20; left: 20; width: 500px; height: 500px; overflow: auto; z-index: 50; } #front { position: absolute; top: 20; left: 20; z-index: 100; } </style> </head> <body> <div id="back"></div> <div id="front"> <input type="text" value="Hello"> </div> </body> </html> z-indexを使うときの問題。上のHTMLコードをFirefoxで見る（再現HTMLはこちらで）とわかるけれど、テキストフィールドのカーソル
jide.fr » Emulate text-overflow:ellipsis in Firefox with CSS
Jide.fr : Tests, actualités et innovations high-tech Le magazine en ligne qui vous guide vers des expériences de voyage uniques et authentiques Bienvenue sur Jide.fr, votre source indépendante d’informations, de tests et de comparatifs dédiés au monde du high-tech et de l’informatique. Nous explorons chaque semaine les dernières tendances technologiques, des ordinateurs portables aux périphériques
userChrome.css でブックマークツールバーフォルダをスマートに - hogehoge @teramako
Firefoxのブックマークバーをアイコンでスマートにする機能拡張「Smart Bookmarks Bar」 おぉこれは良いアイデア。ただ、アイコンがあるページなら良いが、無い場合何のサイトか分からなくなる罠。アイコンが設定されていないものにはラベルを表示させておきたいのだ。 と、いうことで自作。DOM Inspectorと睨めっこして、userChrome.cssに以下を記述。 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* ブックマークツールバーフォルダをスマートに {{{ */ hbox#bookmarks-ptf toolbarbutton[type="menu"] .toolbarbutton-text { display: none !important; }
Googleカレンダーの土日の色 その2 - Marginal Leaves
Google カレンダーの土日の背景色を変更するワザ - パート2 なるほど！ こっちのほうがスマートですね。 これに触発されて、CSS3 のセレクタを使えばもっと短く出来そうだと思ってやってみたら、かなり変態的なことになってしまいました(笑 @-moz-document url-prefix("http://www.google.com/calendar/"), url-prefix("https://www.google.com/calendar/") { #decowner > [style*="left: 7"] > .dayOfMonth { color: #00F !important; background-color: #CCF !important; } #decowner > [style*="left: 7"] > .dayNotInMonth { color: #8
Google カレンダーのフォントサイズを調整する方法 - 風待ち日記
日本語版になって嬉しい反面、なんだかフォントサイズが大きくなったと感じているユーザーの方も多いでしょう。そんな悩みもFirefoxとユーザースタイルシートを使うことで解決します。以下はFirefoxのuserContent.css（ユーザースタイルシート）を編集してフォントサイズを調整する手順。 まずは以下のフォルダを開きます。 Windows 95/98/Meの場合は C:\Windows\Application Data\Mozilla\Firefox\Profiles\（英数字）.default\chrome\ Windows 2000/XPの場合は C:\Documents and Settings\(ユーザー名)\Application Data\Mozilla\Firefox\Profiles\（英数字）.default\chrome\ この場所にあるuserContent-e
Lucky bag::blog: 個人的に気に入ってるユーザースタイルシート
今んとこ、ガチで不動のレギュラーメンバーな自分のユーザースタイルシートを晒してみる。userstyles.org で見つけたやつとか、自分で書いたやつとか。ちなみに、ユーザースタイルシートの管理は Firefox の 拡張 Stylish で。 livedoor Reader 用 各記事タイトルの下にある"元記事"って部分を URI に置き換えて表示 @-moz-document domain("reader.livedoor.com") { div.item_info { text-indent: -3em; } div.item_info a { visibility: hidden; } div.item_info a::after { visibility: visible; content: attr(href); } } Gmail 用 迷惑メールの未読数を見えなくしてボールド
チープカ - text-indentで隠す方法がFirefoxだと点線がガーって出る問題についてのメモ
text-indentで隠す方法がFirefoxだと点線がガーって出る問題についてのメモ CSS | 16:58 | 最近CSSで組まれたサイトでtext-indentを-1000pxとか使って画面外に出して、背景画像を置くことでメニュー等を構成しているサイトをよく見るのですが、Firefoxが1.5になってからそのように書かれたメニューをクリックすると、text-indentされた方向に点線の枠がガーってなって（例：ドコモのメニューのところ）あまり見栄えがよくないものになってしまい、とても気になっていたのですが、解決方法が載ってたのでメモ。 http://www.fsiki.com/jet/css-xhtml/text-indent.html overflow:hiddenを入れればいいそうです。overflow:hiddenってあまり良いイメージないから、変なこと起こらずFirefo
（ＢＬＯＧ）リンク・フォーカス時の点線が画面外まで拡張される問題
text-indent: -xxxxemの弊害 CSSを使ってJavascriptのロールオーバーイメージを実現する方法は既に一般的になって、あちこちのサイトでも見られるようになりました。 ところが、問題点をいくつか見つけたので書いておきます。 自分のサイトの粗が出る「諸刃の刃」のような記事になりそうで本当は書きたくなかったんですが... まずはじめにCSS背景切り替えの概要Firefox1.5でクリックした時に左に長い点線の枠が出現するタブキーで現在位置が分からなくなる解決策というより、気休め的な方法過剰な見栄え制御決定的な回避策(アクセシビリティ向上案) まずはじめにCSS背景切り替えの概要 あちこちのサイトやCSS関連の書籍で紹介されていると思いますので、ここでは軽く書きます。 リンクの画像にマウスが重なるとその画像が切り替わるという仕掛けです。 このサイトのヘッダー部分にあるナビゲ
Mozilla Update :: Extensions -- More Info:CSSViewer - All Releases
Add-ons extend Firefox, letting you personalize your browsing experience. Take a look around and make Firefox your own.
CSSVista: Live CSS editing with Internet Explorer and Firefox simultaneously
Capabilities Litmus is an all-in-one email marketing solution that helps you optimize and personalize every email to maximize your ROI and create exceptional brand experiences for every subscriber. Why Litmus Email Monitoring Email Design Email Building Email Personalization Email Testing Spam Testing Email Analytics Email Collaboration and Review Technology Integrations AI & Emerging Email Techno
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Restyle the web with Stylish
Internet for people, not profit — Mozilla
caramel*vanilla » Web制作に役立つFirefoxの拡張(1) - HTML/CSS関連