今対応したいことを整理します。個人的備忘録。

ここ最近、毎日調べたりしてるわりに、一向に解決策が分からない事を、誰かがコメントしてくれるかもしれない事を期待したりなんかもしつつ、書いておきたいと思います。

一覧

リキッドレイアウト？可変コンテンツサイズ。それに伴う画像サイズの可変とIEでの不具合。
Googleカスタム検索と翻訳ガジェットのIEでの遅延、または動作不具合。

blog以外で、

~~Chromeのタブホイール切り替えが対処出来ないか？（~~アプリ側で対応アップデート有り）
そろそろ読んだ本を整理していかないか・・・。
ヒントミントが何故美味しいか・・・。

可変コンテンツサイズの指定と画像サイズの指定

可変コンテンツサイズについては、bloggerで一番簡単にする場合は、

[content.width]で、ページ内検索をかけて、見つかった５つの列をコメントアウトしてしまう。

<b:template-skin>
  <!-- <b:variable default='960px' name='content.width' type='length' value='980px'/> -->
  <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
  <b:variable default='310px' name='main.column.right.width' type='length' value='320px'/>

  <![CDATA[
    body {
   // min-width: $(content.width);
    }
    .content-outer, .content-fauxcolumn-outer, .region-inner {
    //min-width: $(content.width);
    //max-width: $(content.width);
    //_width: $(content.width);
    }

という方法が一番手軽のようです。

ただ、これだと画面のサイズが大きい場合、際限なく行が伸びてしまう事になるので、「min-width」のついた、2つだけをコメントアウトしてもいい気がします。

この場合は、最大サイズはテンプレートデザイナーなどで指定しているサイズ、幅が狭くなれば、それに合わせて投稿部分の幅が狭くなって、横スクロールバーが出ないように調整されます。

画像は、別で指定が必要

少しのコードで実装可能な15のスマートフォンサイト用小技集 | Webクリエイターボックス

こういう方向の記事をみて、

img {
     max-width: 100%;
     height: auto;
     }

これだけでいけるんじゃないか！？
面白いぐらいにニュルッとサイズ調整されて・・・やった！

と思ったんですが、IEで見た時に、人気の記事を表示させるガジェットの「サムネイル」がものの見事に描写崩れてました。

具体的には、heightは元通りちゃんと表示されているが、widthがおかしくなって、画像が縦線1本みたいに表示されている。
という事で、対処探し中。
min-widthの設定とかでなんとかなるんだろうか・・・。

Googleカスタム検索と翻訳ガジェットのIEでの遅延、または動作不具合

さっきも書きましたが、IEでうまく動きません。

今、もっかい確認したら、スクリプトエラーの表示すらデバッグに出ず、そして表示されませんｗ
対策・・・見つかるかなぁ・・・。

『追記』
後日、使えそうな検索窓を設置しました。

使える検索窓の発見！検索向けAdsenseを使って、IEでも表示できるカスタム検索ができた！ - sunabox

以前に、ブログに検索窓を設置したくて、Googleカスタム検索を使ってみたら、IEでうまく表示ができなくて、スクリプトエラーが出まくって、散々苦労した末、結局解決法が分からなくてbloggerの標準機 ...

翻訳は、未だ未解決です。【2012/07/02】

Chromeのホイールによるタブ切り替え

この機能、かざぐるマウスで設定が可能で、かざぐるマウスを使い出してから特に使うようになった機能なんですが、先日のChromeのバージョンアップ【「Google Chrome 19」安定版公開、他の端末とのタブ同期機能を追加 -INTERNET Watch】(Click New Tab)が入ってから、効かなくなりました。

ダブルクリックで、タブを閉じるも出来なくなったようで、タブ関連の外部操作ができなくなった感じでしょうか？
クルクルっとタブ選びたいので、なんとか出来ないか探してる途中です！

※Ver1.59で修正されました。【07/02】現在は使用可能です。

読んだ本の整理を

整理といっても、物理的なものではなく・・・
感想であったり、ブログに書いていくことだったりです。

ネットを参考にして選んだ、読んでみたい本(国内版) - NAVER まとめ

こういうまとめ作ってるので、この中からどれを読んで、どんな感じだったのかっていうのを書いていかないと、という覚書。

ヒントミントは・・

「ザクロ＆アサイ」が美味しくて、止まらない訳をなんとかNAVERまとめに・・・。

『追記』

HINT MINTケースデザイン画像集 - NAVER まとめ

パッケージ方面からは攻めてみました╭(¯ロ¯)╮

とまぁ、こんな感じです。
やっぱりIEでの描写ズレとかが出てるのが多くて、それが面倒で・・・。
もう、IEなんてなくなるか、Firefox、chromeあたりのレンダリングに合わせてくれればいいのに。。。

ほら、
IEだけ表示が崩れるのは気にしなくてもいい。
IEだけうまく表示されて、Firefoxなどの他のブラウザで表示が崩れるのはHTMLで、どこかおかしいんだって、よく聞くので・・・。

Pages

2012/05/17