Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

New, Responsive Themes for HTML5 Foundation (Written in LESS, No Less)

DZone's Guide to

New, Responsive Themes for HTML5 Foundation (Written in LESS, No Less)

· Web Dev Zone
Free Resource

Get deep insight into Node.js applications with real-time metrics, CPU profiling, and heap snapshots with N|Solid from NodeSource. Learn more.

Foundstyles.com is a little project I've been working on for the last week. The idea is very simple. Remember, I blogged about how the Foundation Framework works pretty well for me. So, I've decided to do something for Foundation similar to something that already exists for the twitter bootstrap framework (bootswatch): ready to use CSS that could be easily integrated to your site. Today the results are available!


foundstyles.com

Unfortunately Foundation does not support LESS straight out of the box, so I needed to move colors and layout into corresponding .LESS files. As a result it's possible to have a basic template which you can customize with own colors.

As for now, I've created only 3 templates: Blades Of Steel, Evergreen Tree and Coffee and Milk.


foundstyles.com

I had a lot of joy making those styles. Making web designs and playing with colors is my next hobby, I think. Through, those styles are really simple ones. I'm going to add more eventually. Since the project is just hosted on github, you are able to push your own styles. If you feel inspired, I would be really happy for submissions.

Next step: apply some fixes for IE (both site and styles) and just go ahead and produce some more. Hope it will be useful for you guys.

Node.js application metrics sent directly to any statsd-compliant system. Get N|Solid

Topics:

Published at DZone with permission of Alexander Beletsky, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}