본문 바로가기
css

Axentix v2를 사용하면 사용할 수 있습니다.

by code-box 2022. 3. 2.
반응형

v1 발매 이후 Axentix에 대해 들어보셨을지 모르지만, 그 이후로 많은 변화가 있었습니다. 이 기사를 읽으면 시도해 보고 계속하게 될 위험이 있습니다.

먼저, 이 새로운 버전은 개발자의 경험에 초점을 맞추고 있습니다. 주요 목표는 완전한 맞춤 구성 요소를 제공하는 것입니다.

주요 기능 미리 알림

레이아웃

Axentix는 1 클래스 레이아웃 제어 때문에 2019년부터 주로 사용되고 있다. 실제로 본문 클래스와 함께 페이지 레이아웃을 선택할 수 있습니다.

 

4가지 레이아웃이 준비되어 있으며 앞으로 더 많이 나올 예정입니다.

다음은 현재 사용 가능한 레이아웃 목록입니다.

Grix - 그리드 시스템

Axentix 그리드는 CSS 그리드를 기반으로 하여 가장 발전된 제품입니다.

다른 프레임워크 그리드 시스템을 사용했다면 의도한 대로 작동시키는 것이 정말 골칫거리가 되었을 수 있습니다.

GRIX에서는 행과 중단점당 항목 금액을 선택하면 됩니다.

 

모든 기능을 사용하여 정말 복잡한 그리엑스를 만들 수 있습니다. 모든 것이 grix 문서화 페이지에 자세히 설명되어 있습니다.

업그레이드

색상표, 자동 액세스 가능한 색상 생성 등 다양한 주요 기능에 대해 설명할 수 있지만, 오늘 꼭 필요한 것은 v2 업데이트와 향상된 입니다.

유형명세서 리팩터

이 새로운 버전의 가장 큰 부분 중 하나는 완전한 타입스크립트 리팩터이다.

 

이를 통해 JS 구성 요소를 사용하여 자동 완성도를 높이고 코드 자체의 일관성을 높일 수 있습니다.

고급 구성 요소

커뮤니티 요청과 함께 구성 요소 목록을 작성했습니다.

  • 파동(리플 효과)
  • 사용자 정의 양식 선택 구성 요소
  • 새로운 재료 형태 설계 변형
  • 양식 유효성 검사
  • 유리형태론

구성 요소 스타일 지정

 

이 글의 맨 처음에 언급했듯이, 이 새로운 버전은 개발자의 경험에 초점을 맞추고 있습니다.

이를 위해 필요한 모든 구성 요소에 스타일링 부품 을 추가했습니다.
이 파트에서는 웹 사이트 요구에 맞게 구성 요소를 사용자 지정하는 데 사용할 수 있는 css 변수 목록을 추가합니다.

스타일링 파트 예: Sidenav 스타일링 파트

Axentix - 생태계

우리는 Axentix가 단순히 프레임워크가 되는 것을 원하지 않습니다. 우리는 모든 개발자가 Axentix를 사용하여 웹 사이트/앱을 쉽게 만들 수 있도록 전체 생태계를 만들고 싶습니다.

이것이 우리가 다음을 만든 이유입니다.

 
  • 네우모피즘 설계 확장
  • VueJs 통합/프레임 워크
  • VSCode 구성 요소 스니펫 확장
  • Laravel 사전 설정 페이지

Image description

그리고... 액센틱스 과정이 있는 학습 플랫폼 같은 것이 곧 만들어질지도 모른다. 누가 알겠어

자유롭게 프로젝트를 진행하여 지원하십시오!

https://github.com/axentix/axentix
https://useaxentix.com/

 

댓글