HARMMOON : 어두운 모드가 내장 된 부트 스트랩 대안

나는 최근에 개발중인 프론트 엔드 프레임 워크 인 Halfmoon을 발표했습니다. 이 게시물은 프레임 워크를 소개하고 창조를 설명합니다.

반달 : 빠른 개요

Halfmoon은 몇 가지 주요 기능을 제공합니다.

• 내장 된 다크 모드 : 웹 사이트의 다크 모드 버전을 쉽게 만듭니다.
• 모듈 식 구성 요소 : 대시 보드에 이상적 인 모듈 식 구성 요소 (양식, 네이버, 사이드 바 등)는 복잡한 레이아웃 생성을 단순화합니다.
• 옵션 JavaScript : 많은 구성 요소가 JavaScript가없는 기능을하고 강력한 종속성이없는 JavaScript 라이브러리가 포함되어 있습니다.
• 친숙한 클래스 이름 : 클래스 이름은 사용하기 쉬운 부트 스트랩에서 영감을 얻습니다.
• 브로드 브라우저 지원 : Internet Explorer 11과 같은 이전 버전을 포함하여 거의 모든 브라우저와 호환됩니다.
• 쉬운 사용자 정의 : Custom CSS 속성을 사용하면 CSS 전 처리기없이 간단한 사용자 정의가 가능합니다.

기본적으로 Halfmoon은 통합 된 다크 모드 지원으로 강화 된 부트 스트랩으로 볼 수 있으며, 약간 수정 된 마크 업으로 부트 스트랩의 구성 요소를 활용합니다.

다른 프레임 워크를 만드는 이유는 무엇입니까?

일반적인 질문이 발생합니다. 왜 다른 프레임 워크를 구축합니까? 어두운 모드와 테마에 대한 나의 열정은 원동력입니다. 나는 밝고 어두운 모드와 토글 스위치가있는 도구를 선호합니다. 유연성은 장기간 사용하는 동안 시각적 피로를 방지합니다. 어두운 모드는 저조도 조건에서 작업 할 때 특히 유익합니다.

몇 달 전, 대시 보드 프로젝트에서 Dark Mode를 쉽게 구현할 수있는 간단한 도구가 필요했습니다. 연구 후, 내 옵션은 제한되었습니다 : JavaScript 구성 요소 라이브러리 (예 : Vuetify) 또는 유료 부트 스트랩 다크 테마 (무료 옵션은 매력적이지 않음). Django를 사용하여 간단하고 서버 렌더링 된 웹 사이트를 선호하는 나는 나만의 솔루션을 만들었습니다 : Bootstrap과 유사한 무료, 미적으로 유쾌한 프레임 워크이지만 내장 된 빛과 어두운 테마가 있습니다.

미래 개발

Halfmoon은 오픈 소스이며 자유롭게 이용 가능합니다. 향후 계획은 다음과 같습니다.

• 구성 요소 라이브러리 확장.
• 향상된 사용자 정의 옵션 (CSS 변수 사용).
• 더 많은 예와 템플릿.
• 개선 된 툴링 및 문서화.
• 접근성 고려 사항 증가.
• Vanilla JavaScript Custom Multi-Select, 데이터 테이블 및 Form Validator와 같은 구성 요소의 구현.

목표는 복잡한 대시 보드 및 일반 웹 사이트 개발에 적합한 프레임 워크를 만드는 것입니다. 문서는 프로젝트 웹 사이트에서 제공되며 코드는 GitHub에서 MIT 라이센스가 있습니다. 귀하의 의견, 기부금 및 문제 보고서를 환영합니다.

위 내용은 HARMMOON : 어두운 모드가 내장 된 부트 스트랩 대안의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!