글램업 크리켓 웹사이트

Frontend Challenge v24.07.24, Glam Up My Markup: Recreation에 대한 제출물입니다

안녕하세요 여러분!!

내가 만든 것

HTML, CSS, 그리고 약간의 jQuery와 NYRLC의 기본 구조 레이아웃을 모두 사용하여 멋진 로딩 애니메이션을 만들었습니다! 이 사이트는 로드될 때 사용자의 관심을 끌고 사용자가 다음에 무엇이 나올지 궁금해하게 만듭니다.
또한 정보를 간결하고 시각적으로 매력적으로 제공하기 위해 배너 이미지와 카드 보기의 서식 콘텐츠를 사용하여 웹 사이트에 구조를 제공했습니다.

데모

여행

평소 크리켓을 하면서 두 가지 과제로 인해 무언가를 구축하게 되었지만 GlamUp 과제로 인해 파일에서 HTML을 추가할 수 없게 되었기 때문에 약간의 어려움을 느꼈습니다. 그래서 저는 그것을 선택하고 CSS와 JS만으로 웹사이트를 더 잘 구성할 수 있는 방법에 대해 생각했습니다. 그때 처음으로 대화형 카드를 사용하여 등록하는 과정을 보여주려고 생각했습니다. 실제로 카드를 클릭하면 사용자가 다음 작업으로 이동할 수 있습니다. 양식을 작성합니다. 구조를 완성하고 시각적으로 매력적으로 만든 후에도 여전히 크리켓 요소가 부족하다는 느낌이 들었고, 그 때 마음에 들었고 로딩 애니메이션을 추가해야 할 것 같습니다. 처음에는 배트에 수직으로 꽤 튀는 공을 추가하려고 생각했는데, 조금 활동적이지/지루할 것 같다는 생각이 들었습니다.
가장 이상한 일이 일어났습니다. 저는 인도 대 SA T20 월드컵 결승전의 하이라이트를 보고 있었는데, 바로 그때 느꼈습니다. Jasprit Bumrah가 그 이닝에서 Marco Jansen을 청소하는 것을 보았을 때 가장 기뻤습니다. 로딩 애니메이션이 그루터기가 되기를 원합니다. 그래서 나는 창작을 계속했고 전혀 멈추지 않았습니다. 마침내 그 아이디어에 만족했습니다. 크리켓 공이 일부 애니메이션과 함께 "맨 위로 스크롤" 버튼이 되는 것과 같은 몇 가지 아이디어를 염두에 두었습니다. 하지만 저는 거기에 선을 긋고 출품작을 있는 그대로 제출하기로 결정했습니다.
나는 당신이 그것을 좋아하기를 바랍니다.

위 내용은 글램업 크리켓 웹사이트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!