イラ備忘録

  • トップページ
  1. Home
  2. ブログ
  3. 動画・アニメーション

動画・アニメーション

動画・アニメーション

YouTube API で動画埋め込み

HTML JavaScript 主な playerVars パラメータと設定例 サポートされるパラメータ autoplay: 1(…

  • 2022年5月14日
CSS

video タグを使って背景に mp4 動画を流す

キービジュアル箇所などに背景動画を流すサンプルです。HTML の video タグを使用して mp4 形式の動画を再生します。 フ…

  • 2022年4月29日
JS/CSSライブラリ

YouTube をモーダルウィンドウで開く(modal-video.js使用)

YouTubeをモーダルウィンドウで開くことができる modal-video.js プラグインを jQuery で設置する方法です…

  • 2022年4月16日
JavaScript

CSS と jQuery で文字を1つずつアニメーションさせる

一文字ずつ下から上にふわっと表示させるアニメーションです。 とりあえずコード全部 説明 テキストは<span>で1文字…

  • 2022年3月21日
JavaScript

SVGで手書き文字アニメーションを作成

Vivus.js という JavaScript ライブラリを使って簡単に手書き文字風 SVG アニメーションを作成する方法です。 …

  • 2022年3月21日
JavaScript

jquery.mb.YTPlayer を使って YouTube 動画を背景表示する

環境によってCORSエラーが出る場合は別途対処が必要です。YouTubeでは無く、MP4+video タグによる背景動画の方法もこ…

  • 2022年3月20日
動画・アニメーション

YouTubeで埋め込みで自分のチャンネル以外の関連動画を非表示にする方法

埋め込みコードの末尾にパラメータ―「?rel=0」を追加する

  • 2022年3月20日
JS/CSSライブラリ

パーティクルを作成するライブラリ particles.js のデモ

https://vincentgarreau.com/particles.js/ HTML CSS JavaScript http…

  • 2021年4月24日
CSS

Animate.css デモ & スクロール/マウスオーバーでアニメーション

HTML要素に簡単にアニメーションを追加できるプラグイン「Animate.css」のデモです。Animate.cssを使用するには…

  • 2021年1月15日

カテゴリー

  • 3DCG
  • CSS
  • JavaScript
  • JS/CSSライブラリ
  • Movable Type
  • PHP
  • Web便利ツール
  • WordPress
  • その他WEB
  • コーディング
  • フォント
  • 動画・アニメーション
  • 未分類

最近の投稿

JavaScript

jQuery でモーダルウィンドウを作成

デモページ

    動画・アニメーション

    YouTube API で動画埋め込み

    HTML JavaScript 主な playerVars パラメータと設定例 サポートされるパラメータ autoplay: 1(デフォルト…

      JavaScript

      ヘッダー固定サイトのページ内/ページ外アンカーリンク

      ヘッダー高さ分のズレを解消したページ内スムースリンクとページ外リンクのデモです。

        コーディング

        picture 要素による画像の出し分け

        デモページ <figure class="mainvisual__picture"> <picture> <source …

          JavaScript

          【JavaScript】ウィンドウの横幅が変わったときだけ resize を実行

          jQuery 参考ページ hiOS Safariでスクロールしただけでリサイズイベントが発生する原因と対処法

            Web便利ツール

            電子書籍を作成し、Web上で公開する

            Romencer で電子書籍形式のブックを作成し、Bibi というオープンソースのepubリーダーを使って公開する方法です。 Word/PD…

              CSS

              メディアクエリの書き方メモ

              特にプリンターやで別のCSSを適用する 主なメディアタイプ(メディア種別) all すべての機器向け print プリンター向け scree…

                CSS

                Sass で px → rem の自動計算

                mixin の場合 関数の場合 stylelint で CSS プロパティの並べ替えをしている場合は関数の方が良いかも。

                  CSS

                  video タグを使って背景に mp4 動画を流す

                  キービジュアル箇所などに背景動画を流すサンプルです。HTML の video タグを使用して mp4 形式の動画を再生します。 フォールバッ…

                    WordPress

                    Local の便利機能

                    Local(旧名称 Local by Flywheel)の便利機能。 リンク切れチェック Link Checker アドインをインストール …

                      © illustswitch