0. はじめに 正直、広告収入を得ているこのLAYER8 BLOGでブラウザの拡張機能による広告ブロックについて書くのはどうかと思ったのだが、調べてみると別のライターがすでに【Opera広告ブロックでブラウジングを早くする方法】、【広告を外してウェブメールを広々見やすくする「Webmail Ad Blocker」 】といった記事を書いている。また、他のサイトに目を移しても、私が毎日見ているASCI…
(続きを読む...)広告ブロックによる崩れを防ぐサイトデザイン
タグ: ブラウザ
Amazonのページに価格.comとの比較を表示する「最安値チェッカー」
タイトルの通り、Amazonの商品ページに価格.comの最安値を表示するためのFirefoxアドオンです。Yahoo!ショッピングと楽天市場にも対応しているそうですが、私はAmazonでしか買い物したことないので、Amazonでの使用感についてのみ紹介します。なお、今回はWin7 Home Premium 64bit上でのFirefox 10.0で検証を行なっています。 Amazonは確かに安いし…
(続きを読む...)Mozilla、Windows 8 Metro版Firefoxを制作中
近頃のブラウザ戦争を行方を見てみると、Firefoxが衰退の一途をたどっていることは誰の目にも明らかです。Internet ExplorerやGoogle Chromeを相手にFirefoxが市場での勢力を盛り返すにはどうしたらよいでしょう？一つの策としてMozillaが計画しているのがWindows 8 Metroのインターフェイスに対応したFirefoxの制作です。 これはWindows 8 …
(続きを読む...)CSS3で簡単なものを作ってみた その2
現在普及が進んでいるCSS3、WEBデザインにおいてこれを使わない手はない。CSS3についてはHTML5やJSと組み合わせて様々なことを行える可能性が数多くのサイトで示されているが、ここではごくごく簡単なものを作っていきたいと思う。 2回目の今回は、丸数字をCSS3で作ってみた。丸数字とは◯で囲われた数字のことであるが、これは機種依存文字としてよく知られている。昔に比べればだいぶ解消されているとは…
(続きを読む...)WEBサイトでグラデーションを表現する3つの方法
WEBサイトでグラデーションを表現する3つの方法 0. はじめに グラフィックの基本的な技法にグラデーションがある。これはWEBデザインにおいても頻繁に用いられているが、基本的にはラスター画像での表示がほとんどである。しかし、最近のブラウザはCSS3、およびSVGへの対応を進めている。そしてこれらを用いることによってもグラデーションの表現を行うことが可能である。そこでこの記事では、最近になって多く…
(続きを読む...)CSS3で簡単なものを作ってみた その1
現在普及が進んでいるCSS3、WEBデザインにおいてこれを使わない手はない。CSS3についてはHTML5やJSと組み合わせて様々なことを行える可能性が数多くのサイトで示されているが、ここではごくごく簡単なものを作っていきたいと思う。 まず1回目の今回は、「NO IMAGE AVAILABLE」と表示するだけのボックスを作る。CSS3に期待されることというのは、これまで画像を使わないと表現出来なかっ…
(続きを読む...)FirefoxにVim風のショートカットキーを設定する「Vimium 1.36」
とりあえず、作者が書いているアドオンの説明を訳しましょう。 <<<以下原文 The Hacker's Browser. Vimium provides keyboard shortcuts for navigation and control in the spirit of Vim. Unlike Vimperator and Pentadactyl, it'…
(続きを読む...)画像だけを表示したときの見栄えをよくするFirefoxアドオン「ImageTweak 0.24.1」
今回紹介するのは、Firefoxで画像だけを表示したときの見栄えをよくするアドオン、「ImageTweak 0.24.1」です。WEBサイトを閲覧していると、そのサイトのデザインには収まらないサイズの画像を表示する際に、画像ファイルに直接リンクが張ってある場合があります。もしくは、サイト内で使われている画像をダウンロードする前にチェックするため、画像を右クリックしてコンテキストメニューから「画像だ…
(続きを読む...)Firefoxでパスワードの入力ミスを減らす「Visual Hashing 0.2」
様々なWEBサービスを利用する際にIDとPASSの入力は欠かせません。ログイン情報をFirefoxに記憶させることもできますが、それはセキュリティー的にあまり望ましくないので、私はしません。しかしIDとPASSをログインする度に入力するとなると、キーを打ち間違えることも稀にとは言え、それなりの確率で生じることになります。今回見つけてきた「Visual Hashing 0.2」は、このパスワード入力…
(続きを読む...)Operaのネットサーチ機能で日本語が文字化けするときの対処法
■解決方法 Operaのprofileディレクトリ内にあるsearch.iniを開き、 以下の部分を変更する。(各検索エンジンごとに設定) Encoding=iso-2022-jp ↓ Encoding=UTF-8 ■search.iniファイルの場所 ・WindowsXPの場合 C:\Documents and Settings\{ユーザ名}\Application Data\Opera\Ope…
(続きを読む...)