去年ぐらいはレスポンシブ対応のナビゲーションというとハンバーガーメニューばかりでしたが、最近ではスクリーンサイズに合わせるだけでなく、コンテンツや階層構造に合わせたナビゲーションが増えてきました。 Webページやスマホページのレスポンシブ対応サイトで最近よく見かけるナビゲーションのアイデアや実装方法を紹介します。
![最近のレスポンシブ対応サイトで見かけるナビゲーションのアイデア・実装方法のまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/98a38fcdf4309358a4fdbb5785c1948cc05ef295/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201604%2F2016102004.png)
Googleさんが、サイトがモバイルでの閲覧に最適化されているかどうかを、テストするツールを出してきました。テスト結果は、現時点では検索順位に影響しません。しかし、ユーザビリティーに大きく影響します。読者を大切にするなら、一刻も早くテストを受けるべきだと思います。 テストツールはこちら [img-link url=”https://www.google.com/webmasters/tools/mobile-friendly/” title=”モバイル フレンドリー テスト”] テストは至って簡単に終わります。 上記ページに行って、入力欄にテストしたいURLを打ち込み、「ANALYZE」ボタンを押すだけ。 当サイトは今のところモバイルフレンドリーでした 当サイトでも、いくつかのページについてチェックしてみましたが、「Awesome! This page is mobile-friendly
こんにちは。デザイナーの白浜です。春ですね。4月生まれなので春はなんだか気合が入ります。 さて、挨拶とは関係ありませんが、最近Web制作をする上で役に立ったツールやプラグインをご紹介したいと思います。 画像作成編 無料で半透過マルチアイコンやファビコン(favicon.ico)作成 http://ao-system.net/alphaicon/ アルファチャンネルを持った綺麗なマルチアイコンが一発で作れます。仕上がりが綺麗だったのでお気に入りです。favicon画像作成のお供に。 OGP画像シミュレータ | og:image Simulator http://ogimage.tsmallfield.com/ 画像をアップロードするだけでFacebookのタイムライン上にどのようにトリミングされて配置されるかを一発でシミュレートしてくれます。 「あっこのままだとロゴが欠ける…」とかぱっと見で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く