HTML CSS 【初心者練習用】掲載してるようなデザインをコーディングした時のコード サンプルコードあり
今回はページの中でお問い合わせボタン等を配置するデザインで画像の上にボタン等配置して画像の後ろにアクセントカラーを配置するコードかいてみました。今回作成したのはこんな感じになりました。HTMLとCSSで作成してます。簡単なレスポンシブ設定も...
HTML CSS 
DaVinci Resolve DavinciResolve20 スチルの書き出しに失敗しましたのエラーが出たときに解消できた方法
今回は、DavinciResolveで作成した画像の書き出しをしようとした時下記のようなエラー表示が出て書き出しができなかった。その時に実行して解決した修正方法を記事にしました。今回表示されたエラーエラースチルの書き出しに失敗しました：Fa...
DaVinci Resolve DaVinci Resolve 20で画像を書き出す方法｜サムネイル作成にも最適！Windowsパソコン版
DaVinci Resolveは高機能な動画編集ソフトですが、画像（静止画）の作成と書き出しも簡単に行うことも可能です。この記事では、DaVinci Resolve 20を使ってサムネイル画像などを作成し、書き出す手順をご紹介します。Win...
HTML CSS 【初心者OK】JavaScriptで画像をクリックして切り替える！シンプルなギャラリー表示の作り方
Webサイトやブログを見ていると、商品画像や作品の紹介で「サムネイルをクリックすると上部の大きな画像が切り替わる」ギャラリー形式をよく見かけますよね。今回は、上にメイン画像、下にサムネイル画像を4枚配置し、クリックしたサムネイル画像を上部の...
DaVinci Resolve DaVinci Resolve20でパワービンを表示する方法
今回は、DaVinci Resolve20でのパワービンを表示する方法になります。DaVinci Resolveでスタイルなどの設定の使いまわしはパワービンに登録することで可能ですこのパワービンがDaVinci Resolve20では最初は...
HTML CSS フェードで魅せるファーストビュー！画像とテキストを同期表示するヒーローバナーの作り方
Webサイトの第一印象を決める「ヒーローバナー」。背景画像とキャッチコピー（見出し＋説明文）をセットでフェード切り替えするファーストビューモダンでプロフェッショナルな演出を、HTML・CSS・JavaScript（jQueryなし）で実装す...
HTML CSS 動画×フェードイン演出！印象に残るメインビジュアルをHTMLとCSSで実装
Webサイトの第一印象を決める重要な要素 のメインビジュアル。今回は、背景に動画を使用し、その上にテキストをフェードイン表示させることで、動きとインパクトのあるァーストビューを作成する方法を記事にしました。ページ読み込み時に、テキストが下か...
HTML CSS スクロールでロゴとヘッダーが切り替わるヘッダーの作り方【サンプルコードあり】
今回はヘッダーのロゴを画面スクロールでメインビジュアルを過ぎたところで別のロゴに変更する方法を記事にしました。デモコードも一緒に掲載しているので、ぜひ参考にしてみてください。最初のページ表示では通常ロゴが表示。スクロールが進み、今回はファー...
HTML CSS サイトにYouTube動画を埋め込む方法と、クリックで再生させる実装手順をご紹介！
今回はサイトの中にYouTubeの特定の動画を埋め込み、クリックするとサイト内で再生される方法を動画にしてみました。動画をクリックすると、わざわざYouTubeに飛ばされずにその場で再生できたら便利なのにと思ったことないですか？今回は、Yo...
HTML CSS 【簡単実装】スクロールでテキストをフェードイン！HTML・CSS・JSの実践コード付き
今回は画面をスクロールして指定の場所が表示される時にテキストをフェードインで表示する方法を記事にしてみました。レスポンシブも簡単に行ってます。フォントは自作のフォントサイズ自動変更の値を使用してます。各セクションや画像はサンプル用で高さ固定...