レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント
先日エントリーした「ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」」の続きで、レスポンシブWebデザイン制作にjQuery Masonryプラグインを利用するための重要なポイントについて詳しく解説します。 サンプル（リンクは２項） 手前味噌ですが、jQuery MasonryによるレスポンシブWebデザインの記事は他にも多く存在する中、実用レベルまで踏み込んでいるのはおそらくこのエントリーだけだと思います。 なお、jQuery Masonryプラグインの基本的な設定方法については割愛してますので、上記のエントリーを参照してください。 １．はじめに このエントリーでは「NHKスタジオパーク」のサイトを参考に、次の内容について解説します。 NHKスタジオパーク まず、カラムレイアウト全体をセンタリングさせるためのCSSの設定について紹介します。 ま
Facebookページの広告を作成する方法
Facebookページの広告を作成する方法を紹介します。ここでは次のような広告を作成してみます。 実際に広告の設定をしてみると入力方法や意味が分かりにくい箇所がいくつかあったので、本エントリーではそのあたりも説明しています。 2012年7月現在の情報です。 １．広告の作成 Facebookページの管理者用パネルの右側にある「ファン数を拡大」→「広告を作成」をクリック。 「何を宣伝しますか？」と表示され、Facebookページまたは特定の投稿のいずれかを選択します。ここではFacebookページの「小粋空間」を選択。 「掲載したい内容:」が表示され、「小粋空間に関する新しい広告」または「小粋空間に「いいね！」と言っているユーザーの友達に関する記事」のいずれかを選択します。ここでは「小粋空間に関する新しい広告」を選択。 ちなみに、それぞれの広告表示イメージは下のとおりです。 小粋空間に関する新
TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」
TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 １．サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると自動的にコンテンツを表示します。 なお、最初に表示した状態でコンテンツがすべて表示されてしまっているとそもそも動作しないので注意してください。 ２．プラグインの機能 jQuery.Bottomプラグインは「bottom」イベントを登録するためのものです。このイベントを利用してページの一番下までスクロールすれば、bottomイベントが発生します。 ３．プラグインのダウンロード githubのjQue
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
