タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

cssとCSSとFirebugに関するefclのブックマーク (9)

  • FireStylus for Firebug – Get this Extension for 🦊 Firefox (ja)

    FireStylus is a Firebug extension that makes Firebug display the Stylus filename and line numbers of the Stylus-generated CSS styles rather than those of the generated CSS. Usage After the installation of Firebug and FireStylus, you need to enable the Stylus's firebug option when generating your CSS. Command line: $ stylus -f <path> $ stylus --firebug <path> Javascript API: var stylus = require('s

    efcl
    efcl 2012/06/23
    stylusのデバッグができるFirebugアドオン。
  • friendly bug :: Add-ons for Firefox

    adds filtering to stylesheet panel (you can search through all rules in all stylesheets. text before { matches selector, and text after matches rules body) improves computed style panel adds filtering adds option to show all properties sorted alphabetically and option to show only properties with values different from default improves inline editor by starting editor on mouseup instead of mousedow

    efcl
    efcl 2011/02/07
    firebugにCSSパネルにフィルター機能の追加、計算済みスタイルも検索できる
  • http://firecss.com/

    efcl
    efcl 2011/02/05
    firebugでの変更をそのページを見てる他のブラウザにも反映する
  • friendly bug :: Add-ons for Firefox

    efcl
    efcl 2010/12/15
    CSSセレクタやスタイルをフィルタリング表示できるFirebugアドオン
  • Google Code Archive - Long-term storage for Google Code Project Hosting.

  • Firebugの使い方2 THE HAM MEDIA

    以前に『意外と知られていない機能が多い!?Firebugの使い方』というエントリーを書いたところ、気づけばビックリなブクマ数がついたりする。 Firebugってかなりのコーダー(デザイナー)とか、Webに関わる人の多くはいれているアドオンのハズ(未調査なので自分の気持です)だけど、SaCSS参加者では使っていないって人が意外にもいたので書いたエントリーでした。そのブクマしている人の数やコメントをみると、やっぱりみんながみんな、使い切れているものでないですよね。 ということで、前回は紹介しきれなかったけど、こんな使い方してるよ~という自分の使い方を紹介します! 不必要な要素は消してしまおう 前回のおさらいっぽい部分から。 いろいろなサイトをみてまわっていると、時々、「これ邪魔だな」とか思う要素がポッとでてきたりってしませんか?大きいモニタの時はそんなこと特に思わないのですが、小さいモニタを使

    Firebugの使い方2 THE HAM MEDIA
    efcl
    efcl 2010/08/06
    Firebugの使い方。CSS、HTML編集、接続タブの読み方。
  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

    Firebugの使い方 | THE HAM MEDIA
    efcl
    efcl 2010/08/04
    FirebugでCSShoverを再現
  • CSS Usage – Get this Extension for 🦊 Firefox (en-US)

    CSS Coverage is an extension for Firebug which allows you to scan multiple pages of your site to see which CSS rules are actually used in your site. This extension requires Firebug. How does it work? - Open up the first page of the site you want to check and press the "Scan" button in the "CSS Coverage" Firebug tab. - In case of a rich (Ajax or DHTML) site, open up as many divs/popups/tabs in the

    CSS Usage – Get this Extension for 🦊 Firefox (en-US)
    efcl
    efcl 2010/01/31
    CSSのビューアー
  • Mozilla Re-Mix: Firefoxでサイドバーを表示してもタブバーを縮めないで済むユーザースタイル「Firefox 3 Sidebar Below The Tabbar」

    Firefoxのタブバーには、できるだけ多くのタブを表示したいものですが、サイドバーを表示した場合、タブバーがその分狭くなってしまいます。 また、サイドバーでコンテンツなどを表示しているような時に、サイドバーを広げたりすると、さらにタブバーが圧縮され、ますます使いにくくなってしまいますね。 タブバーが縮まるということは、一つ一つのタブの表示面積が減るということで、当然ながらタイトルなどもだんだん見にくくなってしまいます。 こうした状況を避け、サイドバー利用時でも常にタブバーを表示できる面積を固定できるユーザースタイルが「Firefox 3 Sidebar Below The Tabbar」です。 「Firefox 3 Sidebar Below The Tabbar」は、Firefoxに「Stylish」をインストールしている方がご利用になれるユーザースタイルです。 *Stylishユーザ

    efcl
    efcl 2009/03/11
    サイドバーをタブバーの下に設置できる。
  • 1