モバイルSEOに役立つGoogle純正ツール×5
[対象: 初〜中級] この記事では、モバイル向けサイトのユーザビリティやユーザーエクスペリエンスの向上に役立つ、Googleが提供する公式ツールを5つ紹介します。 Chrome PageSpeed Insights Mobile-Friendly Test Fetch as Google モバイルユーザビリティ レポート 順に説明します。 Chrome Google Chromeの「デベロッパー ツール」では、スマートフォン端末で見たときのそのページの表示をエミュレーションできます。 「デベロッパー ツール」は次の手順で起動します。 [Google Chromeの設定]（右上の3本バー） − [その他のツール] − [デベロッパー ツール] Ctrl + Shift + i (Windows) / Cmd + Opt + i (Mac) スマホを表すアイコンをクリックするとスマホでの表示モ
CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO
例として以下の様な HTML 構造があったとします。 <body> <!-- 画像解像度: 100 x 100 (px)--> <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。基準となるビューポートの幅を vw で表すと 100vw となります。iPhone 5S のビューポート幅をピクセルで表すと 320px な訳ですが、10vw はその 1/10 ということで32px が img の幅となります。つまり 1vw は 1% と同じ長さになります。もちろんリキッドレイアウトにも対応した動きを持っています。 Demo - viewport lengthを開く（このサンプルはChromeブラウザでの
スマートフォンサイトのコーディング Tips あれこれ | バシャログ。
ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか？ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 文字サイズの自動調整をオフにする 各スマホブラウザでは、横向きにすると text-size-adjust の処理が走り、自動で文字サイズを最適化（拡大）する機能があります。 読
なくすと困るアイテムに取り付けてスマホ＆クラウドで管理・追跡できる「Button Trackr」
家の鍵やリモコン、眼鏡などの小物はどこに置いたかうっかり忘れてしまい、探し出すのに一苦労するときもあります。なくしがちなアイテムなどに取り付けて、スマートフォンやタブレットで管理することができるのが「Button TrackR」です。 Button TrackR - Find Lost Items | Indiegogo http://www.indiegogo.com/projects/button-trackr-find-lost-items Button TrackR - YouTube Button TrackRは小さな小物にも付けられるように、直径25mm、薄さ4mmとかなり小型のデバイスになっています。 iPadの裏にピタッと貼り付けたり…… 付属のアタッチメントを使ってキーホルダーのようにしてカギに取り付けて持ち運びが可能。 なくしたものを探す時には、Button TrakR
2011年は国内webサービス大虐殺の年になる - coconutsfine's blog
遅ればせながら2011年の予想をしておく。なんか無責任に予想を言い合うのが流行っているみたいだし。僕が予想しているのは以下の3つだ。 国内webサービスの大虐殺 まず本命がこれ。具体的にははてなブックマークとかLDRが死んでいくと思う。理由はスマートフォンの普及。スマートフォンには世界規模のアプリ配布システムができあがっていて、日本人でもガンガン英語のアプリを使いまくる。webアプリでは英語圏のアプリを使う人なんて少数だっただろうけど、スマートフォン自体が英語圏中心のエコシステムなので、キラーアプリを使おうと思ったら自然と英語圏のアプリ（でも日本のシステムで入手できる）に手が伸びる。そして母数の問題なんだろうけど、英語圏のwebサービス対応のアプリほど良いものが多い。iPhoneでRSSリーダーを使うとしたらLDRよりもGoogleReaderになってしまう。 さらに言うと、その先のスマー
スマートフォンが目の不自由な人の「目」になるLookTel！
7月18日（金）開催！ 流域から社会を変える──自然資本経営の最前線へ paramitaが描く、企業と地域の新しい共創のヴィジョンで増村江利子がモデレーターを務めます 一人ひとりの暮らしから社会を変える仲間「greenz people」募集中！→ 私たちは屋内でも屋外でもほとんどの情報を視覚から得ています。いまの社会では最も多くの情報を「見る」ことによって得ているのです。これは、目の不自由な人にとっては非常に生きにくい社会であるということも意味します。世の中の便利なものも彼らにとってはちっとも便利ではないのです。とえば目の不自由な人はiPhoneを買ったとしても電話することと音楽を聞くことくらいしかできません。でももし、スマートフォンを使って、目の不自由な人たちががいろいろなものを「見る」ことができたら、それは素晴らしいことだとは思いませんか？ そしてそれはなんともう実現されているんです！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンブラウザ不具合特集