picasaの画像のサイズが突然変わってしまった

picasaにアップした画像をブログ内で使用していたのですが、今見たところ急にぼやけた画像になっていました。
確認すると、横幅960pxだった画像が512pxに縮小されているではないですか。

ということで原因を調べました。

picasaには、アップした画像のURLの途中に/s640/といった数値を入れると、その横幅にリサイズした画像を表示してくれるという機能があります。そして、今まではこの指定を入れないとアップロードした画像の元のサイズで表示されていたのに、今は指定を入れないと512pxに縮小されて表示されてしまっていました。(縮小された画像を原寸で表示しようとするとボケる)

ということで、元のサイズである960pxで表示させるために、URLの途中に/s960/を入れました。仕様が変わったんでしょうかね...?

AdWords(AdSence)の広告にGoogle+の+1ボタンがついている

先日からバナー広告に+1ボタンがついているものがあり、このために左下にスペースを空けるといったようにデザインを考慮しないといけないのかと思ったら、AdWordsの設定で+1ボタンをつけるかつけないか決められました。

デフォルトではつくようになっているようなので、不必要なら設定を変更しましょう。
ただ、「つける」となっていても100%つくわけではないようなんですよね。同じ広告でもついているときとついていないときがある。

Androidのダブルタップの自動調整を元に戻すとレイアウトが崩れる

Androidのブラウザで画面をダブルタップをするとその部分がズームされ、ズーム時の画面の横幅にピッタリ合うように、テキストの幅を自動で調整する機能があります。また、拡大された状態でダブルタップをすると、元の画面に戻り要素の幅も元に戻ります。

ところがこの機能はfloat、特にfloat:rightと組み合わせると下記のような不具合を起こします。



■起こる問題の例

(1)最初のテキストの幅
横幅(16文字分)を指定したこんなテキストがあるとします。
この要素はfloat:rightで配置されています。
----------------------------------------
テキストテキストテキストテキスト
----------------------------------------


(2)ダブルタップでズーム
画面がズームされその画面の横幅(8文字分)に調整されます。
float:rightのためと右端を基点に縮小されます。
つまり、以下のように左に隙間ができて縮まった状態になります。
----------------------------------------
　　　　　　　　テキストテキスト
　　　　　　　　テキストテキスト
----------------------------------------


(3)ダブルタップで元に戻す
元の幅(16文字分)に戻る際、縮小されたときと同じく右端を基点にしてくれると思いきや、縮小された時点での左端を基点に元の幅にもどります。
すると、以下のようになります。(1)と同じ画面に戻りたかったのに、テキストの開始位置は右にずれ、レイアウトに崩れが生じます。

----------------------------------------
　　　　　　　　テキストテキストテキストテキスト
----------------------------------------



■解決方法

テキストを含む要素の親要素にもwidthを指定することで、
(3)のダブルタップで元に戻った際の基準を左端にすることができ、
上記の不具合は起こらなくなりました。

※例えば上がp要素に対してwidthを指定して上の現象が起きたら、そのpを包んでいるdivなりにもwidthを指定すれば良いです。



「Androidのブラウザでダブルタップで拡大した後元に戻すと表示が崩れる」という現象が起きたときは思い出してみて下さい。

※最後に、この現象はキャッシュの無い状態のみで起こります。
この不具合がおきておかしいと思ってリロードすると不具合は起こらなくなります。
キャッシュを消して再度読み込めば現象は再現されます。

Xcodeインストール中にiTunesを終了しろというエラーが出る

iTunesは終了しているのになぜか件名の通り「iTunesを終了しろ」と言われます。原因は「実はiTunes helperが起動している」こと。

1)右上の虫眼鏡アイコンに「アクティビティモニタ」と入力して起動
2)プロセスの中にあるiTunes helperを終了させる

これで解決しました。

本当の順位を知るために自分の情報を含めずGoogle検索したいとき

Googleアカウントにログインした状態で検索をすると、+1や過去の履歴等から見たことのあるサイトが上にきたりして、まっさらな状態での検索結果と異なります。(例えば自社サイトの検索結果が1位になったと喜んだら、実はそういう理由だったということも)

そんなときいちいちログアウトするのは面倒なので、Chromeのシークレットモードを使っています。以下の方法でシークレットモードで開くショートカットを作っておくとさらに便利です。

http://www.openspc2.org/reibun/GoogleChrome/2.0/setting/secret/0001/index.html

※safariのプライベートモードでは素の状態にならないという話を聞いたのでご注意を

Google+ボタン(プラスワンボタン)のカウントの増え方

twitterに続いてGoogle+1ボタンの増え方をテストしました。
【A】スラッシュ終わり
【B】.com終わり
【C】index.html終わり

【A】http://ryotryo.blogspot.com/



【B】http://ryotryo.blogspot.com



【C】http://ryotryo.blogspot.com/index.html





■結果
Aを押す：AとBが+1された。どちらのボタンも青くなった。
Bを押す：AとBが+1された。どちらのボタンも青くなった。
Cを押す：AとBとCが+1された。Cはボタンが青くなったが、AとBのボタンは白いままでもう一度押せる。(そこでAを押すとAとBのカウントがさらに+1され、ボタンは青くなる。)

Android端末のページ内リンクの不具合(バグ?)

name・idと#pagetopを使ったごくごく当たり前のページ内リンクが、Androidの特定の端末で以下のようなおかしな動作をすることがある。
(1)#pagetopのリンクを押すと一瞬ページ最上部が表示されるものの元の位置に戻ってしまう。
(2)一度#pagetopで戻ったあと、再びページ内をスクロールし、もう一度#pagetopを押しても動作しない。

OSのバージョンも関係なく、新しい機種だからといって発生しないわけでもない。(1)についてはJavaScriptのscrollTop等を使っても同じ現象が起きたため対処不可。修正方法を知っている方がいたら教えて下さい。