I’m a sucker for a new framework.
There’s something so cool about these new tools that are so inspiring.
Mix your frameworks with CodeKit and you’re ready to rock some serious web dev!
Now here’s a new-ish CSS framework that deserves some attention, Unsemantic CSS Framework:
Unsemantic CSS Framework
From the creator of the ever popular 960 Grid System, Nathan Smith brings one of the sexiest responsive grids I’ve seen.
Here are a few things I really dig:
- It makes sense.
- It’s SEO friendly.
- It works with Sass.
I personally don’t use Sass (yet), but the idea of extending Unsemantic appeals to me.
Here’s what’s so great about the SEO:
“By using
push-x
andpull-x
classes, you can rearrange the visual layout of page, without affecting its source order. WhileSEO is a bit of a “moving target,” this has been known to help search engines determine the most relevant content on a page.Typically, code at the top of a page is what search engines tend to focus on the most, and Unsemantic can help to ensure your source code is geared towards that goal.”
Nice, right?
I told you it was sexy.
As for ‘making sense,’ here’s how you work with Unsemantic:
- If you want a two columns, you would use class=”grid-50″ twice. It’s a percentage thing, see?
- If you wanted to divide the page into thirds, you would use grid-33 and grid-66, follow?
I like it.
Learn more about Unsemantic, check out the demo and take a look at all the online documentation on the Unsemantic website.
Chris Coppenbarger says
I’m getting started on using bootstrap myself right now. Btw, did you mean to say this, “one of the sexist responsive grids.”
Unless the grid is really male or female…dunno.
😉
Eric Dye says
I’m tempted to leave this type-o as is–LOL!
Jeremy Reger says
I’m really still stuck on Bootstrap, so I have a hard time thinking or seeing that Unsemantic has any advantages over .less
https://churchm.ag/css-bootstrap/
Eric Dye says
Yeah. This is a great resource for those that prefer SASS, but I’m with you. Still got my Boostrap on with some LESS action. 🙂