Semantic Grid System Patterns

Semantic Grid System

http://semantic.gs/

• Basic mechanics are identical to all other Float-Based Grid Systems
• Big difference is this targets Pre-Processor Users who dislike presentational class names
• Rather than Grid classes and patterned markup, pushes the Grid abstraction to the Pre-processor side and uses only variables
• Result is that the user uses their layout mechanism in the Pre-processor and outputs CSS that binds layout settings to the html/content entities
• Plus is semantics and cleaner html markup
• Drawback is that only those who use Pre-processor can control their layout and make changes to layouts
• Dynamic sites that utilize the concept of the "canvas wrapper" abstracted from the "content" may have a hard time mapping this type of construct