WordPressの画像を表示する際にレスポンシブ用のsrcsetを出力する wp_get_attachment_image_srcset という関数があるのですが、引数に画像IDと画像サイズを入力するようになっています...

目的はたった一つ。 ブラウザ標準のスクロールバーのデザインをカスタマイズすることです。 つまり、 マウススクロールにより、コンテンツがスムーズに移動 スクロールバーのトグルをドラッグアンドドロップでコンテンツが移動 他フ...

Bootstrapのカルーセルは基本的には1枚の画像（もしくは1つのHTMLコンテンツ）をスライドしながら表示する機能です。 これを下図のように複数の画像を同時に表示して、画面サイズに応じて表示枚数を変更出来るように設定...

jQuery単独でメディアクエリ様のブレイクポイントを指定する場合、 のように、幅の値をブレイクポイントとして個別に入力する方法があります。 しかし、フレームワークにBootstrapを使用しており、かつ、ブレイクポイン...

Flexでレイアウトを作るのが便利なので、多様しているのですが一点不可解な現象を確認しました。 それは、 「Flexで作成したボックスの中にGoogleアドセンスのレスポンシブ広告を配置しても表示されない」 ことです。 ...

画面サイズに応じてフォントサイズを可変したい（レスポンシブに対応したい）場合のメモです。 参考サイトはこちら。 つまり、特定の画面サイズで表示したいフォントサイズを基準にvw単位で指定するという方法です。 画面サイズが1...

昨日の続き。 画面サイズに応じて画像を切り替えたいなー、と思っていたのですが これね。 これで解決。...

ウィンドウサイズに応じて画像を切り替えるsrcset。 コードはこんな感じ。 なので、例えばPC画面サイズでは横長バナー画像に、モバイル画面サイズでは正方形バナー画像に切り替えて表示出来るよね、と思っていたのだけど、これ...

ブログサイドバーにJetpackの人気の投稿ウィジェットを設置しているのですが、これが「画像リスト」形式で表示するとサムネイルサイズが40pxととても小さく何とも貧相な感がありますので、レイアウトを調整してみます。 Je...

http://www.gettyimages.co.jp/creative/frontdoor/embed gettyimagesが全てではありませんが、多くの写真・イラストを非商用利用であれば無料でブログに埋め込みが出...