サイトのCSSを見たままリアルタイムに編集するツール色々。 WEBデザイン開発において、編集→リアルタイム反映というのはなかなか効率がよいですね。 ということで、各種、リアルタイムCSS編集ツールをピックアップします。 FireFox拡張 or スタンドアロンアプリ FireBug - リアルタイムに指定部分のCSSが切り替え可能(参考記事)。CSS以外にも便利機能満載。 EditCSS - FireFox拡張で、エディタがインストールされ、エディタ編集と同時に即座にCSSが反映される。 CSSVista - IEとFireFoxの画面で一括プレビューが可能。 Web Developer ToolBar - WEBデザイナー必須のFireFox拡張。CSSの直接編集も可能。 他にもCSSやアクセシビリティに関する便利機能満載。 ブラウザ上で動作するオンラインツール たぬきのしっぽ - CS
You the Designerのエントリーから、デザイナーのための便利なFirefoxのエクステンションを10+アルファ、紹介します。 10 Best Firefox Addons for Designers
追記:(2008/11/18)このエントリーを書いて以後、ありがたいことに未だにアクセスがあるのですが現在は表題の80個よりもさらにGreasemonkeyが増え続けています。それに正直、ちょっとまとめるのが億劫になったので最近はちゃんと更新していません。 ですが はてなで使えるユーザースクリプト - 何かしら図書館 こちらで随時更新されているので、最新情報についてはこちらを参考にした方がいいでしょう。 はじめに今年の1月に はてブ関連のGreasemonkeyを知っているだけ並べてみる - はてブクロニクル というエントリーを書き、当時私が知ってるだけのはてなブックマークに関連した Greasemonkey をまとめてみたのですが、その後も様々な Greasemonkey が公開され続けていたので、エントリーの内容をはてなブックマークのエントリーページに移し、適宜更新を続けていました。
Webページごとに付箋紙を貼り付けられる「Firefox」用拡張機能「Internote」v2.1.1が、10月21日に公開された。「Firefox」v1.5以降に対応するフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0で動作確認した。現在、作者のホームページからダウンロードできる。 「Internote」は、閲覧中Webページ上の任意の場所へ付箋紙を貼り付けられる「Firefox」用拡張機能。貼り付けた付箋紙は、Webページを閉じてしまっても、次回同じWebページを開いた際に自動で復元できるのが特長。 付箋紙の復元時には、メモの内容はもちろん、ページ上の貼り付けた場所も自動的に復元されるので、有用な情報が掲載されているWebページへ注釈文を貼り付けたり、長文のWebページでしおり代わりに利用するといった使い方ができる。 付箋紙を貼り付けるには、「Firefox
ウェブでのサボり癖を叱ってくれるツールのいろいろ 2007年10月10日 ワークスタイル コメント: トラックバック (1) How To Wiki 2007年10月10日 ウェブは、人間の生活における時間泥棒ナンバーワンの座をテレビから奪おうとしている。 そして、テレビとは異なり、ウェブは活動の境界線というものを考慮しない。したがって、ウェブでの「仕事」に費やす時間は、本質的に「遊び」に費やす時間と密接に絡み合っている。 ワイアードの『How To Wiki』セクションの記事「自分の会社のファイアーウォールを突破する(英文記事)」からも分かるように、この問題は人々の大きなストレスの原因になっているし、特に時間給で働く人に影響を及ぼしている(実際、なかなか仕事に取り掛からないでいると収入が減る上に、自由時間も少なくなってしまう)。 雇い主が自分に向ける厳しい監視の目を少しゆるめ、さらにはも
ステルス化というのは要するに、一時的に履歴、クッキー、ファイルのダウンロード履歴、ディスクキャッシュ、フォームに入力した情報、リファラを止めること。「Stealther」をオンにすればこれらの情報は自分のパソコンに残ることはなくなり、オフにすればまた履歴が残り始める、と。 ポイントは一括して履歴を消すわけではなく、あくまでも「Stealther」がオンの間だけ記録しなくなると言うこと。そのため、「Stealther」をオンにしていない状態の履歴はちゃんと残り続けます。履歴の項目も個別に設定できるので、履歴はいつも全部残すが一時的にクッキーを全部弾いておきたいとかそういう使い方が可能。 また、ツールバーに追加されるボタンだけでなく、「Ctrl+Shift+S」をいうキーボードショートカットでもオン・オフできるのでより便利に使うことが可能。 というわけで以下、実際の使い方。まずはhttps:/
del.icio.us Bookmarks :: Firefox Add-ons https://addons.mozilla.org/en-US/firefox/addon/3615 FireFox上でdel.icio.usを便利に使うためのアドオン『del.icio.us Bookmarks』の正式版が、前回に比べ大幅に機能改善されリリースされた。 This extension integrates your browser with del.icio.us (http://del.icio.us/), the leading social bookmarking service on the Web. It does this by augmenting the bookmarking functionality in Firefox with an enhanced experie
LH Top 10: Must-have Firefox extensionsというエントリーより。 Over the past 2 years we’ve tried, loved and posted dozens of feature-adding extensions for our favorite web browser. But today we have the master, grand daddy list of 10 must-haves. Lifehackerがこれまでに紹介してきたFirefox機能拡張の中から、マストなベスト10をまとめています。 ネタフルでもFirefoxを便利に使いこなすための機能拡張集というエントリーを書いたことがあったのですが、これもそろそろ1年前なのですね‥‥。そのうち、アップデートしようと思います。 それでは「Lifehackerがお
Firefoxには強力なタブ機能があるため、見たいページを次々と開いていき、読み進めることが可能ですが、「今すぐ読むわけではないが、あとで読みたい」場合が問題。ブックマークにあとで読む専用のフォルダを作って仕分けてみたり、あるいはオンラインのブックマークサービスを利用してみたりするわけですが、いまいち面倒。 そこでかなりいい感じに使えそうなのがこの「Read it Later」、Firefoxに「あとで読む」機能を付け加えるだけでなく、さらにオンラインのソーシャルブックマークサービスなどとも連携可能です。 インストールと使い方は以下から。 まずはFirefoxへインストールするために以下のページへアクセス。 the Idea Shower >> >> Read it Later - Firefox Extension BETA 「Install」をクリック 「設定を変更」をクリック 「許可
FireFoxのBitTorrent拡張として話題を集めていたFoxTorrentがついにリリースされたよというお話。以前には、FoxTorrent関係者が余計なことまでTorrentFreakにリークしてしまったり、開発元のRedSwooshがAkamaiに買収されたりと、FoxTorrent以外のことで話題にもなっていたが、ようやく本来の「FireFox初のBitTorrentアドオン」として評価されることになる。これまでに紹介したBitFoxやFireStormといったBitTorrentアドオンも今のところはクローズドだしね。とりあえず、背景はともかくとして、実際に使ってみることにする。 まぁ、FireFoxのアドオンなので、インストールは非常に簡単だ。FoxTorrentのサイトに行き、ダウンロードボタンを押して、FireFoxを再起動するだけ。それだけでOK。しかも、わずらわし
This shop will be powered by Are you the store owner? Log in here
以前のページが更新できなくなったので,移転しました. MouseoverDictionaryは Firefox 2 以降にのみ対応しています. News バージョン0.6.3には必要なファイルが含まれていないというミスがあり,これが環境によって問題を起こしていたようです. これを修正したバージョン0.6.4を公開しましたので0.6.3が動かなかった方はお試しください.ご不便をおかけして申し訳ありません.(2008/7/31) 若干の修正を行い,Firefox3に対応したバージョン0.6.3を公開しました. ショートカットキーが[Alt]+[M]に変更されています. (2008/6/18) セキュリティ上の問題を修正し,若干パフォーマンスを改善したバージョン0.6.2を公開しました. 以前のバージョンを使用している方はアップデートをお願いします. 問題の報告をいただいた発見者の方
選択したテキストのスタイル(CSS)状態を簡単に知ることができるFirefox拡張「Font Finder」 2007年02月21日- Font Finder | Firefox Add-ons | Mozilla Corporation Get all CSS styles of selected text in Firefox. 選択したテキストのスタイル(CSS)状態を簡単に知ることができるFirefox拡張「Font Finder」。 ページを見ていて、このスタイルシートはどうなっているんだろう、と思うことがあると思います。 そんな場合に使えるツールで、テキスト選択して簡単にスタイル状態を知ることが可能です。 使い方は簡単で、まず、テキストを選択 右クリックで、「Font Finder」をクリック。 すると、次のようなダイアログが表示されます。 FireBugなんかでも同じような情
http://www.yakalike.com/ 同じサイトを見ているユーザ同士でチャットが出来るというFirefoxの拡張機能です。 What is yakalike? - A Firefox extension that lets you chat with other users visiting the same site. とりあえずイメージとしてスクリーンショットが公開されてました。 スクリーンショットではFlickrを見ている3人のユーザがチャットを行っている様子が伺えます。 ただし、現状ではYakalike用アカウントの作成がストップしているようですが、機能を試すだけならテンポラリのユーザ名で遊ぶ事ができます。 試しにYakalikeのサイトを表示した状態で、ツールメニューからYakalikeをOnにして(追記:ステータスバーの「Yakalike」をクリックしても起動します
Firefox で閲覧中のページのスクリーンショットを簡単に保存できる拡張 『Pearl Crescent Page Saver』 2005年 12月 23日 (金) 12時 07分 42秒 Firefox | | コメント(1) | Pearl Crescent Page Saver ブラウザに限らず、モニタに表示している画面(ん?)のスクリーンショットを撮るツールは多々ありますが、この拡張はかなり便利です。以前 Lucky bag さんのところで紹介されていたScreen grab! も試用したこともあるのですが、JAVAが必須という事で私にとっては使い勝手があまり良くありませんでした。ところが今度の Pearl Crescent Page Saver はJAVAも必要なく、任意のページのスクリーンショットをpng形式で、しかも大きさを指定して保存する事が出来ます。 拡張の導入方法はい
Firefox/Thunderbird Extension Wizard という拡張機能の雛型を作ってくれるサイトを見つけたので試しに簡単な拡張機能を作成してみました。 今回作るのは、Firefox 2 のメニュー「履歴」-「最近閉じたタブ」をツールバーに表示する拡張機能「Tab Recycle Button」です。 雛型作成 ではさっそく、Firefox/Thunderbird Extension Wizard を開き必要事項を入力します。 項目値 Your Nameflyson Extension NameTab Recycle Button Extension Short NametabRecycle Extension IDtabRecycle@flyson Version1.0 Tab Recycle Button の必須事項はこんな感じです。 今回はツールバーアイコンを追加する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く