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

Discover how to focus on operators for Reactive Programming and how they are essential to react to data in your application.  Brought to you in partnership with Wakanda

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.

Learn how divergent branches can appear in your repository and how to better understand why they are called “branches".  Brought to you in partnership with Wakanda

Topics:

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

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

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

{{ parent.tldr }}

{{ parent.urlSource.name }}