レスポンシブ・ウェブデザインは上位表示に有利ではない、デメリットもある | 海外SEO情報ブログ

2013/10/20 122 users レスポンシブ 上位表示 CSS 海外SEO情報ブログ HTML

[対象: 中〜上級]Googleが推奨するモバイルサイト構成はレスポンシブ・ウェブデザインGoogleは3つのタイプのモバイルサイト構成をサポートしています。レスポンシブ・ウェブデザイン（同じURLと同じHTML/CSS）動的な配信（同じURLと異なるHTML/CSS）モバイル専用のURL（異なるURLと異なるHTML/CSS）このなかで、Googleがもっとも推奨する構成が1つ目のレスポンシブ・... 続きを読む

レスポンシブデザインにするための基本的な方法｜WEB Drawer

2013/04/02 51 users WEB Drawer レスポンシブデザイン 方法 rel 普及

スマートフォンの普及で出てきた「レスポンシブ・ウェブデザイン」。 今回は「レスポンシブ・ウェブデザイン」にするための基本的な方法を見て行きたいと思います。 使い方 記述方法は以下になります。 外部ファイル読み込む時の記述法 <link href="css/mini.css" rel="stylesheet" media="only screen and (幅の指定)" > @importでの方法 ... 続きを読む

流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！ | WP-D

2013/01/18 426 users WP-D デザインパターン Hulu シアター かなり

流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！ 2013年01月18日（金） | WPD-Brown | この方法お勧めです！, サイト推薦！ | コメントはまだありません あけましておめでとうございます！ 今いる場所がシアター！Huluの動画サイトにはまり、かなり引きこもりがちなブラウンです。　超寝不足。。。やばいです。。。 今回は流行りの【レスポンシブ・ウェ... 続きを読む

Google ウェブマスター向け公式ブログ: レスポンシブ・ウェブデザイン - メディアクエリのパワーを使いこなす

2013/01/15 288 users メディアクエリ トラフィック パワー モバイル端末 傾向

レスポンシブ・ウェブデザイン - メディアクエリのパワーを使いこなす 2013年1月15日火曜日 | 12:30 データを重要視している Google では、アクセス解析を行い自分たちのウェブサイトを分析することに多くの時間を費やしています。みなさんも同じように分析をされてみると、最近の傾向としてモバイル端末からのトラフィックが増加していることに気が付くでしょう。この 1 年、多くの主要なサイトで... 続きを読む

たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方 | 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規則... 続きを読む

スマートフォン向けサイトにはレスポンシブ・ウェブデザインを推奨、Googleが公開したスマホサイトの最適化 at #SMX Advanced Seattle 2012 | 海外SEO情報ブログ

2012/06/11 178 users Google 最適化 海外SEO情報ブログ ドキュメ 上級

[対象: 中〜上級]SMX Advanced Seattle 2012 セッションレポート第2弾は、英GoogleのPierre Far（ピエール・ファー）氏による「スマートフォン向けサイトの最適化」です。Far氏のプレゼンテーションは、直前にGoogle Webmaster Central Blogで公式アナウンスがあったスマートフォンサイト構築の推奨に関する記事とその詳細を説明しているドキュメ... 続きを読む

allWebクリエイター塾　ブログ: Responsive Web Design を利用している企業サイトリスト

2011/05/23 53 users allWebクリエイター塾 ウェブサイト 実際 ブログ

2011年5月23日月曜日 Responsive Web Design を利用している企業サイトリスト allWebクリエイター塾 ブログでは、Responsive Web Design（レスポンシブ・ウェブデザイン） をよく取り上げています。では、実際に一般のウェブサイトや個人以外のウェブサイトで Responsive Web Design を利用しているサイトはどのくらいあるでしょう？というこ... 続きを読む