こんにちは、グレートビーンズの川崎です。 みなさんはスマートフォンはお持ちですか?ほとんどの方がそうですよね。 僕も画面が焼き付くくらいiphoneを一日中いじっているスマホ依存症です!スマホから5m以上離れると不安になります。笑 もうすぐ iphone5の発売の噂もささやかれてますね!どんなデザインなになるのか、とても楽しみです! スマホでwebサイトを見ていると最近はスマートフォン専用のサイトが増えてきましたねー。 それに伴い、スマートフォンサイトの良いデザインを集めたPCのまとめサイトもたくさん出てきました。 自社のホームページもスマートフォンサイト対応すべく、参考にまとめサイトを見ていたのですが、そこで気になる事が一つ・・・ 「PCのまとめサイトのリンクをこのまま開いたらPCサイトじゃん!」という矛盾。 まぁ、レスポンシブサイトは そのまま見れますが、ユーザーエージェントで
スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。 最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。 普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。 私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは本当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。 こんなの当たり前だよ!ということばかりかもしれません。 案件やサイトのジャンルによっては当てはまらない
[対象: 中〜上級] さまざまなモバイル向けサイトの研究中に出くわした、ユーザビリティを大きく損ねる12個の要素をE-consultancyがブログで解説しました。 ユーザビリティの悪化だけではなく、なかにはGoogleのランキングを下げる原因にも繋がるスマートフォンサイトの構成ミスも含まれています。 モバイル対応が必須になっている現在のサイト運営において、とても参考になる記事なので紹介します。 なお直訳ではなく、僕なりの言葉で要点を説明します。 英語がわかる方は原文も読んでください。 モバイルサイトのユーザビリティを損ねる12個の欠陥 1. 突然デスクトップ向けサイトに切り替わる モバイル向けのページを閲覧していたのに、デスクトップ向けページに突然移動させられてしまうサイトは確かにありますね。 モバイル向けのデザインだったのに、ページを移動したら何の前触れもなくPC向けのデザインに切り替
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
Media Queriesを活用したサイト制作を始めようと思っているので、ざざっと調べたことからまとめてみました。まずは基本から… Media Queriesってなに? 簡単に言うと、デバイスのスクリーンサイズなどの条件によって、読み込むスタイルが切り替えられるCSS3の機能です。 <link rel="stylesheet" href="nanchara.css" type="text/css" media="print" /> CSS2では上記のように、「print」や「screen」などを指定して印刷向け、スクリーン表示向けといった「media types (媒体型)」を指定して、それぞれのメディア向けにCSSを書くことができました。Media Queriesはこれが拡張されたもので、「media types (媒体型)」にくわえ「width」、「height」、「color」などの
そもそも「テザリング」ってナニ?? 最近よく耳にするようになった方が多いとは思いますが、まだまだ「テザリング」がどんな言葉なのかわからない方も多いと思いますので簡単に説明しようと思います。 みなさんは「Wi-Fiルータ」をご存知でしょうか?もしくは家庭環境に「無線LAN」や「優先LAN」などありませんか? いわゆる無線や優先でインターネット接続するものですよね。 「テザリング」はスマートフォンで使っているインターネット回線をPCやタブレット、ゲーム機などに飛ばす、という風に考えるといいと思います。 なので、外出先や自宅などでインターネット環境がなくてもスマートフォンさえあればPCやゲーム機などをインターネットに接続することが出来るわけです。 テザリング機能を使う際の注意点 前項に挙げたように大変便利な「テザリング」機能ですが、注意点がいくつかあります。 まず最初に、テザリング機能を使用する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く