Intersection Observerが簡単で便利！要素がビューポートに表示されているかを判定できる
スクロールした際にヘルプや広告を表示したり、無限スクロールでコンテンツを読み込ませたり、画像の遅延ロードなど、要素がビューポートに表示されているかをトリガーにするのには、なかなか面倒なJavaScriptが必要でした。 例えば、スクロールやサイズ変更のイベントを取得し、getBoundingClientRect()などのDOM APIでビューポートからの相対位置を手動で計算します。 この今までの方法は面倒で非効率的でしたが、主要なブラウザに実装されているIntersectionObserver APIを使用すると、非常に簡単に取得することができます。 Intersection Observer comes to Firefox 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、著者様にライセンスを得て翻訳しています。 「IntersectionObserver()」の基本的な
iziModalでjQueryのモーダルウィンドウを実装する｜Gimmick log
TOPjQuery iziModalでjQueryのモーダルウィンドウを実装する iziModalでjQueryのモーダルウィンドウを実装する 公開日：2016.09.02 更新日：2020.05.20 jQuery, モーダルウィンドウ 簡単な設定でリッチなアニメーションやカスタマイズが可能なモーダルウィンドウのjQueryプラグインiziModalをご紹介します。 ライセンスはApache License 2.0です。 サンプル ファイルの準備 必要なファイルを読み込む 配布元のサイトからjsとcssデータをダウンロードして、html内で読み込みます。 必要なファイルはダウンロードデータの以下に格納されています。（2016年9月現在） iziModal-master ├ css │└ iziModal.min.css └ js └ iziModal.min.js <link rel="
YouTube チャンネルをブランド アカウントから別のブランド アカウントに移行する - YouTube ヘルプ
ブランド アカウントとは、ブランドのためのアカウントであり、個人用の Google アカウントとは異なります。ブランド アカウントにリンクされているチャンネルは、複数の Google アカウントで管理できます。 ブランド アカウントの作成方法 最初に、ブランド アカウントをすでにお持ちかどうかを確認します。 YouTube にログインします。 アカウントのチャンネル一覧に移動します。 [チャンネルを作成] をクリックします。 ブランド アカウント名に関する詳細情報を入力し、アカウントを確認します。 [作成] をクリックします。 チャンネルを移行する場合のリスク チャンネルとその動画は、ブランド アカウントから別のブランド アカウントに移行することができます（同じ Google アカウントに関連付けられている場合に限る）。この処理は、チャンネルの移行と呼ばれます。 問題が生じる前に、ご自身で
デベロッパーツールの賢い使い方！テキストが多い少ないで崩れないかなど、デザインの検証や調整方法のまとめ
CSSについてあまり詳しくないデザイナーでも、デザインのさまざまな検証や調整ができるデベロッパーツールの使い方を紹介します。 テキストや要素が多い少ないでコンテンツのデザインが崩れないか、要素のデザインを簡単に比較したり、画像や要素のカラーを一括で変更したりなど、制作にすぐに役立つものばかりです。 Using DevTools to Tweak Designs in the Browser 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 要素に与えられたclassを切り替える コンテンツの量でデザインが崩れないかテストする 指定した要素を非表示にする デザイン要素のスクリーンショット デザインのカラーを変更する CSSの変数を使用する（カスタムCSSプロパティ） 「filter: invert();」で要素のカラーを反転する C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
