Menu icon Foundation
F6 and Laravel5 gulpfile.js

Big thanks to Zé Cipriano and his article "Laravel Elixir and Zurb Foundation, revisited" and if he didn't wrote this article my work in making F6 working with Laravel5 would be much harder. If anyone has missed it here is the link (http://zecipriano.com/2015/12/laravel-elixir-and-zurb-foundation-revisited/)

Since Zé used JS includes just as a example

mix.scripts([
       jQuery,
       foundationJsFolder + 'foundation.core.js',
       // Include any needed components here. The following are just examples.
       foundationJsFolder + 'foundation.util.mediaquery.js',
       foundationJsFolder + 'foundation.util.keyboard.js',
       foundationJsFolder + 'foundation.util.timerAndImageLoader.js',
       foundationJsFolder + 'foundation.tabs.js',
       // This file initializes foundation
       'start_foundation.js'
    ]);

I was wondering what are the basic JS files you include in every project, or do you include them all. I found that you need to find in the manual JS reference for specific components, but sometimes when you are using building blocks or templates you need to dig deep to find what is needed.

And just to add something which is not connected to this question, but there are only 2 new F6 templates there and just a few building blocks. Is it hard for Zurb to publish more examples and make our learning curve a lot easier. In this way they are just pointing to new customers in the way of bootstrap since their community is much much more active. Maybe I am missing some sites that have much more examples.

jslaravelgulpfilegulp

Big thanks to Zé Cipriano and his article "Laravel Elixir and Zurb Foundation, revisited" and if he didn't wrote this article my work in making F6 working with Laravel5 would be much harder. If anyone has missed it here is the link (http://zecipriano.com/2015/12/laravel-elixir-and-zurb-foundation-revisited/)

Since Zé used JS includes just as a example

mix.scripts([
       jQuery,
       foundationJsFolder + 'foundation.core.js',
       // Include any needed components here. The following are just examples.
       foundationJsFolder + 'foundation.util.mediaquery.js',
       foundationJsFolder + 'foundation.util.keyboard.js',
       foundationJsFolder + 'foundation.util.timerAndImageLoader.js',
       foundationJsFolder + 'foundation.tabs.js',
       // This file initializes foundation
       'start_foundation.js'
    ]);

I was wondering what are the basic JS files you include in every project, or do you include them all. I found that you need to find in the manual JS reference for specific components, but sometimes when you are using building blocks or templates you need to dig deep to find what is needed.

And just to add something which is not connected to this question, but there are only 2 new F6 templates there and just a few building blocks. Is it hard for Zurb to publish more examples and make our learning curve a lot easier. In this way they are just pointing to new customers in the way of bootstrap since their community is much much more active. Maybe I am missing some sites that have much more examples.

Rafi Benkual almost 4 years ago

That is a great reference! Thanks for sharing it!

The only JS files you *must have are jQuery, foundation.min.js (all of foundation's plugins), and the app.js file to add you own JS.

All the F6 are new, the ones labeled as new were added in the last month. We'd love to add more! It takes manpower and time to create these while maintaining 3 frameworks (apps, sites, emails). It would be awesome if people can contribute to these resources. There are lot's of Foundation resources and themes out there and we'd love to see more:

http://foundation.zurb.com/sites/resources.html
https://www.foundationdeck.com/
http://themeforest.net/collections/3083675-sweet-zurb-foundation-themes

Vladimir almost 4 years ago

As you said "you *must have are jQuery, foundation.min.js (all of foundation's plugins)". Elixir compiles what I say to him is needed, and he puts it in a single .js file. With a little work&try I managed to find out what is needed for a basic F6 demo site.
I am trying to make a simple theme what will work with F6 and Laravel and since you might be aware Laravel is sky rocketing as one of the most popular PHP frameworks out there. Having F6 working with it "out of box" would be a bonus for you also since more people means more articles and tutorials.
I will take a look at those resources you just mentioned.