저희가 돌아왔습니다.
커뮤니티가 가장 좋아하는 챌린지인 프런트엔드 챌린지!
의 최신 버전을 발표하게 되어 매우 기쁩니다.12월 29일까지 진행되는 프런트엔드 챌린지: 12월 에디션에서는 CSS Art 및 Glam Up My Markup이라는 두 가지 인기 프롬프트를 제공합니다. 우리의 테마는 12월입니다. 모든 사람이 한 해를 마무리하면서 포괄적이고 폭넓게 디자인되었습니다.
모든 프런트엔드 챌린지와 마찬가지로 프롬프트당 한 명의 우승자가 있습니다. 자랑할 권리, 6개월 DEV 멤버십, 전용 DEV 배지 등을 획득할 수 있는 두 가지 기회가 있습니다!
CSS 및 Javascript 기술을 마음껏 발휘해 보시기 바랍니다! 참여 방법을 알아보려면 계속 읽어보세요.
프롬프트 ✨
CSS 아트: 12월
12월이면 떠오르는 것을 그려보세요. 거주 지역에 따라 여름 더위를 겪고 있거나 슬로프를 타기 위해 모여들고 있음을 의미할 수 있습니다. 아니면 12월을 우리와 공유하고 싶은 축하나 전통과 연관시킬 수도 있습니다.
무슨 일이 있어도 우리는 당신의 작품을 보고 싶어요!
여기에 바로 참여하고 싶은 분들을 위한 제출 템플릿이 있습니다. 제출하기 전에 공식 챌린지 페이지에서 모든 챌린지 규칙을 검토하시기 바랍니다.
CSS 아트 제출 템플릿
Glam Up My Markup: 동지
CSS와 JavaScript를 사용하여 아래 시작 HTML 마크업을 아름답고 대화형이며 유용하게 만드세요. 12월은 북반구에서 동지(남반구에서는 6월)를 관찰하고 경험하는 시기입니다. 전 세계 동지와 관련된 과학과 문화를 탐구하는 사이트의 시작 템플릿을 제공했습니다.
제출물은 우리가 제공하는 HTML보다 더 재미있고 대화형이어야 하며, 사용 가능하고 접근 가능해야 합니다. JavaScript를 통하지 않는 한 제공된 HTML을 직접 편집해서는 안 됩니다. 우리는 스타일과 실질을 기대합니다. 프레젠테이션 목적으로 메타 태그 등 기본 상용구를 추가할 수 있습니다.
<meta charset="UTF-8"> <title>전 세계의 동지 축하 행사</title> 머리> <p>여기에 바로 참여하고 싶은 분들을 위한 제출 템플릿이 있습니다. 제출하기 전에 공식 챌린지 페이지에서 모든 챌린지 규칙을 검토하시기 바랍니다.</p> <p>Glam Up 내 마크업 제출 템플릿 </p> <div> <h2> 참여 방법 </h2> <p>참여하려면 <strong>각 메시지와 관련된 제출 템플릿을 사용하여 게시물을 게시</strong>해야 합니다. </p> <p>제출하기 전에 전체 규칙, 지침 및 FAQ 페이지를 검토하여 참가 지침 및 자격 요건과 같은 공식 콘테스트 규칙을 이해하시기 바랍니다. </p> </div> <h2> 중요한 날짜 </h2>
- 12월 4일: 프론트엔드 챌린지: 12월 에디션이 시작됩니다!
- 12월 29일: 제출 마감일 오후 11시 59분(PDT)
- 1월 9일: 수상자 발표
여러분의 12월 제출물을 보게 되어 매우 기쁩니다! 질문? 아래에 문의하세요.
행운을 빕니다. 즐거운 코딩 되세요!
위 내용은 다음 프론트엔드 챌린지: 12월 에디션에 참여하세요!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

CSS 그리드는 복잡하고 반응이 좋은 웹 레이아웃을 만드는 강력한 도구입니다. 디자인을 단순화하고 접근성을 향상 시키며 이전 방법보다 더 많은 제어를 제공합니다.

기사는 반응 형 설계에서 공간의 효율적인 정렬 및 분포를위한 레이아웃 방법 인 CSS Flexbox에 대해 설명합니다. Flexbox 사용을 설명하고 CSS 그리드와 비교하고 브라우저 지원 세부 사항을 설명합니다.

이 기사는 Viewport Meta 태그, 유연한 그리드, 유체 미디어, 미디어 쿼리 및 상대 장치를 포함하여 CSS를 사용하여 반응 형 웹 사이트를 만드는 기술에 대해 설명합니다. 또한 CSS 그리드 및 Flexbox를 함께 사용하여 CSS 프레임 워크를 권장합니다.

이 기사는 요소 치수 계산 방법을 제어하는 CSS 박스 크기 속성에 대해 설명합니다. Content-Box, Border-Box 및 Padding-Box와 같은 값과 레이아웃 설계 및 형태 정렬에 미치는 영향을 설명합니다.

기사는 CSS, 주요 특성 및 JavaScript와 결합 된 애니메이션 작성에 대해 논의합니다. 주요 문제는 브라우저 호환성입니다.

기사는 3D 변환, 주요 속성, 브라우저 호환성 및 웹 프로젝트에 대한 성능 고려 사항에 대한 CSS 사용에 대해 논의합니다. (문자 수 : 159)

이 기사는 CSS 그라디언트 (선형, 방사형, 반복)를 사용하여 웹 사이트 비주얼을 향상시키고 깊이, 초점 및 현대적인 미학을 추가합니다.

기사는 CSS의 의사 요소, HTML 스타일을 향상시키는 데 사용 및 의사 급의 차이점에 대해 설명합니다. 실제 사례를 제공합니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기