マーカーネット株式会社

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

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

関連記事

困った時のPHOTOSOHP。 写真に逆光を入れる方法。

こんにちは。web制作初心者のKです。 まだまだ修行中の身であるため、「テクニックをご紹介!」なんて、 大変おこがましいのですが、 お仕事をしていて、「もう少し写真に力強さが欲しいな~」なんて時に 私 …

ウェブデザインの幅が広がるFREEフォントの紹介

ウェブデザイン作りに当たって、フォントの選択はすごく大事なところであり難しい問題です。 普段、使うフォントってもう決まっていたりしませんか? 私の場合、欧文はHELVETICA,Futuraを和文はモ …

CakePHP2.Xで404 Not Foundエラーをリダイレクトする方法

CakePHP2.Xで404 Not Foundエラーをリダイレクトする方法

CakePHP2.Xでは、404 NOT Foundエラーが発生した場合、 デフォルトでは、 app/View/Errors/error400.ctp の内容が表示されます。 サイトによっては、 40 …

背景に動画を取り入れたWEBデザイン

背景に動画を取り入れたWEBデザイン

動画を取り入れたWEBサイト。 大分主流となってきて、見かける頻度も一段と増えました。 動画 = 重い という概念もどこへやら。。 最近のWEB動画はとても軽い。 背景として動画を入れ、飽きさせること …

先取り!春の色彩のトレンド

こんにちは! web初心者のKです。 暖かくなってきたこの頃、みなさまいかがお過ごしでしょうか? 本日は春に先駆けて、 春色が感じられるサイトを集めてみようと思います。 まずひとつ目はこちら! htt …