広告の玉手箱 | グリップ

グリップのAbout_us 問合せフォームへ グリップのRSS グリップのWebサイトのサイトマップ

Home > Webの話題 TOP > レスポンシブWebデザインでサイトをリニューアルしました。

BLOG

レスポンシブWebデザインでサイトをリニューアルしました。

レスポンシブWebデザインでスマホに対応。

2013.04.04


Webの話題画像

ブログって間が空くとモチベーションが落ちますよね…。

ということで、気分転換に当Webサイトを全面リニューアル。スマホ対応は元々考えていたので、今回はレスポンシブWebデザインを導入してみました。
「レスポンシブWebデザインとは?」という方は、ご覧のブラウザの幅を変えてみてください。
スマートフォンやタブレットなどの画面幅に応じて、レイアウトが変わるのが、レスポンシブデザインです。
2009年にサイトを開設以来、青をデザインのベースとしてきたので、黒ベースにしたことで、おかしな点もあると思います。

既存サイトからレスポンシブWebデザインへは、やっぱり手間がかかります。

既存Webサイトのスマートフォン対応には、サイト全体のデザインを見直す場合と、jQuery Mobile等のフレームワークや専用CSSで対応する場合があります。
後者の方が手軽ではありますが、ここは実験サイトということもあり、手間のかかる方としました。
手間をかけた以上、活用せざる得ないだろうと。
Modxサイトの場合、きちんと、テンプレート変数やチャンクの役割等の管理が出来ていれば、デザイン変更には強いのです。
しかし、当サイトは試行錯誤をしながら作り上げたサイトで、ごちゃごちゃしたテンプレート変数やチャンクを読み解くだけで、多くの時間を費やしてしまいました。
初期のサイト設計は重要です。

内容での差別化が一層問われるかもしれません。

元々Webサイトは、コンテンツと情報の集積が重視されてきた世界です。
多様化するデバイスに合わせてデザインも合理性を追求していくと、デザイン面での差別化というよりも、やはり中身のコンテンツということになっていきそうです。もちろんブランドを重視するサイトなどでは、デザインは大切ですが。
既に類似する情報が溢れる中で、どう価値を持つ情報を創出して行くかは、本当に難しい問題です。

2013.04.04

記事制作:管理人


コメントをどうぞ


If you have trouble reading the code, click on the code itself to generate a new random code.

News

ニュース一覧

Services

記事はありません。

サービス一覧

Pick up MOVIE

桜を撮っていたら予期せぬものが・・・

 桜を撮っていたら予期せぬものが・・・

2015/04/24

池袋の桜の名所、法明寺にて。…

記事を読む

Pick up PHOTO

華麗なる?喫煙具生活のはじまり。

華麗なる?喫煙具生活のはじまり。

2014/04/23

まだ足を踏み入れたばかりの喫煙文化。…

記事を読む

Pick up PHOTO

青葉の神田川遊歩道。

青葉の神田川遊歩道。

2013/05/20

面影橋~新江戸川公園前まで。小径の魅力。…

記事を読む

Today's Book

伊勢物語・大和物語・平中物語を読んだ。

小学館/日本古典文学全集8 竹取物語・伊勢物語・大和物語・平中物語

2013/11/23

小学館/日本古典文学全集8 竹取物語・伊勢物語・大和物語・平中物語…

記事を読む

ブログ一覧へ

Sitemap

RSS

ページの先頭へ

ページの先頭へ