Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to SafariWhen comparing Semantic Grid System vs WebUI, the Slant community recommends WebUI for most people. In the question“What is the best CSS framework?” WebUI is ranked 29th while Semantic Grid System is ranked 36th. The most important reason people chose WebUI is:
WebUI includes scalable CSS transform shapes and scalable clip-path shapes.
Question Ranking
Pros
Pro Responsive layouts
With Semantic.gs, you can manipulate the grid using media queries.
article { .column(9); }
section { .column(3); }
@media screen and (max-width: 720px) {
article { .column(12); }
section { .column(12); }
}Pro Fixed and fluid layouts
By default Semantic Grid System has a fixed layout. But switching to fluid, percentage-based layouts is easy. To switch from pixels to percentages, simply add one variable:
@total-width: 100%;Pro Runs on SCSS, LESS, or Stylus
Semantic.gs supports all modern CSS pre-processors sucha as Sass, LESS and Stylus.
Pro Scalable CSS transform and SVG shapes
WebUI includes scalable CSS transform shapes and scalable clip-path shapes.
Pro Supports build customisation
Build customisation allows components that aren't required to be excluded using SASS includes and grunt tasks.
Pro Full support for flexbox
WebUI includes a full range of flexbox classes, including breakpoint specific classes based on REM units.
Pro Multiple grid systems out of the box
WebUI includes a flexbox, a table, and standard grid systems. These grid types can be used in combination and together.
Pro Generic design
Every component is built to be generic and interchangeable. For example, there are no restrictions on where grids, containers, menu buttons, or dropdowns can be used.
Pro Powerful tooltip system
The tooltip system includes viewport boundary collision detection, auto positioning and auto sizing for small viewport areas, configurable boundary margins, and many behavioral settings, such as focus, hover, static, nohide.
Cons
