홈페이지 » 툴킷 » 부트 스트랩 및 파운데이션에 대한 10 가지 경량 대안

    부트 스트랩 및 파운데이션에 대한 10 가지 경량 대안

    프로젝트에 가장 적합한 프레임 워크를 선택하는 것은 다소 어려울 수 있습니다. 선택할 수있는 많은 것. 아마, 부트 스트랩이나 파운데이션과 같은 인기있는 선택으로 가고 싶지만, 웹 사이트가 매우 단순한 것이라면, 당신은 빌딩 블록과 재료의 대부분을 필요로하지 않을 것입니다. 기본 패키지에 포함.

    좋은 소식은 부트 스트랩이나 파운데이션보다 훨씬 희박한 몇 가지 대안이 있다는 것입니다. 이러한 프레임 워크의 대부분은 스타일과 구성 요소의 적절한 양 시작하는 데 도움이되는 동시에 프로젝트 방향으로 프로젝트를 확장 할 수 있습니다..

    여기있다. 부트 스트랩 및 파운데이션에 대한 10 가지 경량 대안 당신이 사용해야하는 소규모 웹 사이트 구축.

    Hongkiat.com에 대한 추가 정보 :

    • Twitter Bootstrap 시작하기
    • 부트 스트랩 3 사용하기
    • 부트 스트랩 도구 : HTML 부트 스트랩 레이아웃 작성
    • 부트 스트랩 플러그인 사용 : 모달 창
    • 부트 스트랩 도구 : YAMM3을 사용하여 메가 메뉴 만들기

    1. 스켈레톤

    스켈레톤은 마침내 안면 성형 수술을 받았습니다. 그것은 지상에서 완전히 개조 된 것이지만 여전히 예전만큼 가볍습니다. 새로운 스켈레톤 그리드 시스템은 이제 모바일 우선 철학을 채택하여 장치 화면이 얼마나 작은 지에 관계없이 레이아웃이 중심 단계를 차지하도록합니다..

    이전 버전에 포함 된 모든 구성 요소 (버튼, 양식 및 입력 요소)는 여전히 존재하지만 기본 타이포그래피 스타일은 이제 설정됩니다. rem 단위.

    2. 추기경

    CardinalCSS는 성능, 가독성 및 가장 중요한 유지 관리성에 중점을두고 작성된 CSS 프레임 워크입니다. CardinalCSS는 그리드를 구성하기 위해 모바일 우선과 같은 몇 가지 현대적인 접근 방식을 채택합니다. 요소 너비와 높이를 쉽게 결정할 수있는 CSS 상자 모델.

    CardinalCSS에는 또한 요소에 스타일을 빠르게 적용 할 수있는 소수의 도우미 클래스가 있습니다 (예 : 드롭 캡 단락의 첫 번째 문자에 드롭 캡 효과가 적용됩니다..

    3. ConciseCSS

    ConciseCSS는 CSS 프레임 워크입니다. Sass, LESS 및 Stylus의 위에 구축 된 린 프레임 워크는 CSS 유지 관리의 황금기를 열었습니다. 그러나 단순한 바닐라 CSS를 선호하는 사람이라면 그렇게 할 수 있습니다..

    마찬가지로, ConciseCSS에는 표제, 단락, 표, 양식 및 버튼 UI를 작성하는 헬퍼 클래스 세트와 같은 필수 요소에 대한 기본 스타일이 있습니다.

    4. PowertoCSS

    PowertoCSS는 가볍고 견고한 프론트 엔드 프레임 워크입니다. 눈금을 만들고 스타일을 적용하는 데 사용되는 클래스 이름은 간단하고 기억하기 쉽습니다.. .단추. 나만의 테마를 추가 할 수도 있습니다. 시작하려면 StarterKit으로 이동하십시오..

    5. Furtive

    Furtive는 Flex-Box를 그리드 용으로 사용하는 것과 같은 최첨단 웹 표준을 기반으로 구축 된 모바일 우선 CSS 프레임 워크이며, rem 단위 크기 조정 (글꼴 크기 포함) 단위. Furtive는 CSS 해킹이 필요하기 때문에 오래된 브라우저 (* cough * Internet Explorer)를 지원하지 않음으로써 작은 CSS 풋 프린트를 유지합니다. 따라서 미래를위한 웹 사이트를 디자인하는 경우 Furtive는 완벽한 프레임 워크입니다..

    6. BassCSS

    BassCSS는 반응이 빠른 웹 애플리케이션을 빌드하기위한 모듈 형태의 기본 요소 스타일, 유틸리티, 레이아웃 및 색상 스타일 세트를 제공합니다. 스타일을 쉽게 사용자 정의 할 수 있도록 SCSS 파일이 포함되어 있습니다. 타이포 그라피, 공백, 중단 점 및 UI 요소로 재생할 수 있습니다..

    7. 뮬러

    Mueller는 Sass 및 Compass 위에 구축 된 모듈 식 반응 형 그리드 시스템입니다. Mueller를 사용하면 클래스를 HTML 요소에 직접 추가하거나 HTML 요소를 깔끔하고 깨끗하게 사용하려면 그리드를 만들 수 있습니다. 그리드() 기능. Mueller 그리드는 Pinterest와 같은 레이아웃을 만들기 위해 Masonry Javascript 라이브러리와 함께 사용할 수 있습니다..

    8. 투 크크 (Tuktuk)

    Tuktuk는 프레임 워크의 매우 독특한 이름입니다. 부트 스트랩이나 파운데이션과 비교할 때, Tuktuk는 그리드 시스템, 타이포그래피, 테이블, 그리고 navbar와 같은 UI의 기본 스타일링을 포함하여 프리젠 테이 블 가능한 웹 사이트를 구축하기위한 적절한 양의 부품 만 제공하므로 훨씬 가볍습니다. 모달.

    9.베이스

    Base는 LESS와 Sass를 기반으로 구축되었으며 웹 사이트를 구성하는 데 가장 필수적인 구성 요소 인 그리드와 HTML 요소의 기본 스타일링 만 포함합니다. Base는 Javascript 구성 요소와 함께 제공되지 않지만 IE7에서도 작동하기 때문에 훌륭한 브라우저 호환성을 제공합니다..

    10. 토스트

    우리 목록의 마지막은 Toast입니다. 패키지에 SCSS 스타일 시트가 포함되어 있으므로 Toast를 통해 그리드 클래스 이름, 거터 및 컬럼 기반을 쉽게 구성 할 수 있습니다. 예를 들어 격자를 12 대신 9- 기본 열로 만들려면이를 수행 할 수 있습니다. Toast는 요구 사항을 충족시키기 위해 매우 유연한 구성을 갖춘 최소한의 CSS 프레임 워크입니다..