エミュレータいらず！スマートフォンサイトデザインをPCのウェブブラウザで直接確認する方法(mac,windows) 【グレート・ビーンズ】 福岡
こんにちは、グレートビーンズの川崎です。 みなさんはスマートフォンはお持ちですか？ほとんどの方がそうですよね。 僕も画面が焼き付くくらいiphoneを一日中いじっているスマホ依存症です！スマホから5m以上離れると不安になります。笑 もうすぐ iphone5の発売の噂もささやかれてますね！どんなデザインなになるのか、とても楽しみです！ スマホでwebサイトを見ていると最近はスマートフォン専用のサイトが増えてきましたねー。 それに伴い、スマートフォンサイトの良いデザインを集めたPCのまとめサイトもたくさん出てきました。 自社のホームページもスマートフォンサイト対応すべく、参考にまとめサイトを見ていたのですが、そこで気になる事が一つ・・・ 「PCのまとめサイトのリンクをこのまま開いたらPCサイトじゃん！」という矛盾。 まぁ、レスポンシブサイトは そのまま見れますが、ユーザーエージェントで
はじめてスマートフォンサイトを作る人へ。制作で気をつけたいポイント５つ
スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。 最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。 普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。 私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは本当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。 こんなの当たり前だよ！ということばかりかもしれません。 案件やサイトのジャンルによっては当てはまらない
スマホ向けサイトのユーザビリティとランキングを低下させる12個のマイナス要因
[対象: 中〜上級] さまざまなモバイル向けサイトの研究中に出くわした、ユーザビリティを大きく損ねる12個の要素をE-consultancyがブログで解説しました。 ユーザビリティの悪化だけではなく、なかにはGoogleのランキングを下げる原因にも繋がるスマートフォンサイトの構成ミスも含まれています。 モバイル対応が必須になっている現在のサイト運営において、とても参考になる記事なので紹介します。 なお直訳ではなく、僕なりの言葉で要点を説明します。 英語がわかる方は原文も読んでください。 モバイルサイトのユーザビリティを損ねる12個の欠陥 1. 突然デスクトップ向けサイトに切り替わる モバイル向けのページを閲覧していたのに、デスクトップ向けページに突然移動させられてしまうサイトは確かにありますね。 モバイル向けのデザインだったのに、ページを移動したら何の前触れもなくPC向けのデザインに切り替
Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices
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を活用したサイト制作を始めようと思っているので、ざざっと調べたことからまとめてみました。まずは基本から… 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」などの
root化しなくてもできる！追加料金もかからないテザリングアプリ: すまとも
そもそも「テザリング」ってナニ？？ 最近よく耳にするようになった方が多いとは思いますが、まだまだ「テザリング」がどんな言葉なのかわからない方も多いと思いますので簡単に説明しようと思います。 みなさんは「Wi-Fiルータ」をご存知でしょうか？もしくは家庭環境に「無線LAN」や「優先LAN」などありませんか？ いわゆる無線や優先でインターネット接続するものですよね。 「テザリング」はスマートフォンで使っているインターネット回線をPCやタブレット、ゲーム機などに飛ばす、という風に考えるといいと思います。 なので、外出先や自宅などでインターネット環境がなくてもスマートフォンさえあればPCやゲーム機などをインターネットに接続することが出来るわけです。 テザリング機能を使う際の注意点 前項に挙げたように大変便利な「テザリング」機能ですが、注意点がいくつかあります。 まず最初に、テザリング機能を使用する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FutureShop2でスマホ注文の途中離脱を防ぐための手法 | ネットショップ運営Tips
iPhoneデザイン見るゾウ｜株式会社デジタルファーム
Media Queries