学び Archive

各ブラウザのシェアが美しくかつわかりやすく表現されてます。
見たところ現在IEとFirefoxが9割ほど占めてます。早いとこ2〜3色の層ができることを願うばかりです。

先日googleのWebmaster Central Blogにて、cssを使用してtext-indent:-9999px;などとするやり方が良いかどうかということが書かれていました。

判断に迷った際は、「たとえ検索エンジンが存在しなくてもそのテキストを書いたかどうか」と考えてみてください。もし検索エンジンが存在しなくても、そのテキストがユーザーの利便性のために必要なものであると思われる場合、おそらくそれはガイドライン違反ではありません。

ということなので、googleではスパムと判定されないと見ていいのかもしれません。
合わせてCSSの話が上がっていたので、もしかしたらCSSの内容も見られているのかなと気になるのですが、わかりませんでした。

CSSスプライトを使用することで、サイト表示速度がずいぶん良くなったと聞いたこともあるので、社内で使用するかどうか検討していきたいと思います。

現在サイト高速化＋SEO施策を考える為に、いろんな人に情報を共有してもらったりしています。マークアップやCSSコーディングをする際に、その辺の知識があるのとないのとでは随分違いがあるので、時間があるときに今まで組んだものも見直していきたいと思います。

オープニングからしっかり作り込まれてます。実際に海外のサッカー選手も出てたりするので、やっぱadidasすごい。
早速STARTを押してみると、グランドが出てきます。

全文を読む

今週はモバイルについてあれこれ考えてたり、いろんな特集があったりでいつも以上に効率よく進めないとマズい週でした。
そんな中で自分なりにモバイルサイトを制作する上で今後も頭にいれておきたいと思ったことがあったので備忘録までに。

・marqueeタグ
まだまだPCに比べて通信速度が遅いので、画像等の容量を頑張って削っても全て表示されるまで少し待たないといけません。そんなときにmarqueeを上部（ファーストビュー）に入る位置に設定することで、ただ待つよりも何か読んでいる方がストレスが感じられません。

・背景色
サイトによりけりですが、まだ画像の横幅は240pxもしくは230pxで作成します。ですが、機種によりバラバラなので画像＋背景色を使うことを考えて上手くデザインすると、例えば各カテゴリーごとにタイトル画像で区切っていた場合、画像だけだと横に隙間ができたりしますが、できずにきちんと区切りがわかったりします。

・ページ容量
機種によって最大容量は違って100KBとかそれ以上、それ以下の場合がありますが、30KB多くても50KBぐらいに抑えないと個人的には離脱する割合がぐっと高まる気がします。ただこればっかりは対象機種によってもっと多くしたり少なくする必要があると思います。

・リンク
PCと違ってやっかいなのがリンクだなと最近感じてます。モバイルで画像リンクにすると作り方にもよりますが非常にわかりにくいです。理由は機種によりアクティブ時の枠線の色が違うのである携帯はわかりやすいけど、こっちでは画像と同化しちゃってわかりにくいなんてことがよくあります。なんで、画像にする時は一緒にテキストもリンクにしてあげることでわかりやすくなります。


他にもいろいろとあったのですが、忘れてしまいました。
今回はリニューアル作業を行いましたが、コーディングだけでなく構成とか数値系のとこまで考えて作業できたので充実感があります。これで結果も付いてくるといいのですが。まだまだ今年中にやりたいことがあるので密かに企画中です。来週もがんばります！！

また日本代表のサイトだなと思っていたんですが、最初のFlashがめちゃくちゃカッコいいです。烏の羽と音楽が合っていていいですねー。サッカーに夢中だった5、6年前と比べて随分ユニフォームも変わって…あの頃が懐かしいです。
全体的なアクションが統一されていて操作性も良いです。

さっきiPhoneのマップでストリートビューが見れることを初めて知りました。まだまだ知らないことが沢山ありそうです、全く使いこなせていたいですが。