새로운 개발 도구 스크립트 에 Cory Simmons

분실 그리드는 새로운 CALC () CSS 기능을 탐구하고 응답 그리드 시스템에서 작동하도록 넣을 수있는 좋은 방법을 발견한다. 그리드는 세 가지 버전으로 제공됩니다, 자바 스크립트 (jQuery를 의존성), SCSS, 그리고 스타일러스, 그리고 쉽게 네 번째 버전으로 컴파일 할 수 있습니다. 기본 CSS를 그리드의 마크 업을 모방 부트 스트랩의 격자, 개발자가 쉽게 HTML을 너무 많이 변경하지 않고 자신의 미래의 프로젝트에 추가 할 수 있습니다....

Jeet 프레임 워크, 아니면 그냥 Jeet 쉽게 쉽게 웹 사이트의 레이아웃을 프로토 타입 CSS와 JS 스크립트의 모음입니다.그것은 일반적으로 거의 모든 웹 사이트 프로젝트에 사용되는 유틸리티, 프론트 엔드 개발을 줄이고 더 중요한 문제에 프로그래머 초점셔서 많이 모여있어 이 특징 : 있습니다. 그리드 시스템응답 레이아웃모바일 환경 지원크로스 브라우저 지원UI에 대한 뿌리 '축 CSS 라이브러리를 사용 이 릴리스의 새로운 기능입니다 : ...

적 FlexGrid는 새로운 3 표준 반복 도입 flexbox의 CSS 속성 작업에 대한 간단한 접근 방법을 제공합니다.이 작은 스타일러스 파일은 개발자가 쉽게 사용할 뷰포트의 크기에 기초하여 그 폭을 변경 데이터 열에서 콘텐츠를 배치 할 수있다.모든 것은 브라우저의 엔진 대신 복잡한 CSS 클래스와 ID를에 의존 할 수 자동으로 수행됩니다.열은 각 행의 내부에있는 내용에 따라 자동으로 계산 및 개발자가 쉽게 언제든지 거터 크기를 변경할 수 있습니다...

는 "요정 그리드는"그리드 대신 견고한 그리드 템플릿에 적응하기 위해 페이지의 내용을 강제의 내용을 조정할 수 있도록 복잡한 수학 연산에 의존, 응답 그리드를 구축하는 데 더 현대적인 접근 방법이다.개발자는 그리드에 내용 블록의 번호를 전달할 수 있으며 자동으로 각각 동일한 폭의 열을 생성합니다.중첩 된 그리드 레이아웃을 자동으로 수직 및 수평 정렬을위한 사용자 정의 홈통과 flexbox 통합과 함께 지원됩니다.이 "요정 그리드"외에 또한 콘텐츠 이동...

calcGrid가 스타일러스 CSS 프리 프로세서 엔진을 통해 앞으로 이동 혁신을 사용 CALC () 함수가 더 정확합니다.이 작은 유틸리티를 사용하는 개발자들은 각 그리드 행에서 발견 블록 컨텐츠의 양에 따라 런타임시 열을 생성하고 자동 조정 그리드 시스템을 만들 수있다.이러한 열은 새로운 위치로 이동 될 수 있으며, 오프셋 값을 이용하여 도시 될 수있다.시궁창 크기가 소스에서 조정 가능하며 최종 그리드 레이아웃도 벽돌 쉬운 이 요구 사항 :...

두개골의 초기 단계에있는 작은 웹 프로젝트에 더 적합, 부트 스트랩 또는 재단 같은 다른 더 복잡한 UI 프레임 워크와 비교 될 수 없습니다.이 프레임 워크는 배포가 매우 용이하고 전체에 표시된 모든 구성 요소와 샘플 페이​​지와 함께 제공됩니다.두개골 테이블과 폼 요소에 대한 자신의 그리드 시스템, 기본 타이포그래피 스타일, 버튼 팩 및 기본 스타일로 제공됩니다.모든 요소는 완벽하게 대응하고 모바일 및 데스크톱 환경 동일한에서 제대로 렌더링해야하는...