学び Archive

yahooやmsnなどサイト全体を使ったフローティンバナーっぽいのがありますが、you tube版もあるんですね。
ゲームで馴染みのあるワリオ版も。

昨日はPC側のコーディングやgoogleウェブマスターツールの諸設定、モバイル側の仕様詰めなど盛り沢山でした。特にモバイルはまだまだ知らないことがたくさんありまして、近いうちに最低限運用で必要なレベルの仕様を作成しようと考えています。
容量や文字に関しては特に注意が必要みたいで、auのみなのかまだ調査が必要ですが、全角と半角カナを混ぜると、半角カナ部分を一まとまりと見て、一行内に入りきれない場合改行してしまうようです。

こういうサイトを見ると早くもクリスマス気分になり、同時に今年も終わりだなと感じます。
USJ行ったことはないんですが、この「Limited Christmas」は最初に流れるメッセージになんだかジンときてしましました。

全文を読む

先日ほぼ社内用ですが印刷用CSSを作成したので備忘録までに。
簡単な用件は社内向けということで、
・対象ブラウザ→IE6、Firefox3.x
・対象ページ　→簡単な計算式の結果画面

そんなところで、とりあえず印刷できればいいという感じでした。
なんで、即席ですが大体以下のようになりました。

/*print*/
@media print {
body  {
      background:#fff;
      color:#000;
      font-size:12pt;
      zoom:87%;/*ie*/
}

不要な画像 {
      display:none;
}

モノクロ以外の色がついているテキスト {
      color:#000 !important;
}

table,
tr,
td {
      border-collapse:collapse;
      border-spacing:0;
      border:1px solid #666;
}

}

もっといろいろと指定していますがざっくりとこんな感じです。
ポイントは、
・IE用にzoom指定
・不要な画像は非表示
・色はモノクロに
・リンクは非表示または、underlineを付けたりアドレスを出したり
ぐらいですかね。後は必要に応じて線を入れると見やすくなるときもあります。
注意すべきは、印刷用としてファイルを分けていないので、このやり方だとMac版IEでは認識してくれないみたいです。

あまり印刷用CSSを作成する場面はないので、頼まれるごとに戸惑いますが、印刷したときに自分の思い通りに印刷されるととても気持ちがいいです。

少し前に、いつかのバージョンアップでFirefoxのブラウザ上の画面が傾き？に反応するような話がでており、会社の人と用途とかいろいろ話していました。
ですが、もう3.7や4.0の話が出ていたりで。楽しみといえば楽しみなんですが、正直ブラウザチェックがしんどくなるようなことだけはしていただきたくないなと思ったりしました。Firefoxはまあ安心ですね。

最近になってやっとモバイルサイトリニューアルのプロジェクトが動き出しました。当初構成、デザイン、コーディングまでいろいろと任せられてましたが、人員や年末に向けて複数プロジェクトが動き出し始め、構成とコーディングだけという形になりました。もちろん自分のデザインスキルを考えると仕方ないのかもしれません。
正直めちゃくちゃ悔しかったです！！企画の人と何ヶ月も前からいろいろと提案や相談を行ったり、デザインパターンをいくつか作ったり…想いが強くなってたんで。
まあそんなこんななんですが、改めてモノ作りが好きなんだなと実感できたので良かったです♪モバイルサイトに関してはキャリアや機種間など含めコーディングのことも考慮しないといけないので、デザイナーさんとあれこれ相談して絶対成功させたいと思います。