Firebugのコマンドラインが見難いのでフォントを変えてみた - cloned.log
コンソールの文字サイズは変更できるみたいだけれど、コマンドラインの設定項目が見当たらなかったので、userChromeで変更してみた。 やり方は、 C:\Documents and Settings\[ユーザ名]\Application Data\Mozilla\Firefox\Profiles\[プロファイル名]\chrome\userChrome.cssに以下を追記した。 textbox#fbLargeCommandLine { font-size: 10pt !important; font-family: Consolas !important; color: #E6E6E6 !important; background-color: #000 !important; } フォントを変えたついでに、自分のPuTTYと同じような見栄えになるように調整。
CSS の Mozilla 拡張 - CSS: カスケーディングスタイルシート | MDN
メモ: CSS の互換性を最大化するため、以下の接頭辞付きのものではなく、接頭辞なしの標準プロパティを使用してください。これらは、標準化されて接頭辞なしの形式が対応され次第、接頭辞付きのバージョンは順次破棄されます。 A -moz-animation [接頭辞付きも許容] -moz-animation-delay [接頭辞付きも許容] -moz-animation-direction [接頭辞付きも許容] -moz-animation-duration [接頭辞付きも許容] -moz-animation-fill-mode [接頭辞付きも許容] -moz-animation-iteration-count [接頭辞付きも許容] -moz-animation-name [接頭辞付きも許容] -moz-animation-play-state [接頭辞付きも許容] -moz-a
[ Firefox ] userContent.css の覚え書き
Firefox では自分の書いたスタイルシート ( CSS ) をウェブページに適用することができるので、その設定を覚え書きしておきます。 ユーザースタイルを適用するには、userContent.css に書き込んで Firefox を再起動するか、Stylish と言う拡張機能を使います。 ※ userContent.css とか Stylish の設定とかの一番最初に以下の一行を追加しておきます。 @namespace url(http://www.w3.org/1999/xhtml); ## Firefox ( ウェブページ全体に適用するスタイル ) 下のコードを userContent.css に書き込むと、Firefox で開くページの全てにスタイルが適用されます。 ### リンクの target が _blank または new の時カーソルの形状を変える Firefox を使
![[ Firefox ] userContent.css の覚え書き](https://cdn-ak-scissors.b.st-hatena.com/image/square/19691f3db719fc116cbcdd5e767c89ee15487f3e/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2018%2F09%2Fudon-1.jpg)
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
【CSS】フォーカスのあるフォームの装飾を変化させる - スタイルシートTIPS ふぁくとりー
《2017年7月4日 15:10 公開/更新》 フォーカスのある入力フォームの装飾を変化させるCSS [フォーム,線,色] 複数の入力欄が並んでいるとき、ぱっと見て「今どこに入力可能な状態なのか」が分かりにくいこともあります。そんなとき「今、入力可能な状態になっている欄」(＝フォーカスのある入力欄)だけ、装飾を変化させると分かりやすくなります。カーソルの入ったテキスト入力欄、選択したばかりのチェックボックスなど、フォーカスのある入力フォームの装飾だけを一時的に変化させるCSSの書き方を解説。 フォーカスのある入力フォームの装飾を変化させるCSS 入力可能状態になっている(＝フォーカスのある)要素の装飾を一時的に変化させるスタイルシート 属性セレクタでテキスト入力欄に限定し、「フォーカスのあるテキスト入力欄」だけの装飾を変化させる フォーカスのある入力フォームの装飾を変化させるCSS 掲示板
Firebugの使い方 | THE HAM MEDIA
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
Firefox3.5でウェブ表示画面を広くする方法 | ライフハッカー・ジャパン
さらに以下のような方法を使えば、ウェブページの表示画面をより大きくできます。 その1: ナビゲーションツールバー・ボタン・アドレスバーをメニューバーに移す Firefox 3.5のツールバーを右クリックし、「カスタマイズ」を選択。それぞれのアイテムをドラッグアンドドロップすれば、メニューバーに移動できる。「小さいアイコンを使用」選択すれば、アイコンが小さくなるのでさらに省スペース化。 その2: userChrome.cssを編集する Firefoxの「userChrome.css」ファイルを編集すると、不要なものを削除したり、整理することができる。このファイルは、WindowsXPでは「C:\Documents and Settings\[User Name]\Application Data\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome
microformats
A (very) belated follow up to Getting Started with Microformats 2, covering the basics of consuming and using microformats 2 data. Originally posted on waterpigs.co.uk. More and more people are using microformats 2 to mark up profiles, posts, events and other data on their personal sites, enabling developers to build applications which use this data in useful and interesting ways. Whether you want
JavaScriptを使わずCSSのみでシンプルなツールチップ実装:phpspot開発日誌
Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff
Ajax/CSS/PHP等のチュートリアルまとめ:phpspot開発日誌
Tutorials Round-Up: Ajax, CSS, PHP and More | Smashing Magazine Ajax/CSS/PHP等のチュートリアルまとめが公開されてます。 英文のサイトは本当にチュートリアルが充実していますね。 Ajax AJAX Desktop Tutorial AJAX Matters Blog Ajax RSS reader AJAX Tutorial Ajax: What is it Good For? → 続きを読む CSS Advanced CSS Layouts: Step by Step Beginner’s guide from a seasoned CSS designer CSS Advanced Guide CSS and HTML examples and tutorials by Ove Klykken CSS Basic
WEBデザイナ/開発者が覚えておくと便利なブックマークレット集:phpspot開発日誌
15 Must-Have Bookmarklets For Web Designers And Developers WEBデザイナ/開発者が覚えておくと便利なブックマークレット集。 起動すると、その場で画像などの要素をドラッグ＆ドロップでデザインできたりする便利なブックマークレット集です。 ReCSS - Reloads The CSS 起動すると、サイトのＣＳＳが再読込みされ、リロードすることなく見栄えの更新ができる Edit Any Website - ブックマークレット XRAY - See Details Of Any Web Element 起動するとJavaScript製のＤＯＭインスペクタが起動します。 MRI 起動してエレメントをクリックすると、クリックしたエレメントのセレクタが取得可能。 Design - Grid-Rule-Unit-Crosshair 起動すると、4
css - ルビもCSSで : 404 Blog Not Found
2006年05月31日00:55 カテゴリTips css - ルビもCSSで これ、実はCSSでなんとかなります。 檜山正幸のキマイラ飼育記 - ルビ（ふりがな）タグの話 IE6では期待通りの表示（ふりがなの「おびただ」が「夥」の上に乗る）が得られます。FireFoxはダメでした、 以下をご覧ください。 夥 （おびただ） しい数のWebページ どうです? 当blogでは、現在以下をCSSに加えてrubyを実現しています。IEでもSafariでもFirefoxでもちゃんと見えます。 /* * based upon * http://www.akatsukinishisu.net/itazuragaki/2001_10.html#ruby_for_Mozilla_3 */ ruby { display:inline-table; text-align:center; white-space:
CSS - ルビ再び : 404 Blog Not Found
2008年07月15日17:15 カテゴリLightweight Languages CSS - ルビ再び 以前、 404 Blog Not Found:css - ルビもCSSで という記事を書いたのだが、Firefox 3でどうもきちんと表示されない。これは困った。どうしてもルビを使いたい記事があるのだ。 というわけで、今度は大本の記事をそのままコピペするのではなく、CSSをきちんと理解した上で書き直してみた。 その結果が、以下である。 ここのblog主は <ruby>小飼<rp(></rp><rt>こがい</rt><rp>)</rp></ruby> <ruby>弾<rp>(</rp><rt>だん</rt><rp>)</rp></ruby> といいます。 ここのblog主は 小飼(こがい) 弾(だん) といいます。 ruby { display:inline-table !import
CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki
「CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3
ウノウラボ Unoh Labs: CSSを書くときに使っているツールの紹介
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News