たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER

2012/10/18 1703 users NHKスタジオパーク プラグイン サンプル シンプルさ 話題

簡単に作れる！みんな大好き可変グリッド 先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプル... 続きを読む

なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！ | gori.me

2012/10/15 1301 users gori.me ウェブデザイン イケイケ 必読 株式会社LIG

今のウェブデザインの流行りは「レスポンシブ・ウェブデザイン」！ 昨日、とあるアプリの紹介ページについて話し合っていたのだが、株式会社LIGのデザイナブログに書いてあった「必読！5分でわかる流行のレスポンシブWebデザインまとめ」に載っていた「NHKスタジオパーク」のレスポンシブ・ウェブデザインがイケイケすぎて感動したので、紹介する！これは本当にすごい！！ まず普通に表示するとこんな感じ。よくある3... 続きを読む

レスポンシブ・ウェブデザインでの CSS コードの書き方

2012/10/01 717 users メディアクエリー CSS 配置 書き方 ファイル自体

いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用したWebサイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感じた意見ですので絶対ではありません。 CSSのコードの配置 広く知られている方法はいくつかあります。 CSS ファイル自体を分ける方法 @media規則で1ファイル内にメディア特性単位に書く方法 @media規則... 続きを読む