DreamAfarっていうchrome拡張が良い癒やし

『新しいタブを開くだけで毎日旅行気分』という触れ込み通り、Chromeで新規タブを開くと背景に世界中の美しい写真が表示されるというchrome拡張を入れてみたら思った以上に良い気分転換になってます。

デスクワークしてたら新しいタブなんて毎日何回も開くので、その度にいろんな高クオリティの写真が表示されて癒されまする。( ´∀`)

20140703-dreamafar.jpg

20140703-dreamafar2.jpg

Dream Afar New Tab
https://chrome.google.com/webstore/detail/dream-afar-new-tab/…

タブ別でUserAgentを設定できるChrome拡張キタ━(゚∀゚)━!

正直、こういうのを熱望してますた(^ω^ )
ブラウザごとにわざわざUserAgent変えるの面倒くさいですしおすし。

まだ使ってないけど、明日あたり試してみるー。

twitterとかはてブとかのウィジェットが開かなくなってたので対処

いつのまにか、自分のブログの右カラムに設置していたツイートボタンやらイイネボタンやらが表示されなくなってました。

表示できたのはpocketのボタンだけ。

「どういうこっちゃやねん?」と思い調べてみると

chromeが

Failed to load resource

というエラーを出してました。

他のブラウザや、別PCのchromeでは特に問題無かったのになんでーっと思ってたら
原因はchromeのアドオンで追加したAvastのせいだったようで。

chromeの
[ツール] – [拡張機能] からAvastのオプションを選択して

20140131-twitter.jpg

「トラッキング拒否」の項目のチェックを外したら無事にソーシャル関係のウィジェットが表示されるようになりました。

ということでpocketはAvastにソーシャルと認識されなかったから表示されたわけですかね・・・。

くずれすぎワロタ

デザイン変更後に別のPCでこのブログを見たらデザインが変な感じになってた。
CSSと画像のキャッシュが残ってたせいですな。

スーパーリロード(Ctlr+F5)しないとデザイン更新されないとかChromeはキャッシュ効きすぎやでぇ。

最近気づいた、Web制作で現行環境とテスト環境を楽に切り替える方法

FireFoxやChromeのアドオンでユーザーエージェントを切り替えるアドオンがあるわけですが、そのアドオンで架空のユーザーエージェント(たとえば「Test/1.0」など)を作成して、そのユーザーエージェントの時だけテスト環境を表示させるような処理を用意すれば簡単にテスト環境を用意できるではないか!

と、ふと思った。

chrome オススメ 拡張

「LastPass」と「PixlrEditor」マジおすすめ。

LastPass・・・ブラウザ上で入力するパスワードやフォームの情報や秘密のメモなどを管理できる。いろんな会員制サイトのパスワード管理に捗る。
https://chrome.google.com/webstore/
detail/hdokiejnpimakedhajhdlcegeplioahd?hl=ja

PixlrEditor・・・オンラインで高機能な画像加工が可能。インタフェースもPhotoShopに近いので使いやすい。ブログやソーシャルサイトなどに投稿する画像をチョロっと加工したい時に便利。
https://chrome.google.com/webstore/
detail/icmaknaampgiegkcjlimdiidlhopknpk


ウェブデザイナー向けなChrome拡張アドオンなら
「Image Propeties」と「Web Developer」と「Evernote Web」がオススメ。

Image Propeties・・・右クリックで画像のサイズや容量、絶対パスなどの詳細情報をサッと見れる。
https://chrome.google.com/webstore/
detail/khagclindddokccfbmfmckaflngbmpon

Web Developer・・・閲覧しているサイトのCSSやフォーム、ブロック要素などの表示・非表示を簡単に切り替えられる。またcssの動的に変更することも可能。
https://chrome.google.com/webstore/
detail/bfbameneiokkgbdmiekhjnmfkcnldhhm

Evernote Web・・・言わずとしれたオンラインメモ帳。スタイルシートのコードスニペットや、よく使うサイトなどの簡易メモなどに。
https://chrome.google.com/webstore/
detail/lbfehkoinhhcknnbdgnnmjhiladcgbol