Home > Web Front-end > CSS Tutorial > I have *had* it with these motherfriggin&# *crickets* on this motherfriggin&# *field*!

I have *had* it with these motherfriggin&# *crickets* on this motherfriggin&# *field*!

WBOY
Release: 2024-07-31 14:55:31
Original
1092 people have browsed it

I have *had* it with these motherfriggin

This is a submission for Frontend Challenge v24.07.24, Glam Up My Markup: Recreation

What I Built

A page for the fictional New York Recreational Cricket League! I wanted to build something whimsical and satirical that [intentionally] misinterprets the theme (since I know nothing about any sport).

Demo

Here's an embed, but no one designs for that form factor, so go ahead and view the full-page version on Codepen.

Journey

Using the provided markup, I drafted a one-page website in vertical slideshow format, with CSS snap points, sticky headers, and weird parallax imagery.

TBH, I wanted to do this as fast as possible using only skills I could pull from memory. The HTML is unmodified, albeit gently and minimally manipulated via JavaScript (to make all linkable things linkable, like email, phone, and dates). Gratuitous use of flexbox ensued, but it's all pretty standard, if not basic.

The units are a little sloppy (px instead of rem), but I'm feeling okay about it.

Images are courtesy of the genders at OpenAI and ChatGPT 4o.

The above is the detailed content of I have *had* it with these motherfriggin&# *crickets* on this motherfriggin&# *field*!. For more information, please follow other related articles on the PHP Chinese website!

source:dev.to
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template