Menu icon Foundation
New Article: 5 ways to use ZURB Foundation

Five ways wide

Hi everyone,

James Stone, author of ZURB Foundation Blueprints here. Just wanted to announce that I just published a new article where I talk about 5 different ways that you can use Foundation.

Here is a quick list in case you are interested:

* CSS + JS Download
* Sass / Scss
* Semantic HTML using Sass Mixins
* CSS Only for Performance
* Angular-Foundation (not to be confused with the official ZURB Foundation for Apps project)

In the article, I give my experience and some tips for each method. At the end of each section I have a short pro / con list to help you quickly identify which one might be a good fit for you and for your next project.

Here is a link to the article.

https://www.jamesstone.com/blog/five-ways-to-use-zurb-foundation-five

Just wanted to share with the community. If any one has any questions for me or questions about this article, feel free to respond to this thread and I promise to follow up.

-James Stone, author ZURB Foundation Blueprints

cssSassscsssemantic htmlangular

Five ways wide

Hi everyone,

James Stone, author of ZURB Foundation Blueprints here. Just wanted to announce that I just published a new article where I talk about 5 different ways that you can use Foundation.

Here is a quick list in case you are interested:

* CSS + JS Download
* Sass / Scss
* Semantic HTML using Sass Mixins
* CSS Only for Performance
* Angular-Foundation (not to be confused with the official ZURB Foundation for Apps project)

In the article, I give my experience and some tips for each method. At the end of each section I have a short pro / con list to help you quickly identify which one might be a good fit for you and for your next project.

Here is a link to the article.

https://www.jamesstone.com/blog/five-ways-to-use-zurb-foundation-five

Just wanted to share with the community. If any one has any questions for me or questions about this article, feel free to respond to this thread and I promise to follow up.

-James Stone, author ZURB Foundation Blueprints

J. James over 2 years ago

Thanks for this resource. Look forward to the epub (or ?) coming out.

Yucel over 2 years ago

Hey James,

Thanks for the article and all the other tutorials.

Kumi Festus over 1 year ago

Hi James,

I have a problem with the dropdown menu. I hope you  can help me.

I had a tough time trying to center menu in a div container. I did it finally, I'm not sure if that is the best way. Now I have another hurdle displaying the dropdown menu as inline-block or table.

Here is the entire code.

<html>
  <head>
    <!--foundation styles-->

   <style type="text/css">
    .custom-menu{
     display:inline-block;
    }
   </style>
  </head>
  <body>
   <div class="row text-center">
     <ul class="dropdown menu" data-dropdown-menu>
       <li><a href="#">Item One</a>
         <ul class="menu">  
           <!-- I want to display the lists here as inline-block-->
            <li><a href="#">Item One A</a></li>
            <!--more Links-->
         </ul>
       </li>
       <li><a href="#">Item Two</a></li>
     </ul>
   </div>
   <!--foundation scripts-->
  </body>
</html>