レスポンシブWebデザインのサイトを作るときのMedia Queriesの順番を考えてみた
ちょうど今レスポンシブWebデザインのサイトを制作しているのですが、Media Queriesで画面サイズ別にCSSを記述していくときにどのような順番で記述すればよいのか、改めて調べてみたらいろいろ迷ってしまいました。
今までいろいろなやり方を試してきたのですが、一度整理してみたいと思います …
2013年01月27日
ちょうど今レスポンシブWebデザインのサイトを制作しているのですが、Media Queriesで画面サイズ別にCSSを記述していくときにどのような順番で記述すればよいのか、改めて調べてみたらいろいろ迷ってしまいました。
今までいろいろなやり方を試してきたのですが、一度整理してみたいと思います …
2013年01月27日
昨年は多くのレスポンシブWebデザインのサイトがリリースされましたが、現状でもさまざまな試行錯誤が続けられている状態で、賛否両論もあるのも事実です。そうした議論を見ていると、検討が十分でないものも見受けられます。
そこで、レスポンシブWebデザインのメリット/デメリットについて、可能な限り中立的に整理したいと思います …
2013年01月03日
今年は国内でもレスポンシブWebデザインがブレイクし、秀逸なサイトが数多く生まれました。
今回は私が半年間「Responsive Web Design JP」を運営してきた中でも、特にすごいと思ったサイトを一挙紹介します …
2012年12月25日
スマートフォンサイトには、よくPCの表示とスマートフォンの表示を切り替えるボタンがついています。
通常はPC用のURLとスマートフォン用のURLにリンクさせているのですが、レスポンシブWebデザインはそもそもワンソースなので、そのままでは切り替えることはできません。
そこでレスポンシブWebデザインでも使える切り替えボタンをjQueryを使って実装してみました …
2012年12月24日
なんだか最近良く見かける釣りのようなタイトルですが、気にしないでください。
私が日本のレスポンシブWebデザインのギャラリーサイト「Responsive Web Design JP」を公開して半年以上が経ちました …
2012年12月13日
私のポートフォリオサイト「KATOSHUN.com」のオープニングで、テキストのシャッフル演出用に作ったjQueryプラグインを公開します。
3年くらい前にベースとなるJavaScriptを作ったのですが、KATOSHUN.comのリニューアルにあたって、jQueryプラグインに書き換えたものです …
2012年12月12日