日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
ドコモwebメールのUIが残念すぎる 改め 全体に残念すぎる - 母方の祖母にフル・ネルソン日記
ドコモwebメールのサービスが始まったのでとりあえずアカウントを取ってみたのですが、webメールとしてのUIが酷すぎる！ とりあえず、ウィンドウサイズを大体1024x768くらいにしたもののスクリーンショットをとってみました。(縮小して800x600にしています) # 普段は Firefox 使ってるんですが AdBlock とかユーザスタイルシートとかで見た目が大分違うので素の IE で表示しました 一方こちらは普段愛用している Gmail のスクリーンショット。(Prism で単独化したもの) 分かりやすいように横に並べてみました。 一目瞭然ですが、ひどいですね……。 Web メールで何が見たいかってそりゃ当然メール本文だと思うんですが、このくらいのウィンドウサイズだと、その肝心のメール本文がずいぶんと下のほうにあって、頭の５行くらいしか表示されません。目に飛び込んでくるのはバカでかい
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
