きにきじ」:今日の気になる記事

2009年にお世話になった16のStylishスタイル

Posted at 23:00 on January 4, 2010

Last updated at 15:46 on January 11, 2010

Tags: , , , , , , , , , , , , ,


年も明けまして、2009年にお世話になった Stylish のスタイルでもご紹介しようかと思います。

内容はこんな感じです。

  1. 検索エンジン関連
    1. Google の検索結果に番号を振る
    2. Yahoo! の検索結果に番号を振る
    3. Bing の検索結果に番号を振る
  2. 検索以外の Google サービス関連
    1. Gmail を等幅フォントで表示する
    2. Gmail の広告を非表示にしてメッセージ領域を広げる
    3. Gmail で未読メールの件名をボールド(太字)にしない
    4. Google Reader の余計な部分を省いてすっきり表示にする
    5. Google Reader のリスト表示で、マウスオーバーで背景色を変更する
    6. Google Reader のリスト表示で、未読タイトルをボールド(太字)にしない
    7. Google Calendar の土日の色を変更する
    8. Google Maps の表示領域を広げすぎる
    9. Google のサービスで表示されるメニューバーを小さく表示する
  3. ウェブページ一般関連
    1. グリモン AutoPagerize のページ区切りをデザインする
    2. フォーカスの当たっているフォーム要素を強調する
    3. Nofollow リンクを強調する
    4. Amazon Associate のリンクを強調する

2009年にお世話になった17のGreasemonkeyスクリプト

Posted at 22:56 on January 4, 2010

Last updated at 00:30 on February 11, 2010

Tags: , , , , , , , , ,


2009年にお世話になった Greasemonkey スクリプトをご紹介します。

  1. ウェブ全般関連
    1. AutoPagerize: 「次のページ」を自動で読み込んで表示する
    2. Chkpasswd: 必要なときだけパスワードを表示する
    3. Force AutoComplete: ブラウザのオートコンプリート機能を常にオンにする
  2. Amazon 関連
    1. Amazon Lowest Price Checker: Amazon の商品ページでカカクコムの最安値を表示する
    2. AmazonTOCPreview: Amazon の製品ページ上部に書籍の目次を表示する
    3. University of Tokyo Library: Amazon の製品ページで書籍が東大付属図書館にあるかどうか判定する
  3. Google 関連
    1. Google検索 – ページの年齢をカラフルに: 検索結果の公開日時に応じて色を付ける
    2. Google検索 – 充実バー: Google 検索のメニューバーを充実させる
    3. Google Button Search Now: 「日本語のページを検索」ラジオボタンをクリックしたら検索を実行する
    4. Google Images AutoPager + enlarger 2.0: Google 画像検索に AutoPagerize を実装する
    5. google_calendar_age_adder: Google Calendar で年齢を表示する
    6. Google Contacts Autocomplete: メールアドレスを Gmail のコンタクトから入力する
    7. Google Reader autoscroll: Google Reader のリスト表示で、マウスホイールによる流し読みを可能にする
    8. Google Reader Prefetch More: Google Reader で読み込まれる記事数を増やす
    9. grb+: Google Reader で各記事の横にはてブ数を表示する
    10. Favicon with Google Reader: Google Reader で各記事の横にページのファビコンを表示する
    11. YousableTubeFix: YouTube を便利にする

「きにきじ」でのブラウザシェア:IE 55%、Firefox 34%、Chrome 5%

Posted at 10:40 on September 9, 2009

Tags: , , , , , , , ,


» Google Chromeが誕生して1年。このブログでのブラウザシェアはこうなってます。 | 海外SEO情報ブログ・メルマガ

GoogleのMatt Cutts(マット・カッツ)氏が、彼のブログのChromeのブラウザシェアを公開しています。

便乗して僕も、この海外SEO情報ブログのブラウザシェアを見てもらうことにします。

Google Analyticsでの、直近30日間のブラウザの使用率です。

ぼ、僕も便乗させていただきます。海外SEO情報ブログさんとか他のブログと比べるとアクセス数が少なすぎて比較対象にすらならないかもしれませんが……。

Google Gearsがアップデート、Firefox 3.5に対応

Posted at 02:11 on July 15, 2009

Tags: , , , , , ,


» Google Gears Officially Updated for Firefox 3.5 – google gears – Lifehacker

ついに、ついに……! Google Gears がアップデートして Firefox 3.5 に対応しました!

さっそくインストールしてみました。Gmail の Labs アイコンの隣にオフライン機能がオンになっているアイコンがちゃんと表示されています(下の画像)。めちゃくちゃもっさりしていた Google リーダーもだいぶさくさく動くようになりました。

[画像] Gears のオフライン機能が動作していることを示すアイコン

有志による非公式の Firefox 3.5 対応などもありましたが、満を持して公式に対応したので嬉しい限りです。これまで Gears なしのブラウジングにストレスが溜まっていた方もそうでない方もインストールしてみるといいんじゃないかと思います。

CSS3セレクタ非対応ブラウザでも対応ブラウザと同じ動作を実現するJavaScriptライブラリ

Posted at 22:29 on June 25, 2009

Tags: , , , , ,


» 古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた – latest log

CSS3 セレクタに対応していないブラウザ(e.g., IE6)でも対応ブラウザと同じ動作を実現してくれるという JavaScript ライブラリのようですが、ちゃんと動けば非常にすばらしいですね!

ブラウザによって使える CSS セレクタが違うというのはウェブマスターにとっては悩みの種です。でもこれさえあれば問題は解決ですね。

いやー、ありがとうございます。

スタイルシートを自動でIE6対応にするオンラインサービス「IE6 CSS Fixer」

Posted at 10:28 on April 8, 2009

Tags: , , , ,


» [CSS]スタイルシートを自動でIE6対応にするオンラインサービス -ie6fixer | コリス

手元のスタイルシートをフロートやネガティブマージンなどIE6のバグを回避する記述を自動生成するオンラインサービス「ie6fixer」を紹介します。

    (中略)

IE6のバグに対応している箇所は、現在のところ下記の通りです。

  • 「min-height」は、「height」に変更。
  • 「float」は、「display:inline;」を追加。
  • 「position:relative;」は、「zoom:1;」を追加。
  • ネガティブマージンは、「position:relative; zoom:1;」を追加。
  • 「overflow:hidden;」は、「zoom:1;」を追加。

サイト作るときに使えそうですね。

_〆(゜▽゜*)メモメモ…

古いIE利用者にバージョンアップを勧めるJavaScript「sevenup」

Posted at 17:31 on March 23, 2009

Last updated at 09:01 on April 8, 2009

Tags: , , ,


» MOONGIFT: » IE6を殲滅せよ「sevenup」:オープンソースを毎日紹介

今回紹介するオープンソース・ソフトウェアはsevenup、IE6ユーザにIE7への移行を進めるJavaScriptだ。

気づいてみると手元の環境にIE6はなかった。なので実物は分からないのだが、sevenupを読み込んで画面表示時にJavaScriptを実行するとIE6以前かどうかの判別を行い、もしそうであればフローティングウィンドウを出す仕組みのようだ。

そこにはIE6が既にサポート対象外になっていることに加えて、IE7がIE6以前よりも高速であること、IE6よりもWeb標準に則っていること、タブ機能が便利、フィッシング対策もあり、印刷機能が便利だと書かれている。それを見て納得したユーザはクリック一つでIE7のダウンロードに飛べるようになっている。

» sevenup

Internet Explorer 8の正式版リリース」という記事で触れたように、IE 6 はレンダリングという点でウェブマスターの悩みの種となっています(いわゆる「ブラウザ問題」というやつ)。元記事で紹介されているのは IE 6 のバージョンアップを促そうという計画ですね。

Internet Explorer 8の正式版リリース

Posted at 04:38 on March 22, 2009

Last updated at 09:08 on April 11, 2009

Tags: , , ,


» Internet Explorer 8 : かつてない新機能

これまでずっと開発が続いていた Internet Explorer 8、ついに正式版リリースです。

いろいろと便利な機能が付きましたが、個人的に最も嬉しいのはレンダリングの修正です。

これまでの IE のレンダリングではウェブページのレイアウトが崩れていたところも、IE 8 ではかなりまともに表示されるようになりました。

ウェブサイトを1つでも持っている身としては本当に嬉しいことです。

早く IE 6 や IE 7 のユーザが減ることを願います。

 
IE の複数のバージョンでウェブページの表示を確認できるツール「IETester」もそのうちバージョンアップするでしょう。

ブラウザがバージョンアップするたびに表示を確認しなければならないブラウザが増えるので困りものではありますが、技術がどんどん進んでいくというのはわくわくするものです。

 
でもなんでカニなんだろう……。

※ 追記(March 27, 2009)

IETester がバージョンアップしましたね。
これで正式に IE 8 もサポートされて、めでたしめでたし。


Copyright © 2008-2010 鍵山琢実 (KAGIYAMA, Takumi). All rights reserved.

This site's design was checked by IE 6.0+, Firefox 3.5+, GChrome 2.0+, Safari 4.0+, Opera 10.0+, and Sleipnir 2.8+ (all for Windows).
And JavaScript is used for some details. I am so sorry if your browser is not supported.

正当なCSSです! 私はチーム・マイナス6%です