inuitcss 소개 : 다른 종류의 CSS 프레임 워크

inuitcss의 주요 장점

Modular Architecture : SASS 기반 프레임 워크 인 inuitcss는 모듈 식 설계를 촉진하여 개발자가 크고 자주 활용되지 않은 스타일 시트를 다운로드하는 대신 필요한 모듈 만 선택할 수 있도록합니다. 디자인 자유 :

사전 구축 된 UI 요소를 제공하는 프레임 워크와 달리 Inuitcss는 개발자 설계 선택을 우선 순위로 삼아 맞춤 UI 제작을위한 유연한 기반을 제공합니다. Bower 또는 NPM을 통한 쉽게 설치하는 것이 핵심 이점입니다. 모듈 식 특성에는 특정 가져 오기 순서가 필요합니다 직접 편집없이 사용자 정의 :

inuitcss의 코드를 직접 수정해서는 안됩니다. 대신 모듈을 가져 오기 전에 재정의 파일 또는 가변 주입을 사용하십시오. 아직 개발 중이지만 모듈성은 더 큰 프레임 워크가 부풀어 오지 않고 특정 구성 요소가 필요한 프로젝트에 이상적입니다.
• 프론트 엔드 프레임 워크의 상승 및 inuitcss 솔루션 최근 몇 년 동안 Bootstrap 및 Foundation과 같은 프론트 엔드 프레임 워크가 급증하여 웹 개발을 가속화했습니다. 그러나 이들은 종종 사용되지 않은 기능이 포함 된 대규모 스타일 시트를 다운로드하게됩니다. inuitcss는보다 모듈 식적이고 설계에 대한 접근 방식을 제공함으로써이를 해결합니다.
inuitcss 소개 : 모듈 식 접근
• Harry Roberts가 만든 Initcss는 모 놀리 식 코드베이스가 아닌 독립적 인 모듈 모듈 모음을 제공합니다. 이를 통해 개발자는 필요한 구성 요소 만 포함하여 자체 아키텍처를 구축 할 수 있습니다. Inuitcss는 수정을 위해 사전 구축 된 구성 요소를 제공하는 다른 프레임 워크와 달리 개발자가 자신의 디자인을 만들 수 있도록 강조합니다. bower 또는 npm 로 inuitcss 설치 수동 모듈 가져 오기가 가능하지만 Bower 또는 NPM을 사용하면 프로세스가 단순화됩니다. 이 패키지 관리자는 종속성을 관리하고 프로젝트 스캐 폴딩을 간소화합니다. node.js는 둘 다를위한 전제 조건입니다 바워 사용 :
<:> Bower를 설치하십시오 :
• 프로젝트에서 bower 초기화 : ( 개별적으로 모듈을 설치하십시오 : (예 : ) 또는 스타터 키트를 사용하십시오 :

설정 및 가져 오기 순서 (Crucial!) 스타터 키트의 구성 요소는 종속성으로 인해 SASS 오류를 피하기 위해 정확한 순서로 가져와야합니다.

핵심 기능 및 필수 모듈

모듈 형이지만 inuitcss에는 필수 모듈이 있습니다

: 글로벌 설정 (글꼴 크기, 라인 높이).
• : 크기 변형에 대한 수학 도우미 기능. settings.defaults : 유형 기반 모듈의 글꼴 크기 믹스 인
추가 모듈은 Bower에 의해 관리됩니다 inuitcss 수정 : 파일을 재정의 또는 변수 주입 tools.functions inuitcss의 핵심 코드를 직접 편집하지 마십시오. 대신, 가져 오기 전에 재정의 파일 또는 변수를 주입하십시오. 이 접근법은 모든 모듈에 적용됩니다. 재정의 파일을 먼저 가져와야합니다 모듈, 구성 요소 및 사용자 정의
• 모듈 변형은 기본적으로 비활성화됩니다 (예 : 버튼 크기 변형). 가져 오기 전에 활성화하십시오 : tools.mixins
inuitcss는 기초를 제공하는 데 중점을 둡니다. UI 구성 요소는 크게 개발자에게 맡겨집니다 결론 : 다른 종류의 프레임 워크

inuitcss는 개발자 설계 선택 및 모듈성을 우선시하는 고유 한 접근 방식을 제공합니다. 크고 기능이 풍부한 프레임 워크의 오버 헤드가없는 특정 구성 요소가 필요한 프로젝트에 이상적입니다. 아직 개발 중이지만, 그 개념은 유망합니다.

자주 묻는 질문 (FAQ) 제공된 FAQ 섹션은 이미 잘 작성되고 포괄적입니다. 변경이 필요하지 않습니다.

위 내용은 inuitcss 소개 : 다른 종류의 CSS 프레임 워크의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!