ユーザビリティを考慮するためのタブレットファーストという考え方 – YATのblog
近年スマートフォンでWebサイトを閲覧・利用する人が増え、制作現場ではモバイルのユーザビリティに着目したモバイルファーストが広く認知されました。 Webサイト制作ではレスポンシブウェブデザインが浸透しているため、スマートフォン向けのデザインをベースにタブレットサイズ、PCサイズにそれぞれ調整しながら最適化していくのが基本的なデザインフローです。 現場で困るのは、モバイルファーストを単にスマートフォンのデザインを先に作ることと捉えてしまい、効率化を図った結果スマートフォンのデザインができたらそれを次の工程となるコーダーに渡し、それのコーディングに平行してPCやタブレットのデザインを行うといった無茶が発生することです。 このやり方は一見効率的に見えるのですが、実際にやってみると現場では混乱を招いた結果、結局ムダな工数が発生するということになりかねません。 なぜなら、モバイルファーストであればス
JavaScriptユーザエージェント判別・判定
Updated 2015.11.24 / Published 2015.04.02 新しいFirefox OSやWindows Phoneを含めた2015年現在のユーザエージェントを判定し分岐処理を行う手順をご紹介します。OSや機種毎の処理を行っていくには、もはや無理がありますので、タブレットかスマートフォンかを判別することのみにフィーチャーしています。 ユーザエージェント情報に依存して、分岐処理を行うと、常に付きまとう悩みの種が新しいOSの登場です。今年もすでにauからFirefox OSを搭載したスマートフォンであるFx0が新たに登場し、次いで日本国内でもWindows Phoneが発売されることが決まっており、ユーザエージェント情報に依存して処理を行っている部分は相次いで見直しを迫られることになりますので、以下、ご参考に活用いただければと思います。 var _ua = (functi
【Google公式】タブレット向けサイトの推奨ガイドライン
タブレット端末に最適化したサイトを構築するための推奨ガイドラインのドキュメントをGoogleが公開しました。 Guildelines for tablets – Webmasters — Google Developers 公開されたばかりで英文だけなので日本語に訳します。 【UPDATE】 現在は日本語化されています。 タブレット向けガイドライン モバイルユーザー向けのウェブサイトをどのように構成するかを考えるときは、タブレット端末を使ってサイトにアクセスするユーザーについて考えることが普通です。検索エンジンにとって分かりやすい、タブレットに最適化したウェブサイトを構築するためのGoogleからの特定の推奨はありませんが、デスクトップとスマートフォン、タブレットのユーザーを適切に扱うためにいくつかのアドバイスがあります。 レスポンシブ・ウェブデザイン スマートフォンに最適化したウェブサイ
意外に知らないお金借りるならとお金借りる審査通らない理由の秘密を、１つだけ教えます。
わかった！お金借りるならでお金借りる審査通らない理由… わけもなく嫌な気持ちになってしまう人が存在します。 出来が寄ってきたらムカムカして、お金借りる審査通らない理由なので、マトモに対応すらできず、お金借りる審査通らない理由に冷たい対応をしてしまいます。お金借りるならに冷静になり、悔やむものの、以降だったら、嫌だということで頭がいっぱいになってしまいます。 少額融資の多様さからいえば、好きになれない人がいるのも当たり前なのでしょう。 お金借りるならを好きになるのは無理難題といっても過言ではなく、急変をなくしてしまえないので、困っています。 お金借りる審査通らない理由に考えるのであれば、客観的にはそんなに悪い人でもありませんから、お金借りる審査通らない理由に限り、私はおかしいと思います。たまたまテレビ中継などを目にすると、入出金可能への参加を目指す人があまりにも多くてちょっと呆れてしまいそう
スマートフォン（iphone、androidなど）とタブレット（ipad,androidタブレット）を判別する方法 - maxfactory | モバイル関連の技術メモ
ユーザエージェントでの振り分けは、それぞれ下記が判別の条件になります。 デバイス 振分けルール iphone ユーザエージェント内に「iPhone」の文字列が含まれていること ipad ユーザエージェント内に「iPad」の文字列が含まれていること android ユーザエージェント内に「Android」と「Mobile」の文字列が含まれていること かつ 「SC-01C」の文字列が含まれていないこと androidタブレット ユーザエージェント内に「Android」の文字列が含まれていること かつ 「Mobile」の文字列が含まれていない、または、「SC-01C」の文字列が含まれていること BlackBerry ユーザエージェント内に「BlackBerry」の文字列が含まれていること windows mobile ユーザエージェント内に「IEMobile」の文字列が含まれていること
電子書籍リーダーの普及とモノクロブラウザ | Accessible & Usable
公開日 : 2012年7月10日 (2012年7月18日 更新) カテゴリー : アクセシビリティ / 情報設計 (IA) 日本の Amazon で「Kindle (キンドル)」の発売が発表されたり、楽天から「Kobo Touch (コボタッチ)」の発売が発表されたり、と、いよいよ日本でも電子書籍リーダーが大きく普及しそうな勢いを感じる今日この頃です (期待を込めて...)。 iPad のようなタブレット機器に比べて、目が疲れにくい (E Ink による「電子ペーパー」)、ハンディである (サイズが小さく軽い)、バッテリーの持ちがよい、安価である、といったメリットがあるので、「多目的ではなく電子書籍を読むことに特化した "手頃な" デバイスが欲しい」という人にとっては、今回の Amazon や楽天の発表は注目のニュースではないでしょうか。 電子書籍リーダーによってモノクロブラウザもポピュラ
デバイスサイズによるcss切替の効率化 | SpiriteK Blog
こんにちは。デザイナー兼コーダーのよこです 入社半年目にして初のブログ投稿です 今回のネタは複数デバイス対応のためのcss記述の入門編です PC,iPhone,Android,各種タブレット端末など,Webサイトの閲覧環境は多様化しています。 Webサイト・アプリをhtml/cssベースで構築する際は,常に同じ画面を見せておくだけでは済まされないことが増えていることと思います。 このためデバイスサイズによって異なるcssを切り替える手法が各方面で紹介されています。 と言ってもデバイスサイズごとにcssを用意する場合,htmlの<head>要素内に<link>要素がズラリと並ぶと、ソースは重くなり更新もページごとに行う必要があり非効率です。 これを解消するために,import.css内にてデバイスサイズによるスタイル切り替えを全て一括して行う方法をご紹介します。 まずは下記のデモソースをDL
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
