티스토리 뷰
CSS는 제대로 유지가 어려운 기술입니다.
기업에 따라 다양한 규칙이 존재해 정답도 좀처럼 찾을 수 없습니다.
오히려 일정한 법칙에 만드는 것이 편하다고 말할 수 있습니다.
이번에 소개하는 RichCSS도 그런 스타일 시트 프레임 워크 중 하나입니다.
디자인 프레임 워크는 않기 때문에 RichCSS의 법칙에 의거하여 작성하여
운용을 완화한다는 개념입니다.
RichCSS 사용
RichCSS 개념에 가까운 것이며, 그것을 보조하는 CLI 도구가 나와 있습니다.
초기화 명령에서 CSS 또는 SCSS에 따른 베일 파일이 생성됩니다.
$ richcss init scss
create box
create elements
create parts
create box/blocks.scss
create box/main.scss
create box/positioning.scss
create elements/button.scss
create elements/colors.scss
create elements/features.scss
create elements/fonts.scss
create elements/images.scss
create elements/inputs.scss
create elements/lists.scss
create parts/Partfile
보고 아는대로 페이지가 아닌 화면 요소에 따라 스타일 시트가 생성되는 느낌이 있습니다.
RichCSS는 재사용 성을 중시 한 스타일 시트의 짜는 방법을 제창하고 있습니다.
기능 단위로 스타일 설정이 정해져 있다면,
다른 화면에 동일한 설정을 지정하는 것도 자연스럽게 할 수있게 될 것입니다.
RichCSS는 Ruby 제 (CLI), MIT License 오픈 소스 소프트웨어
(소스 코드는 공개되어 있지만 라이센스는 명기되어 있지 않습니다)입니다.
'오픈소스' 카테고리의 다른 글
PathToClip - 파일의 경로를 쉽게 복사 (0) | 2016.06.20 |
---|---|
gmail-britta - Gmail 필터 설정을 Ruby로 작성 (0) | 2016.06.20 |
XCSwiftr - Objective-C 코드를 Swift로 변환하는 Xcode 플러그인 (2) | 2016.06.15 |
player - CLI 음악 플레이어 (0) | 2016.06.15 |
formAnimation - 양식을 흔드는 검증 라이브러리 (0) | 2016.06.15 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 텍스트
- javascript
- Mac OSX
- Web 오픈 소스 JavaScript
- 자바 스크립트
- 오픈 소스
- GitHub
- MIT 라이센스
- License MIT
- GPL v3
- node.js
- SVG
- CMS
- HTML5
- 디자인
- GUI
- 웹 API
- Web API
- cui
- 소프트웨어
- go
- GPL
- software
- Web
- Web 오픈 소스
- github에
- mit license
- LGPL
- linux
- Open Source JavaScript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
글 보관함