CSSの制作時や検証時に役立つGoogle Chromeの機能拡張を紹介します。 いくつか機能がかぶっているので、お好みのものをご利用ください。
アドオンに関するvanish_l2のブックマーク (17)
-
vanish_l2 2011/06/16
-
ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン:phpspot開発日誌
ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン 2010年11月15日- SelectBox Plug-in ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグインのご紹介。 ユーザ登録の際に、パスワード強度を表示するサイトが多くなってきていますが、利用者がパスワードを決める場合に注意が働くためサイト全体としての安全性が高まるという点で効果がありそうですね。 仕事でサイトをつくっていて、あの機能入れてくれといわれた場合に、瞬時に実装できそう。 パスワードが弱い場合は次のように表示されます。 いい感じの場合はGoodが表示されます。 出し方は次のようにメソッドに渡すオプションを変更するだけでかえられます。 IDとパスワードが同じでもエラーを出せたりします。 関連エントリ パスワード生成や年齢計算等、P
-
Scriptish （Greasemonkey フォーク版） キタ━━━ヽ(ﾟ∀ﾟ)ﾉ━ - hogehoge @teramako
Scriptish Beta! A New Greasemonkey - Erik Vold's Blog Scriptish :: Add-ons for Firefox Home - scriptish - GitHub ついにというべきか何というべきか、Greasemonkeyのフォーク版が登場した。 因みに対象は Firefox 4.0beta5 〜 4.0beta7 彼曰く、 Greasemonkeyは大好きだ が、Firefox 1.5 をサポートするために新機能の追加ができなかった JavaScriptコードモジュール(JSM)とかね 複数ウィンドウを立ち上げる時や起動時にメモリを少なくパフォーマンス向上につながる 次のメジャーリリースである Greasemonkey 0.9 でやっとサポート対象の最小バージョンが 3.0 に上がる が、メンテナたちはバグフィックスとか最小限
-
後でつなぎ合わせる必要なし！ Webページのスクリーンショットが一発で撮れる「Capture Full Page」 | ライフハッカー・ジャパン
Webページのスクリーンショットを撮る時に、長〜〜〜〜いWebページを何回かに分けて撮って、後で手動で繋ぎ合わせるのは、本当に面倒ですよね。そんな時にオススメのWebアプリが「Capture Full Page」です。 Capture Full Pageなら、Webページのフルサイズのスクリーンショットを撮ることができます。もちろん、後で繋ぎ合わせるような作業は、一切必要ありません。 Capture Full Pageにアクセスしたら、スクリーンショットを撮りたいページのURLを入力し、「Take Screenshot」ボタンをクリックするだけでOKです。スクリーンショット画像のサイズや、ファイル形式を選択することもできます。Capture Full Pageで試しに撮ってみた、米ライフハッカーのトップページはコチラです。 Capture Full Pageは、登録なしで使える、無料のWe
-
Web開発者が知っておくべきローカルプロキシーツール Fiddler - すがブロ
最近の愛用は Firefox を普段使っている時は、 HttpFox を使っています。 昔は Live HTTP Headers :: Add-ons for Firefox を使っていたのですが、けして見やすいというわけでは無かったのと、実際にボディの中身を見たいという時にパワー不足が否めません。 そこで、 HttpFox です。 HttpFox :: Add-ons for Firefox レスポンスコードを色分けしてくれたりするので、個人的には見やすいと思う。 たぶん、Firebug の接続タブでも同等のことができると思うのだけど、ウィンドウ領域の使い方とか、色分けの部分とかで HttpFox の方が好き。 こんな感じで閲覧できます。 リクエストパラメータ等も見やすく整形してくれるので助かります。 本題 本題は HttpFox ではなく、Fiddler についてです。 Fiddler
-
ブロックされたサイトへアクセスする裏技10連発！ : ライフハッカー［日本版］
DIY , Firefox , Google , Linux , Microsoft , Mozilla , PC本体 , Webツール , Windows , その他 , その他 , アドオン , セキュリティ , デスクトップツール , ハードウェア , フリーソフト , ブラウザ ブロックされたサイトへアクセスする裏技10連発！ 掲載日時：2010.04.26 08:00 コメント [0] , トラックバック [0] Photo by chidorian インターネットというのはフリーな場所である、と言いつつも、職場などのパソコンではアクセスが制限されていたり、トラフィックが多過ぎで繋がらなかったりなどするものです。 今すぐ特定の動画を見たい、またはあるサイトへアクセスする必要がある、今すぐこのtorrentをダウンロードしたい！ などの不都合に直面した際に役立つ裏技を10通り一
-
デザイナー・デベロッパーのためのGoogle Chromeエクステンション17 – creamu
Google Chromeの拡張機能を探している。 そんなあなたにおすすめなのが、『17 Google Chrome Extensions for Web Designers and Developers』。デザイナー・デベロッパーのためのGoogle Chromeエクステンション集です。 便利そうなのが揃っているので、いくつかご紹介しますね。 Eye Dropper サイトから色を抽出できるカラーピッカー Aviary Screen Capture スクリーンショットを撮れるアドオン Chrome Sniffer 見ているページで使われているフレームワークやCMSを表示してくれる The Lorem Ipsum Generator Lorem Ipsumのダミー文字を生成してくれるアドオン Chrome SEO インデックス数、バックリンク数などを表示してくれるSEOツール IE Tab
-
Firefoxを簡単に軽くする2つの方法 : ２のまとめＲ
2010年02月03日 ➥ Firefoxを簡単に軽くする2つの方法 87 comments ツイート 104： チョーク(東京都) []：2010/02/02(火) 17:34:22.65 ID:F0JmIHaP Firefoxが重いとか言ってる奴はちゃんとカスタマイズしてないだろ？ ・ワンクリックでシステムデータを最適化 ttps://addons.mozilla.jp/firefox/details/11198 ・これもワンクリックでアドオンの不要な言語ファイル（日本語と英語以外）を消してくれる。 何MB減ったのか表示されるから楽しいｗ ttp://mozilla-remix.seesaa.net/article/112689126.html この２つ実行したら糞軽くなってワロタｗ 111： フラスコ(神奈川県) []：2010/02/02(火) 17:58:23.59 ID:yGB
-
Google Chrome使い始めたけどFirefoxにはコレがあるから完全に移行出来ないっていうアドオンまとめ - かちびと.net
二十歳街道まっしぐらさんの私が Firefox から Chrome に乗り換えた７つの理由という記事に刺激されて食わず嫌い（と言うほどでも無いけど・・）していたGoogle Chromeを使い始めました。 記事通り、リリース当初よりかなり便利になっていますし、Chromeの速度はかなり魅力なのですが、Firefoxの「このアドオンがあるから・・」という理由でやはり完全に移行出来ませんでした。カメきちさんの記事のブコメもいろいろと参考になりますね。一言で済ますと好みですよね。使いやすいもの使ったり併用したり。 僕は今は半々くらい、ややFirefoxよりでテスト利用しています。通常ブラウジングは殆どChromeになりそうです。ついでに「このアドオンがあるから・・」というアドオンをご紹介したいと思います。 「お勧めアドオン」系の記事ってあまり参考にならないことも多いと思いますので「こいつはこんな
-
だまされたと思って使ってみてほしい、簡単で便利すぎる「はてなスクリーンショット拡張」正式リリース - はてな広報ブログ
先週、ベータ版がリリースされたFirefox向け「はてなスクリーンショット拡張」が正式版になりました。 「はてなスクリーンショット拡張」とは、Firefox で表示している画面のスクリーンショット(サムネイル)を簡単に保存できる、Firefox ブラウザ専用のアドオン(拡張機能)です。スクリーンショットを保存する以外にも、はてなフォトライフにスクリーンショットをアップロードしたり、画面にメモを書いたりすることができます。 ベータ期間から高いアクティブ率。そのまま正式版へ 一週間のベータ期間を置いて、無事にリリースされたわけですが、すでにダウンロードして利用開始している方からは「これは便利」と高い評価をいただいています。 ちなみに豆知識ですが、「ベータ版」というのはなぜ存在するのでしょうか？素朴な疑問ですが、今回の開発者であるid:secondlifeにたずねてみました。 「ベータ版というの
-
-
Webデザイナ向けFirefoxエクステンション19 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて19 Firefox Add-ons For Designersのタイトルのもと、Webデザイナ向けのFirefoxエクステンションを紹介している。Webデザインの作業をおこなうにあたり、複数のプログラムを起動して使うのではなく、1つのプログラムで複数の処理を簡単に行いたいという趣旨の内容になっている。紹介されているエクステンションは次のとおり。 カラーツール ColorSuckr (画像から代表的な色を12色取り出して、そのデータからカラースキーマを作成する) ColorZilla (ページのみならずブラウザの任意のポイントのカラーをピックアップするツール。任意の2点間の距離も測定できる) F
-
常用中 Firefox 3 アドオンのまとめ
1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 アドオンはあんまり数多くインストールすると結構重くなるので注意してくださいね。その場合は、インストールしても、使うとき以外は無効にしておくなど工夫しましょう。メモリてんこ盛り PC ならあまり気にならないと思いますが。 今回は数が多いので大まかにグループ分けして紹介してみます。あと、特定のアドオンに依存しているものもありますので、その辺はまとめています。
-
快適なWeb開発環境を構築する、Firefoxアドオン10選
快適なWeb開発環境を構築する、Firefoxアドオン10選：エンジニアがお薦めする 現場で使えるツール10選（2）（1/5 ページ） ITエンジニアの方であれば一度は使ってみたことがあるFirefoxだが、いまひとつ使いこなせていない人や標準のInternet Explorer（IE）に戻ってしまった人もたくさんいるだろう。 FirefoxといえばオープンソースのWebブラウザとしてIEをしのぐ勢いでWebブラウザのシェアを獲得してきている。2008年6月には「Firefox 3」になり、レンダリングエンジンも高速化されて注目を集めた。そんなFirefoxの最大の魅力は、何といっても拡張機能である豊富なアドオンが公開されていることだ。 アドオンを組み合わせて自分が使いやすいWebブラウザ環境をつくることができる。これがFirefoxの楽しみ方の1つでもある。しかし実際には、あまりにも多く
-
Firefox3の個人的おすすめアドオン10選 | MOON CHRONICLE
よくFirefoxを勧める私ですが、その理由の一つにアドオンが豊富だからというのがあります。 そんなわけで、私のオススメアドオン１０選をご紹介します。導入するのは自己責任でお願いします。 それではあいうえお順で行きます！ AutoAuth 一度Firefoxにログイン情報を記憶させると、次回から認証ページやダイアグアムに自動的に 情報を送信しダイレクトでログインできるようになります。 ＯＫボタンを押さずに進むためスムーズにページ移動が行えます。 [参考リンク] AutoAuthインストールページ FireGestures OperaやSleipnirと違ってFirefoxにはマウスジェスチャーがデフォルトでは実装されていないため、 Firefoxでマウスジェスチャーを行えるように開発されたアドオン。 マウスジェスチャーとは、右クリックを押した状態でマウスを上下左右に動かす事でコマンドを入力
-
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました