Mozilla Re-Mix: Firefoxの見た目を地味にカスタマイズできる１３個のユーザースタイル
Firefoxに、アドオン「Stylish」をインストールされている方は、サイト個別だけでなく、Firefoxのインターフェース自体をカスタマイズされている方も多いでしょう。 今回は、そんなFirefoxのユーザースタイルを地味にかっこよくしてくれるユーザースタイルをいくつか集めてみました。 以下にご紹介するスクリプトは、Firefoxにアドオン「Stylish」がインストールされていることを前提としています。 まだ、Stylishをご利用でない方は、まずアドオンをインストールした上で、各スクリプトのページ内にある[Load into Stylish]ボタンをクリックし、表示されたダイアログで[保存]ボタンをクリックすれば即座に適用されます。 １．Autohide Dropmarkers ツールバー各ボタンに表示されている、▼マークを普段は非表示にし、マウスをポイントした時だけ表示するよう
ブックマークツールバーを自動的に隠す - えむもじら
Firefox Tip: Auto-Hide Your Firefox Bookmarks Toolbar より、久しぶりにクールなユーザースタイル発見。 以下のコードを、userChrome.css か Stylish に入れておくと、ブックマークツールバーを自動的に隠すことができます。Firefox 3 のナイトリーでも動作します。 /* Pop-up bookmarks toolbar */ #PersonalToolbar {display: none;} #navigator-toolbox:hover > #PersonalToolbar {display: -moz-box;} ブックマークツールバーを多段表示する - えむもじら
リニューアル後のmixiを2カラム/750px幅化するユーザースタイルシートを書いてみた : akiyan.com
リニューアル後のmixiを2カラム/750px幅化するユーザースタイルシートを書いてみた 2007-10-01 別に2カラム原理主義者というわけではないのですが、カラム変更オプションが無くなったのでついカッとなって書いてみました。 目次 適用前、適用後 適用前 適用後 解説 Firefox向けで、ユーザースタイルシートの適用は「Stylish」拡張をインストールすると便利です。 2カラムにするだけではなく、個人的にほとんど使わない機能へのナビゲーションまで削除しちゃってるので、ちょっと注意が必要です。リニューアル後のmixiのHTMLはid名とclass名が変態的なまでにきっちり設定されているのでCSSがわかる方はソース眺めつつ調整してください。ユーザースタイルシートの内容は以下の通り 調整 全体の横幅 750px化 全体を中央揃え フッターリンク左右の余白調整 非表示 右カラム全部 ロゴ
ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CSSMate」:phpspot開発日誌
CSSMate :: Firefox Add-ons Inline CSS Editing Evolved. Originally a port of the fantastic EditCSS tool that i've been using for many months. I've gutted it, made each stylesheet load into a seperate tab. Removed the save load clear functionality as i found it to be useless... ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CSSMate」。 次のように、ページに使われているCSSをファイルごとに編集し、リアルタイム反映できます。 ページのＣＳＳをすべて１くくりにしてしまう「Edit CSS」よ
デザイナーならブックマークしておきたい記事10選『10 lists every designer should bookmark』 | CREAMU
Design デザイナーならブックマークしておきたい記事10選『10 lists every designer should bookmark』 デザインに使える記事を探している。 そんなあなたにおすすめなのが、『10 lists every designer should bookmark』。デザイナーならブックマークしておきたい記事10選だ。 以下にご紹介する。 » 101 ideas to get more freelance work and generate new clients leads フリーの仕事を増やすアイディア101選 » 25 best free quality fonts 無料で使えるクオリティの高いフォント25選 » Where can i find textures and background images? テクスチャと背景画像配布サイト集 » Free
CSSデバッギングツール１０選:phpspot開発日誌
Man with no blog : CSS Debugging Tools - Gary Barber Seems lately that we are now starting to get a good spread of CSS and JavaScript (DOM Scripting) debugging tools available. CSSデバッギングツール１０選。 便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内をクリックで情報を表示 YSlow - 先日Yahoo!がリリースしたパフォーマンス測定＆アドバイスツール (for Firefox) Dust-Me Selectors - 不要なCSSを調査して表示してくれるFirefox拡張 Web Developer - おなじみ、CSS用に便利機能を提
使われていないCSSセレクタを発見することが可能なFireFox拡張「Dust-Me Selectors」:phpspot開発日誌
使われていないCSSセレクタを発見することが可能なFireFox拡張「Dust-Me Selectors」 2007年08月03日- Dust-Me Selectors Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors. 使われていないCSSセレクタを発見することが可能なFireFox拡張「Dust-Me Selectors」。 インストールするとFirefoxの右下に次のようなアイコンが表示されます。 クリックすると、次のように、表示中のページで使われていないCSSセレクタを表示してくれます。 (ファイル名、行数も表示してくれます) サイトを作っていると、CSSが次々と肥大化して使わないCSSもそのまま、ということがありますが、このツールを使えば不要なC
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
ウェブ製作に便利な９のFirefox拡張機能 | Google Mania - グーグルの便利な使い方
ウェブ製作に便利な９のFirefox拡張機能 管理人 @ 7月 5日 08:51am Firefox Deziner Folioの9 Essential Firefox Extensions for all Web Developersというエントリーで、ウェブ製作者向けのFirefox拡張機能が紹介されていたので、自分のためにも簡単に訳してみました。 1. Firebug Firebugを使えば、あらゆる Web ページの CSS、HTML、および JavaScript をリアルタイムに編集、デバッグ、モニタすることができます。また、発見したバグを知らせてくれるので、自分でエラーコードを探す手間が省けます。限定したサイトのみにfirebugを動作させるようにカスタマイズし、プレビューしたサイトに対して、on the flyでＣＳＳを編集することもできます。 2. MeasureIt ウェ
IEとFFで同時にCSSを確認しながら編集できるフリーソフト『CSSVista』
異なるブラウザのブラウザチェックをもっと簡単にしたい。 そんなあなたにおすすめなのが、『CSSVista』。IEとFFで同時にCSSを確認しながら編集できるフリーソフトだ。 What is it? CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. CSSVistaとは？ CSSVistaはweb制作者のためのWindowsアプリケーション。ライブにIEとFFのCSSを同時に編集できる。 とのことだ。 IEとFFといっても、バージョンにも対応している。IE4から6,NN4から8など、様々なブラウザ、バージョンに対応している。 ライブに、しかも異
窓の杜 - 【NEWS】スタイルシートのソース表示に特化したFirefox拡張「View formatted source」
スタイルシートのソース表示に特化した「Firefox」拡張機能「View formatted source」v0.9.5.0が、5月2日に公開された。「Firefox」v1.0以降に対応するフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0.0.4で動作確認した。現在、ライブラリサイト“Firefox Add-ons”からダウンロードできる。 「View formatted source」は、Webページで定義されたスタイルシートから、調べたい部分のみを抜粋して表示できる「Firefox」拡張機能。スタイルシートは一般的に、HTMLファイルとは別のCSSファイルに定義されることが多いため、たとえば特定ブロックに対応するスタイル定義を探すのに苦労することがある。 本拡張機能を使用すると、まずWebページ内のテーブルなどのブロック要素がそれぞれ赤色や青色でハイライト表
ものスゴく便利なグリッド表示用ブックマークレット登場 | Web担当者Forum
Web担編集部の安田です。Web担のはてブ件数1万件超え（）を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」（IEの場合）または「このリンクをブックマーク」（Firefoxの場合）してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか？」とのセキュリティ警告が出ま
【特集】Webアプリケーション開発者向け Firefox拡張機能 33 1選 (MYCOMジャーナル)
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
サイトのCSSを見たままリアルタイムに編集するツール色々:phpspot開発日誌
サイトのCSSを見たままリアルタイムに編集するツール色々。 WEBデザイン開発において、編集→リアルタイム反映というのはなかなか効率がよいですね。 ということで、各種、リアルタイムCSS編集ツールをピックアップします。 FireFox拡張 or スタンドアロンアプリ FireBug - リアルタイムに指定部分のCSSが切り替え可能(参考記事)。CSS以外にも便利機能満載。 EditCSS - FireFox拡張で、エディタがインストールされ、エディタ編集と同時に即座にCSSが反映される。 CSSVista - IEとFireFoxの画面で一括プレビューが可能。 Web Developer ToolBar - WEBデザイナー必須のFireFox拡張。CSSの直接編集も可能。 他にもCSSやアクセシビリティに関する便利機能満載。 ブラウザ上で動作するオンラインツール たぬきのしっぽ - CS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
オンラインで、いろいろなブラウザのチェックができるサイト集 | コリス
http://www.designwalker.com/2007/08/firefox_addons.html