ホームページ > ウェブフロントエンド > CSSチュートリアル > 私はこのマザーフリギン&# *フィールド*でこれらのマザーフリギン&# *コオロギ*と*経験しました!

私はこのマザーフリギン&# *フィールド*でこれらのマザーフリギン&# *コオロギ*と*経験しました!

WBOY
リリース: 2024-07-31 14:55:31
オリジナル
1080 人が閲覧しました

I have *had* it with these motherfriggin

これはフロントエンド チャレンジ v24.07.24、Glam Up My Markup: Recreation への提出です

私が作ったもの

架空の ニューヨーク レクリエーション クリケット リーグ のページです!私はテーマを [意図的に] 誤解する、風変わりで風刺的なものを作りたかったのです (スポーツについては何も知らないので)。

デモ

ここに埋め込みがありますが、そのフォーム ファクターに合わせてデザインする人はいないので、Codepen で全ページ バージョンを表示してください。

提供されたマークアップを使用して、CSS スナップ ポイント、スティッキー ヘッダー、奇妙な視差画像を備えた、縦型スライドショー形式の 1 ページの Web サイトの下書きを作成しました。

TBH、私は記憶から引き出せるスキルだけを使って、これをできるだけ早くやりたかったのです。 HTML は変更されていませんが、JavaScript によって優しく最小限の操作が行われています (電子メール、電話、日付など、リンク可能なすべてのものをリンク可能にするため)。フレックスボックスの無償の使用が続きましたが、基本的ではないにしても、すべてかなり標準的です。

単位は少し雑です (rem ではなく px) が、問題ないと感じています。

画像は OpenAI および ChatGPT 4o の男女の厚意によるものです。

以上が私はこのマザーフリギン&# *フィールド*でこれらのマザーフリギン&# *コオロギ*と*経験しました!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート