100DaysOfCode: Weavv CSS를 사용한 카드 UI 디자인

louislow81 / 100일코드


HTML, WEAVV CSS 및 Vanilla JS를 사용하여 앱 프레임워크 없이 웹 구성 요소를 만드는 100일간의 코드입니다.





weavv / weavv-css-문서


공식 WEAVV CSS 문서 웹사이트







WEAVV CSS 문서


Read the official documentation


개발자 도구



  • WEAVV Playground - WEAVV로 UI 디자인을 테스트하고 프로토타이핑하기 위한 온라인 코드 편집기.

  • WEAVV CLI - Vanilla JS 웹 구성 요소로 작성된 예제 템플릿을 사용하여 빈 프로젝트를 이동 중에 생성합니다. HTML 인라인 CSS 클래스를 사용하거나 @extend 지시문과 함께 SASS를 사용하여 시맨틱 방식으로 WEAVV CSS 클래스를 추출하려면 선택 사항입니다.

  • 특징


  • Breakpoints
  • Dark/Light Mode
  • Variants
  • Color Palette
  • Gradient Presets
  • Custom Gradient
  • Animations
  • Filters
  • Fluids
  • Orientation
  • Plugin API

  • 짓다


    저장소를 복제하고
    $ git clone https://github.com/weavv/weavv-css-documentation.git
    $ cd weavv-css-documentation

    종속성 설치,
    # YARN
    $ yarn
    # NPM
    $ npm i

    현지에서 봉사하고,
    # YARN
    $ yarn dev
    # NMP
    $ npm run dev

    학점


    Nunjunks , Gulp , NodeJS , Sass

    MIT



    View on GitHub




    즐기다!

    좋은 웹페이지 즐겨찾기