HTML CSS

「仲間と最高の推し活をしたいけど、周りの目が気になる…」「自分の作品を展示したいけど、ギャラリーを借りるのはハードルが高い…」そんな風に、アイデアはあるのに場所がない、と諦めかけたことはありませんか？しかし、そんな悩みをスマートに解決してく...

今回はCloudflareの操作画面を日本語にする方法と、セキュリティー設定をする方法を記事にしました。無料の範囲での設定になるので 表示場所等の細かい設定はできないですが、サイト登録の設定は簡単なので、よかったら参考にして設定してみてくだ...

Affinity by Canva 初心者必見！画像を思い通りに書き出す「エクスポート」完全ガイド最近、YouTubeのサムネイル作成などにAffinityを使い始めたという方も多いのではないでしょうか。多機能なAffinityですが、最初...

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

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

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

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

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

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

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