Webデザインお役立ち情報

レスポンシブWebデザインのサイトを作るときのMedia Queriesの順番を考えてみた

2013012701

ちょうど今レスポンシブWebデザインのサイトを制作しているのですが、Media Queriesで画面サイズ別にCSSを記述していくときにどのような順番で記述すればよいのか、改めて調べてみたらいろいろ迷ってしまいました。

今までいろいろなやり方を試してきたのですが、一度整理してみたいと思います

レスポンシブWebデザインのメリット/デメリットをできるだけ中立的に検証してみた

2013010301

昨年は多くのレスポンシブWebデザインのサイトがリリースされましたが、現状でもさまざまな試行錯誤が続けられている状態で、賛否両論もあるのも事実です。そうした議論を見ていると、検討が十分でないものも見受けられます。

そこで、レスポンシブWebデザインのメリット/デメリットについて、可能な限り中立的に整理したいと思います

レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた

2012122401

スマートフォンサイトには、よくPCの表示とスマートフォンの表示を切り替えるボタンがついています。
通常はPC用のURLとスマートフォン用のURLにリンクさせているのですが、レスポンシブWebデザインはそもそもワンソースなので、そのままでは切り替えることはできません。
そこでレスポンシブWebデザインでも使える切り替えボタンをjQueryを使って実装してみました

手軽にテキストをシャッフル演出できるjQueryプラグイン「jQuery Shuffle Effect」

2012121201

私のポートフォリオサイト「KATOSHUN.com」のオープニングで、テキストのシャッフル演出用に作ったjQueryプラグインを公開します。
3年くらい前にベースとなるJavaScriptを作ったのですが、KATOSHUN.comのリニューアルにあたって、jQueryプラグインに書き換えたものです

  • Twitterをフォロー
  • Facebookページを見る
  • RSSを登録

KATOSHUN.com | 加藤俊司作品集