티스토리 뷰

CSS는 제대로 유지가 어려운 기술입니다. 


기업에 따라 다양한 규칙이 존재해 정답도 좀처럼 찾을 수 없습니다. 


오히려 일정한 법칙에 만드는 것이 편하다고 말할 수 있습니다.


이번에 소개하는 RichCSS도 그런 스타일 시트 프레임 워크 중 하나입니다. 


디자인 프레임 워크는 않기 때문에 RichCSS의 법칙에 의거하여 작성하여 


운용을 완화한다는 개념입니다.




RichCSS 사용


RichCSS 개념에 가까운 것이며, 그것을 보조하는 CLI 도구가 나와 있습니다. 


초기화 명령에서 CSS 또는 SCSS에 따른 베일 파일이 생성됩니다.



  1. $ richcss init scss
  2. create box
  3. create elements
  4. create parts
  5. create box/blocks.scss
  6. create box/main.scss
  7. create box/positioning.scss
  8. create elements/button.scss
  9. create elements/colors.scss
  10. create elements/features.scss
  11. create elements/fonts.scss
  12. create elements/images.scss
  13. create elements/inputs.scss
  14. create elements/lists.scss
  15. create parts/Partfile


보고 아는대로 페이지가 아닌 화면 요소에 따라 스타일 시트가 생성되는 느낌이 있습니다.




RichCSS는 재사용 성을 중시 한 스타일 시트의 짜는 방법을 제창하고 있습니다. 


기능 단위로 스타일 설정이 정해져 있다면, 


다른 화면에 동일한 설정을 지정하는 것도 자연스럽게 할 수있게 될 것입니다. 


RichCSS는 Ruby 제 (CLI), MIT License 오픈 소스 소프트웨어 


(소스 코드는 공개되어 있지만 라이센스는 명기되어 있지 않습니다)입니다.



댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/02   »
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
글 보관함