AdSense（アドセンス）でレスポンシブ広告ユニットのカスタマイズレスポンシブデザインでのアドセンス活用について調べていたら、レスポンシブ広告ユニットというのを使って広告コードをカスタマイズすると、レスポンシブデザインなウェブサイトに柔軟に対応できることを知りました。 レスポンシブ広告ユニットを作成する – AdSense ヘルプ 上記リンク先 Google の AdSense ヘルプのページに詳細が掲載されていますが、レスポンシブ広告ユニットを使うと限定的にコードの修正を行え、利用する広告の形状やサイズを指定できるそうです。
横並びの要素の高さを揃えるjQueryプラグイン「matchHeight」がレスポンシブでもバッチリ動いて素敵
高さが異なる要素を横並びにした時に、その高さを揃えたい–生きとし生けるもの全ての夢。 でまぁ今までとあるプラグインを利用していたのですが、レスポンシブで上手く動かないということでなんかいいやつ無いんかい、と探していたところjquery.matchHeight.jsというのを見つけました。 jquery.matchHeight.js – a more robust equal heights plugin for jquery 動き 簡単なデモページ作ってみましたのでどうぞ。公式でいいじゃんと思ったけど一応テストで作ったので。 デモページ 使い方 使い方も非常に簡単。liabru/jquery-match-heightからコードをダウンロードして、 [html] <head> <script type="text/javascript" src="http://ajax.googleapis
Aroma
無料WordPressテーマ Aroma Aroma はクリエイティブにもビジネスにも使える、トップページ1カラム、下層ページ2カラムのシンプルなWordPressテーマです。 気軽にはじめよう！ 無料WordPressテーマ Aroma は無料で使用できるWordPressテーマ！今すぐダウンロードして使用できます。 そのまま使っても、カスタマイズして使ってもOK！用途に合わせてご自由にお使いください。 スマホでも見やすい！2カラムのレスポンシブ・テーマ Aroma はトップページ１カラム、下層ページ2カラムのレスポンシブデザインテーマです。PC/Macでの表示はもちろんのこと、iPadなどのタブレットやスマートフォンでの表示を自動で最適化します。 だれでも簡単！ デザインカスタマイズ カスタムヘッダー機能に対応しており、トップページのメインビジュアルや各ページのヘッダー画像、ロゴマーク
Grid 日本語版
なぜ、レスポンシブに労力を費やすのか? 私達は全てのデバイスにおいて、スクリーンのサイズや縦横の方向といったユーザーの環境に左右されずに、ウェブサイトが利用しやすくなることを目指しています。 断片化された世界 2013年現在、数千種類のデバイスとスクリーンサイズがインターネットにアクセスしています。それら全てに対して、それぞれレイアウトを設計するのはもはや不可能です。そんなことより、デザインにより流動的なアプローチを取り入れるべきでしょう。 モバイルファースト 最近になって「モバイルファースト」という言葉がそこらじゅうで聞かれるようになりました。その言葉は、モバイル向けのスタイルから始めて、必要とされる時に大きなスクリーンに最適化したスタイルを適用するということを意味します。言い換えると、作成したモバイル向けのスタイルがデフォルトになり、それ以降に書き換える必要はないということです。それは
レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
どうも〜こんにちはぁ！ 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
