v1 발매 이후 Axentix에 대해 들어보셨을지 모르지만, 그 이후로 많은 변화가 있었습니다. 이 기사를 읽으면 시도해 보고 계속하게 될 위험이 있습니다.
먼저, 이 새로운 버전은 개발자의 경험에 초점을 맞추고 있습니다. 주요 목표는 완전한 맞춤 구성 요소를 제공하는 것입니다.
주요 기능 미리 알림
레이아웃
Axentix는 1 클래스 레이아웃 제어 때문에 2019년부터 주로 사용되고 있다. 실제로 본문 클래스와 함께 페이지 레이아웃을 선택할 수 있습니다.
4가지 레이아웃이 준비되어 있으며 앞으로 더 많이 나올 예정입니다.
다음은 현재 사용 가능한 레이아웃 목록입니다.
Grix - 그리드 시스템
Axentix 그리드는 CSS 그리드를 기반으로 하여 가장 발전된 제품입니다.
다른 프레임워크 그리드 시스템을 사용했다면 의도한 대로 작동시키는 것이 정말 골칫거리가 되었을 수 있습니다.
GRIX에서는 행과 중단점당 항목 금액을 선택하면 됩니다.
모든 기능을 사용하여 정말 복잡한 그리엑스를 만들 수 있습니다. 모든 것이 grix 문서화 페이지에 자세히 설명되어 있습니다.
업그레이드
색상표, 자동 액세스 가능한 색상 생성 등 다양한 주요 기능에 대해 설명할 수 있지만, 오늘 꼭 필요한 것은 v2 업데이트와 향상된 입니다.
유형명세서 리팩터
이 새로운 버전의 가장 큰 부분 중 하나는 완전한 타입스크립트 리팩터이다.
이를 통해 JS 구성 요소를 사용하여 자동 완성도를 높이고 코드 자체의 일관성을 높일 수 있습니다.
고급 구성 요소
커뮤니티 요청과 함께 구성 요소 목록을 작성했습니다.
- 파동(리플 효과)
- 사용자 정의 양식 선택 구성 요소
- 새로운 재료 형태 설계 변형
- 양식 유효성 검사
- 유리형태론
구성 요소 스타일 지정
이 글의 맨 처음에 언급했듯이, 이 새로운 버전은 개발자의 경험에 초점을 맞추고 있습니다.
이를 위해 필요한 모든 구성 요소에 스타일링 부품 을 추가했습니다.
이 파트에서는 웹 사이트 요구에 맞게 구성 요소를 사용자 지정하는 데 사용할 수 있는 css 변수 목록을 추가합니다.
스타일링 파트 예: Sidenav 스타일링 파트
Axentix - 생태계
우리는 Axentix가 단순히 프레임워크가 되는 것을 원하지 않습니다. 우리는 모든 개발자가 Axentix를 사용하여 웹 사이트/앱을 쉽게 만들 수 있도록 전체 생태계를 만들고 싶습니다.
이것이 우리가 다음을 만든 이유입니다.
- 네우모피즘 설계 확장
- VueJs 통합/프레임 워크
- VSCode 구성 요소 스니펫 확장
- Laravel 사전 설정 페이지
그리고... 액센틱스 과정이 있는 학습 플랫폼 같은 것이 곧 만들어질지도 모른다. 누가 알겠어
자유롭게 프로젝트를 진행하여 지원하십시오!
https://github.com/axentix/axentix
https://useaxentix.com/
'css' 카테고리의 다른 글
Chrome Devtools의 일부 덜 알려진 기능 (0) | 2022.03.02 |
---|---|
프로그래밍은 배우기 어려운가? (0) | 2022.03.02 |
재료 설계 색상 팔레트 생성기 (0) | 2022.03.02 |
내 현재 테일윈드 CSS 중단점은? (0) | 2022.03.02 |
프라메이로 프로제토 다 조르나다 DEV conclusuido - 1/52 세마나스 (0) | 2022.03.02 |
댓글