昨日、Googleから新しいツールがローンチされました。 Webサイトやブログがモバイルフレンドリーかどうか確認でき、モバイル フレンドリー未対応の時はどうすればよいのかのアドバイスも行ってくれる便利ツールです。
![GoogleからWeb制作者に便利な新ツールがローンチ!サイトやブログがモバイルフレンドリーか確認できるオンラインツール](https://cdn-ak-scissors.b.st-hatena.com/image/square/206e815803ead843dcd52e43741432f8af93db26/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016051803.png)
昨日、Googleから新しいツールがローンチされました。 Webサイトやブログがモバイルフレンドリーかどうか確認でき、モバイル フレンドリー未対応の時はどうすればよいのかのアドバイスも行ってくれる便利ツールです。
Ptengineは現在無料版の先行登録を受付中です。早い時期に事前登録していた僕は「Ptengine プレミアムβ版」を試すことができたので、早速登録してみました。 当サイトでもPCからのアクセスとモバイル(スマートフォン)からのアクセスは50:50くらいの比率。ほぼ全てのサイトにおいてスマートフォン対応は必須条件になりつつあります。 特にブログやメディアなどはスマートフォンからのアクセスが多いので、試してみる価値はあると思います。 Ptengineはスマホに特化しているというだけあって、スマートフォンサイト内でのユーザーの動きをヒートマップにして表示することができます。これだけで試してみた価値はあったと思えます。 むしろ、これがなかったら試してみようと思わなかったというくらい目玉機能です。 iPhoneの画面サイズだけでなく、iPadなど他の端末でのヒートマップに切り替えることもできます
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
ゼクシオ オーナーズクラブとはゼクシオ ゴルフ クラブオーナー様を対象とした会員組織*です。ゼクシオの魅力をより感じていただくために、入会特典をはじめ会員様限定のイベントやキャンペーンのご案内など様々な特典をご用意しております。 ※ご入会についての詳細は「ご入会について」をご覧ください。
スマートフォン(iPhone or Android)向けWebサイトの作成 スマホサイトを作ると言ってもいろいろとあります。 例えば ・既にあるWebサイトをPC・スマホサイトに対応する ・一からPC・スマホサイトを作る ・スマホサイトを別に作って(HTMLも別)PCサイトと振り分ける 等々 ここではまずHTML5+CSS3を使って一からPC・スマホサイトの作り方を紹介します。 なお、iPhone or Android向けWebサイト(スマホサイト)作成ですが、Androidでは機種等によって 仕様が若干異なっているため、iPhone向けのサイト作成を基本に進めていきます スマホサイトを作るときの基本です。 HTML5でページを作成していきます。 HTML5についての詳しい解説はHTML5・ページ作成の基本をご覧ください。 今回はPCサイト・スマホサイトを一つのHTMLで作りま
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
iPhoneやスマートフォンでサイトを表示させると、字や画像が小さくなってしまいますが、metaタグのviewportを指定してやると見やすくなります。 HOME About this site Mail Last update 2017-03-23 20:28:12 iPhoneやスマートフォンでサイトを表示させると、文字や画像がすごく小さく表示されてしまいます。 これはiPhoneのブラウザが、横幅980pxとして擬似的に表示しているためです。 iPhone4やiPhone4Sなどは、Retinaディスプレイと呼ばれる超高解像度の液晶なんですけれど、それでも縦960 x 横640でしかありません。 おそらくパソコン用サイトのほとんどが、横幅980pxで表示させれば横スクロールなしに表示できることから来ているのかもしれませんが、3.5インチに980pxはちと小さすぎます。 Sponsor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く