HTML CSS

Google Antigravity使ってますか？Antigravityは、デフォルトだと回答が全部「英語」なんですよね。指示を出すときに 日本語でお願いします と指示すると結構日本語で回答してくれるのですが毎回「日本語で教えて」って指示す...

今回は GitHubで非公開で作成してるrepository を公開に変更する方法を記事にしました。今回は簡単な visibilityの変更でおこないました公開から非公開にする場合も同じ感じでできます図解で説明してるのでよかったら参考にして...

今回はGitHubを使ってサイトを公開する簡単な方法を記事にしました。こんな感じの画像サイズを変更するサイトをHTML・CSS・JavaScriptで作成して公開するまでをGitHubに新規登録するところからを記事にしました。まだGitHu...

今回はページの中でお問い合わせボタン等を配置するデザインで画像の上にボタン等配置して画像の後ろにアクセントカラーを配置するコードかいてみました。今回作成したのはこんな感じになりました。HTMLとCSSで作成してます。簡単なレスポンシブ設定も...

Webサイトやブログを見ていると、商品画像や作品の紹介で「サムネイルをクリックすると上部の大きな画像が切り替わる」ギャラリー形式をよく見かけますよね。今回は、上にメイン画像、下にサムネイル画像を4枚配置し、クリックしたサムネイル画像を上部の...

Webサイトの第一印象を決める「ヒーローバナー」。背景画像とキャッチコピー（見出し＋説明文）をセットでフェード切り替えするファーストビューモダンでプロフェッショナルな演出を、HTML・CSS・JavaScript（jQueryなし）で実装す...

Webサイトの第一印象を決める重要な要素 のメインビジュアル。今回は、背景に動画を使用し、その上にテキストをフェードイン表示させることで、動きとインパクトのあるァーストビューを作成する方法を記事にしました。ページ読み込み時に、テキストが下か...

今回はサイトの中にYouTubeの特定の動画を埋め込み、クリックするとサイト内で再生される方法を動画にしてみました。動画をクリックすると、わざわざYouTubeに飛ばされずにその場で再生できたら便利なのにと思ったことないですか？今回は、Yo...