文系デザイナーでも大丈夫！レスポンシブWEBサイトをWordPressで作ってみよう

2012/11/03 556 users WordPress

文系デザイナーでも大丈夫！レスポンシブWEBサイトをWordPressで作ってみよう — Presentation Transcript 文系デザイナーでも大丈夫！ レスポンシブWebサイトを          で作ってみよう November 3,2012 WordCamp Osaka 額賀 順子12年11月3日土曜日 ようこそWordCamp Osaka 2012 へ12年11月3日土曜日 自... 続きを読む

ソースコピーですぐ使えてスマホ専用サイト作成に便利！PC・スマートフォンサイトの振り分けJavaScript作りました。 | HTML5でサイトをつくろう

2012/05/28 930 users JavaScript HTML5 ユーザーエージェント 内容

PCとスマートフォンで違うページを閲覧させたい場合は、ユーザーエージェントを判別して切り替えることができます。 メディアクエリなどを使用したレスポンシブWEBサイトの場合は1ソースでそれぞれのデバイスに振り分けますが、PCサイトとスマホサイトで内容なども変更させる場合は、それぞれサイトを作って振り分ける必要があります。 ユーザーエージェントを判別するには、PHPやJavaScriptや.htacc... 続きを読む

ゼロからはじめるレスポンシブWebサイトを作るために勉強できるサイトをまとめました | HTML5でサイトをつくろう

2012/04/18 1364 users HTML5 マルチデバイス CSS デバイス 選択肢

スマートフォンサイトとPCサイトの振り分けを考える上で、 ひとつの選択肢となる「レスポンシブWebデザイン」。 スマートフォンサイトの最適化とは違い、CSS3のメディアクエリ機能を使って、デバイスのサイズごとにCSSの読み込みを変更することによって、1ソースでマルチデバイスに対応したサイトを制作することができます。 しかし、その分ソースや読み込むCSSが多くなってしまったり、構成をしっかりと考えな... 続きを読む