시맨틱 그리드 시스템의 장점은 무엇입니까?

Question

Singularity으로 여행을 계속했으며이 프레임 워크를 실험하고 있습니다. Sassmonster.com에 실험 사이트를 만들었습니다 (여기 Github 저장소는 https://github.com/58bits/sassmonster입니다).

이 프레임 워크는 다른 의미 론적 프레임 워크 (이 경우 올바른 용어 인 경우)와 Foundation 및 Bootstrap과 같은 프리젠 테이션 마크 업 프레임 워크와 함께 논의했습니다.

Singularity (및 원래 Semantic Grid)가 취하는 접근법의 상대적인 장점을 요약 할 수 있는지 궁금합니다. 격자 클래스 나 속성을 마크 업에 표시하지 않아도됩니다.

내가 이것을 올바르게 이해했다면, 문서 소스 순서 나 고정 클래스 속성과 관계없이 레이아웃을 동적으로 변경할 수 있다는 점이 주된 장점입니다 (예 : 소스 순서와는 독립적으로 지정된 중단 점에서 새 그리드 레이아웃과 그리드 스팬 설정 왼쪽에서 오른쪽으로의 사이드 바 전환과 같은 변경).

내가 거기에 다른 사람이 있지만 내가 마지막으로 ;-)

이보다 더 많은 경험을 가진 사람에서 요약 감사 ​​것 확신 - 일반적으로 그리드 시스템의 미래의 관점에서 - 의지의 일반 채택 Singularity와 같은 오래된 프레임 워크의 CSS Grid Layout Module?

Answer 1

시맨틱 프레임 워크의 장점은 클래스 이름보다 추상화 수준을 취한다는 점입니다. 이것은 저자, 부트 스트랩이나 파운데이션과 같은 자신 만의 클래스 목록을 생성하는 유연성을 제공합니다. 또는 클래스에 제한받지 않고 모든 요소에 그리드 스타일을 적용 할 수 있습니다. 클래스는 평평하고 융통성이 없지만 믹스 인으로 추상화 된 로직을 사용하면 유연성이 크게 향상됩니다.

해결해야 할 이점은 출력 모델과 관련이 있습니다. Singularitys 기본 출력 모드는 격리라고하며 여기에서 작동하는 방법에 대해 읽을 수 있습니다 : http://www.palantir.net/blog/responsive-design-s-dirty-little-secret. 특이성을 이용하면 구식 수레를 사용하거나 원하는 경우 CSS 그리드 레이아웃 모듈을 작성할 수 있습니다. Singularity는 미래를 보장하고 그리드와 함께 여러 가지 작업을 수행 할 수있는 공통 프레임 워크를 제공하도록 설계되었습니다.

마지막으로 네, 그리드 레이아웃은 정말 멋진 것들이며, Singularity와 다른 그리드 시스템이 쓸모 없게되기를 바랍니다. 그러나 그리드 레이아웃의 문법과 규칙은 not so great이며 일부를 추상화하고자 할 수 있습니다. 규칙 중 일부는 비율 기반 열 수식과 같은 Singularity와 유사하므로 매우 좋습니다.