Introducing Reverie: Versatile HTML5 WordPress Framework

I am very exciting to introduce my latest work: Reverie. Reverie is an extremely versatile HTML5 WordPress framework based on ZURB’s Foundation, a powerful tool for building prototypes on any kind of devices, which means it’s responsive to your phones, tablets and computers. Reverie follows HTML5 Boilerplate standard and is hNews microformat ready. It is optimized for Search Engine while at the same time improve readability.

Reverie

The reason I build Reverie is obvious: there are few frameworks on the web that actually satisfy the needs of each individuals. Different designers and developers have their own standards to judge whether the frameworks meet their requirements. And it’s the old saying, you can never find something that is 100% lives up to your expectation. After searching across the web and testing different framework for the upcoming theme of my other blogs, I found there are actually few out there could be taken into consideration. Those frameworks are good, and they are developed by professional developers and designers, but they just don’t meet my requirements. So I decided to build my own. And at the same time, I noticed the release of ZURB’s Foundation, and I knew what I was going to do.

At first, Foundation was not the only choice, there was actually one more option: Twitter’s Bootstrap. This is another great tool for building prototypes and was receiving tons of attentions on Github. But Bootstrap is not responsive, and it seems to be limited to 940/960 grid, an old favor to me. Three months after the announcing of the tool, I haven’t seen a WordPress framework/theme is built on Bootstrap. One thing to point out is Bootstrap is using LESS, and you probably heard a lot of debate on it. LESS is cool, but simply I don’t get used to it. And what I really agreed was what ZURB mentioned on Smashing Magazine:

All of these methods are a stopgap. The replacement technique might come out next month or next year, but really all of these tools will change drastically in the very near future. Tools like LESS help us get a little closer to a very clean solution, but at a higher technology and learning cost. We wanted Foundation to be the fastest way to prototype for all kinds of devices, so we paid a small price for truly separated markup.

What can Reverie do?

So let’s get back to Reverie. You have already known that Reverie is extremely flexible, so you can use it to build any kinds of theme you want, and the best part is, it is auto adjust to your screen resolution. To get the most out of Reverie, you should read through all the cool features and documents about Foundation. All the detailed usage of grid, layout, UI and tabs are well described.

Reverie: Versatile HTML5 Responsive WordPress Framework

Reverie is optimized for iOS devices. When saving as Home Screen app on your iOS devices, icons and loading images are automatically added. This is one of my favorite features and when you click the web app on your Home Screen, you can see the magic happens. To try it out, simply go to Reverie page and save it as a Home Screen app on your iOS devices. Reverie also has built-in several interesting features for WordPress, you can get the full feature list here.

Crafting Your Reverie on Foundation

Why named Reverie? Well, doesn’t that sound fancy? How about building your next dream on Foundation? Right now Review is hosted both on ThemeFortress and Github. If you have any questions, feel free to contact me, leave a comment, or post it in the forum.

Enough, want to have a try? Here is the gateway:

View Demo Download View on Github

  • http://mesopinions.ca Francois

    Good job ! I was going to use Foundation to remake my website, now it’s going to be way more easy with Reverie, won’t have to code the wordpress part !! Thanks, I will try it very soon.

    • http://themefortress.com/ Zhen

      Thanks man, hope you find it useful :)

  • http://mesopinions.ca Francois

    Hey Zhen,

    Tried it and it’s working great.
    I would like to know if it’s compatible with a child theme ? For example, I would like to change most of the layout (so easy with foundation) but without touching the original files (if there’s an update, it’s better).

    I was going to ask at the forum, but registration is closed, cannot create an account.

    Thanks !

    • http://themefortress.com Zhen

      Hello Francois, just tested a bit and I think it works with child theme. Since Reverie uses Foundation’s CSS, it is fine even without importing the Reverie’s own style.css file.

  • Adrian

    Hi,
    Thanks for this great framework!
    I will use it as a framework for my commercial theme! Can you please specify a little about the license? What can I do and what license should I use on my release?

    • http://themefortress.com Zhen

      Hello Adrian, glad you like the framework. It is under MIT license, the same as foundation.

  • http://wanabrar.com/blog/ Rei

    Hey i’m not sure how to use this, but is there any documentation or something so I can have a look on how to install it?

    • http://themefortress.com Zhen

      Upload to your theme folder and activate it. That’s it :) So far no documents, sorry, but most of the code are commented. So, it won’t be a problem.

  • bodhi

    Hi Zhen, nice work, seriously considering using reverie for an upcoming project, but one question: when a new version of foundation is released, will we be able to update to the new version? If so, you have done an amazing job and I look forward to working with reverie and contributing to your theme with feedback in the future. Bodhi

    • http://themefortress.com Zhen

      Thank you bodhi. Reverie is compatible with future version of Foundation. You can simply replace the new Foundation files with respect files under Reverie folder (they are the same structure). Foundation files are located at css, js and images folders.

  • http://highfxmedia.com Kurt

    Nice work Zhen! I’ll be using it for my new ebook site.

  • http://highfxmedia.com Kurt

    Zhen: I have a question about Reverie. There doesn’t appear to be any way to post questions in the forum. Am I missing something?

    Thanks!

    • http://themefortress.com Zhen

      Just enable the registration feature. You can post your question in the forum or on GitHub :)

      • http://highfxmedia.com Kurt

        My question was about the order of the stylesheets. The download version is older than the GitHub version. I see that the GitHub version moved the style.css file to after foundation.css. This resolves my question.

        There are a couple of other implementations of Foundation in WordPress available on GitHub. I’ll be checking into those as well.

        Thanks!

  • thelist

    Hey Zhen!

    Awesome work. I tried to register and leave a comment on your forum to get the ball rolling there. Not sure if I did it correctly. I really look forward to working with this!

    Cheers

  • http://www.wanani.me wantei

    Nice framework i hope to use this soon!