Home > Web > Firefox

Firefox Archive

Delicious Bookmarks :: Firefox Add-ons

Delicious Bookmarks :: Firefox Add-ons

この拡張機能、めちゃくちゃ便利。
ソーシャルブックマークのdel.icio.usをまるでローカルのブックマークのように扱えます。

インストールすると、ツールバーとサイドバーにタグとブックマークが表示されます。
ブックマークの追加もまるでブラウザのブックマークのようです。
また、サイドバーに表示されるブックマークには、コメントのあるもの、非公開のものがアイコンで一目でわかるようになっています。

スクリーンショットや、さらに詳しい情報はCNETにあります。

Googleの検索結果を無限スクロール「Google AutoPager」

POP*POPさんで紹介されていたのですが、これはかなり便利!

Googleの検索結果が下へ下へと、ひたすらスクロールされていくのです。
2ページ目も3ページ目も自動的に読み込んで、1ページ目に表示されるので、かなり検索の効率がアップします。

Google AutoPager

Firefoxでレインボーカーソルがクルクル回る

Firefoxをデフォルトブラウザに設定して使っているのですが、最近頻繁にレインボーカーソルがクルクル回ります。

plistを捨ててもダメ。Application Supportの中のFirefoxフォルダを捨ててもダメ。
Googleで検索かけてみても、同じ症状の人を見付けることも出来ず、困ってます。

同じ症状の方、解決方法をご存知の方がいらっしゃいましたら、教えて下さい!

CSSハックは憶えるべき??

今日、右側にメニュー、左側にメインというシンプルなサイトのコーディングをしました。
全体の幅は800pxの左寄せ。
HTMLの書き方としては、やっぱり見出しがあって、その直下にメニューというのが好ましいと判断したので、まず見出し(h1)を書いて、その直下に右に来るメニューを書き、そのメニューの幅を200pxに指定して右側にフロート。そしてメインをdivでくるんで600pxに指定。

MacのIE、Opera、Firefox、NetScape、Safariでは問題なくレイアウトされました。
ところが問題はシェアNo.1のWin IE。。。

なぜかメニューの左側に回り込むはずのメインコンテンツがメニューの左下に。。。

「も〜!!なんでやねん!!」

メインコンテンツの中の幅600pxの画像を595pxにしたら左側に回り込む。この5pxは一体何者??
もちろんimgにはborder:noneとしているので、ボーダーのせいではなさそうだし、特にmarginもpaddingも指定していない。

あれこれ考えているうちに、自然とWin IEのバグと回避方法を検索していました。
結局解決方法は見付からず、メインコンテンツを先に書いて、その下にメニュー。そしてメインコンテンツを左にfloat。
これでとりあえずは全てのブラウザで綺麗にレイアウトされたのですが、なんとも気持ちの悪いもので。。。ユーザーに優しくないし。。。

っちゅうか、このバグを回避する為のハックがあったとしても、それを憶える必要はあるのだろうか・・・?
素直にHTMLとCSSを書いているのだから素直に表示されて欲しいものです。
ハックを憶えたってブラウザがWeb標準に準拠したものにアップデートして、それが主流になれば一生懸命憶えたハックなんて水の泡。しかもIE7はいつになったら正式にリリースされるのかもわからないし、リリースされてもそれが一気に普及するとは考えにくい。

う〜む。。。バグが多いくせにシェアNo.1のWin IE、しっかりしてくれよ!!タチが悪すぎる!!
そしてバグの少ないFirefox!高性能なんだからもっと頑張ってくれよ!

僕はMacユーザーなのでよく知りませんが、どのメーカーのPC買っても標準でついてくるのはWin IEなんですよね?
PCメーカーの皆さん、コーダー泣かせのIEなんかじゃなくてFirefoxを標準搭載して下さい。

同じ悩みを抱えていらっしゃる方、回避方法をご存知の方がいらっしゃいましたらコメントお待ちしております。


GoogleパーソナライズドホームがSafariで文字化け

ブラウザは主にSafariFirefoxの二つを使っています。元々はSafariとIEだったのですが、IEは色んな方から見放されていっていたので、Safariを主に使うようになりました。で、Webの制作を始めてからFirefoxも使うようになり、最近はちょっとした調べものには動作の軽いSafari、それ以外はFirefoxを使うようになりました。

ところがここ数日Safariに問題が発生。SafariFirefoxもホームページはGoogleパーソナライズドホームに設定しているのですが、SafariGoogleパーソナライズドホームを開くと文字化けが。。。何度か更新してやると直る部分もあるのですが、Gmailの部分だけどうしても直らない。。。

これって僕のMacだけの現象なのでしょうか?

やっぱり多少重くてもFirefoxを使う比重が大きくなりそうです。

MacとWordPress

Macユーザの方でWordPressを使ってブログを運営されている方も沢山いらっしゃると思いますが、問題なのがMacに標準でバンドルされているブラウザ”Safari“で記事を投稿しようと思っても、クイックタグの機能が使用出来ないということです。

下記の記事によると、バグの問題でSafariではクイックタグを使用出来ないようになっているそうです。
http://blog.macfeeling.com/archives/1550
記事の通りwp-admin/admin-functions.phpを編集すればクイックタグを使用出来るようになるとのことですが、やはりバグがあるということなので、出来れば他の方法でクイックタグを使って記事を投稿したいものです。

そこでMacユーザである僕が、クイックタグを使用して記事を投稿する為に行っている方法は、単純に「記事の投稿時はブラウザを変える」という方法です。僕が使用しているブラウザはFirefoxです。Firefoxなら問題なくクイックタグを使用することが出来ますし、以前紹介した拡張機能等もしようできますし、非常に便利です。

Web業界のトップ中のトップのGoogleも最近はFirefoxを推奨しているようですし、Safariを主に使用されている方は、この機会にFirefoxに乗り換えてみてはいかがでしょうか?
テクノラティプロフィール

Firefox拡張機能”Web Developer”

Firefox 乗り換え&拡張機能ガイド
Firefoxの拡張機能に、Web Developerというのがあります。

この拡張機能、とても便利で重宝しているのですが、最もよく使う機能は「CSSの編集」です。

サイドバーに現在開いているページのCSSが表示され、リアルタイムで編集出来ます。CSSを手打ちで入力しなければいけないので、「CSSが全く解らない!」という方には不向きかもしれません。

僕の「CSSの編集」の主な使い方は二つ。

まず一つ目は自分のサイトを開いて、CSSを手打ちで編集していき、レイアウトが出来たらそのコードをそのままコピー。そしてDreamweaverなどのソフトを開き、コピーしたCSSをそのままペーストしてサーバにアップロードします。本来Dreamweaverで直接編集すればいいのですが、プレビュー画面があまり当てにならないということと、実際のブラウザで確認する作業も含めて作業出来るので非常に効率よく作業出来ます。またFirefoxはWeb標準に準拠したブラウザでもありますので、確実です。

もう一つは、人が作ったサイトのCSSを参考にする際に使っています。
巧みなCSSテクニックを使ったサイトを参考にする際、「ここをこうすればどうなるの?」という疑問が生じます。そんな時にWeb Developerの「CSSの編集」を使います。¥r¥nリアルタイムでレイアウトが変わっていくので、勝手にCSSを編集してテクニックを盗むことが可能です。¥r¥n¥r¥nまた、このWeb Developerという拡張機能には、ブロック要素を枠で囲んで表示する機能や、ボックスのサイズを表示する機能もついていますので、サイトの構造を知るのにとても便利です。


ホーム > Web > Firefox

Search
Feeds
Meta

Return to page top