マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEB制作

モバイルフレンドリーでいたい!~素敵サイトレスポンシブの旅~

投稿日:2015年3月2日 更新日:

みなさん、こんにちは!
web初心者のKです!

この度、googleがモバイルフレンドリーな
webサイトのランクを上げるアルゴリズムの変更を発表しましたね!

http://www.itmedia.co.jp/news/articles/1502/27/news091.html

仕事柄色々な記事に目を通すように心がけていますが、
モバイルフレンドリー=レスポンシブではないにしても、
Googleがレスポンシブデザインを推奨していることから、
今後レスポンシブを要望される方は増えていくのではないかなと感じます。
そこで!本日は、素敵サイトレスポンシブの旅として、
レスポンシブサイトめぐりをしたいと思います。

まずは、こちら

01

http://responsive-jp.com/

このサイトは私がマーカネット株式会社に入社したての頃、
参考サイトとして先輩が教えてくれました!
サイズ違いで一覧になっており、とても見やすく、
サイトの特徴がわかりやすい構成になっています。

その他にも、

02

http://muuuuu.org/category/taglist/responsive

 

03

http://io3000.com/tag/responsive/

この2つは情報がよく更新されていて、
デザインの流れを掴むのにとても参考になっています。

また今回たまたま、とあるサイトで見つけた、
素敵すぎるレスポンシブデザインサイトもひとつピックアップしてご紹介。

04

http://roxik.com/cat/

とにかく押したくなる、見たくなる素敵サイトに感じました。

サイズによって変わる猫のお腹や動きから目が離せません。
サイトのトップがユーザーの心を掴むことが役割であるとするなら、
これは大成功です!がっつり心を奪われました。

さらに、その他に、このようなサイトも見つけました。

05

http://xn--u9j2hxddz1oc0072et8f.com/%E7%84%A1%E6%96%99%E7%89%88/

今はなんでも無料で本当に驚いてしましますね。
こちらはレスポンシブで使われやすい
「型」を勉強するのにはとても参考になるのではないでしょうか?

これからもたくさん良いサイトを勉強し、

よりお客さま・ユーザーに愛されるサイトづくりを目指したいと思います!

 

末筆ながら、マーカネット株式会社では、
お客さまのご要望に沿って様々なご提案をさせていただいております。
サイトの制作をご検討の方は、お気軽にこちらからご相談ください。

 

では、本日はこれにて。ドロン。

-WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【Vol.3】優れたキャッチコピーを見て、閃き力を上げよう!【ファッション編】

は~るがき~た、は~るがき~た♪ みなさまこんばんは。いかがお過ごしでしょうか? 桜の花が各地で満開を迎え、 日差しもあたたかくなり春を感じることが少しずつ増えていく毎日ですね。 春は出会いと別れの季 …

ごろごろしながらウェブネタ探し

皆さん! こんばんは!! 株式会社マーカーネットでwebデザインを修行をしている新人デザイナーKです。 普段、皆さんはデザインを作るとき、どこからデザインのネタを探しているんですか? 私は場合は、そう …

no image

ブラウザによって画質変わっている!?気づかなかった…ブラウザの自動画像処理!

ブラウザによって画質変わっている!?気づかなかった…ブラウザの自動画像処理! http://www.markernet.co.jp/blog/2015/07/31/post-5902/ Faceboo …

もう怖くない!色の配色

皆さん! こんばんは!! webデザインを新人デザイナーKです。 元々色選びに才能が全くない私は、デザインをする際に色んな参考サイトを メチャクチャ調べてから制作に入ります。 でもどうしても配色だけは …

ワードプレス導入時に入れておくと便利なプラグイン(セキュリティ編)

ワードプレス導入時に入れておくと便利なプラグイン(セキュリティ編)

ワードプレスはオープンソースのため、そのソースコードが公開されております。 誰でも無償で、誰でも改変して商用利用も可能であるというメリットもございますが、 デメリットとして悪意のある者から不正侵入を許 …