Menu icon Foundation

Designer

My Posts





My Comments

Benoit Lemay commented on Zack W's post 26 days

If you followed this.. 
https://www.youtube.com/watch?v=rQguHjGzFEw
and/or 
https://www.youtube.com/watch?v=JlarIkhBj54
 
Then you put your scss files in your src\assets\scss
 

Benoit Lemay commented on Les Mizzell's post about 1 month

You main ul should have class="vertical medium-horizontal menu dropdown"
 
And because you have a lot of items in the main menu you could witch to the hamburger/mobile menu on large..
If you're using sass.. change the toggle menu ... in _setting.scss.. i think it's near the end of the file..

Benoit Lemay commented on Robbert Stapel's post about 1 month
Benoit Lemay commented on Robbert Stapel's post about 1 month

You're right!! i did,nt notice.. I'll check that out.. but if you find something let me know!.. 

Benoit Lemay commented on Raphael's post 3 months

Wich version of NPM are u using?..  I just tested a new install of zurb templates and everything is fine.. 
Using Node v9.5.0

Benoit Lemay commented on worldrom's post 3 months

Hi!
1. You can use 
$('#element').foundation('open');
in a load or ready function (jquery)..  or just cal it at the end of your page.
2. Cookies are not framework related.. then you'll have to "use" your cms or javascript..
 

Benoit Lemay commented on Benoit Lemay's post 5 months

Hi.. no ideas?. . No body had this problem?!

Benoit Lemay commented on Jozef K.'s post 5 months

Hi,, I'll check that,
BUT is it normal that foundation-cli install only v6.4.1 and not the latest version?
 In your link and packge.json. it's still "foundation-sites": "~6.4.1"!?
And i use NPM then yarn: command not found

Benoit Lemay commented on Jozef K.'s post 5 months

I have the same problem... Tried to install F6.5 via foundation-cli (latest).. and got F6.4.3 with  Dashboard page that looks like "crap".  Even npm install foundation-sites got 6.4.3 instead of latest 6.5.. I the worst is i got the whole F6.4.3 Docs site.. 
 
What's wrong with Foundation!?!.. Please fix it.. 
 

Benoit Lemay commented on Reind Dooyeweerd's post 11 months

Hi! I've struggle for few weeks/projects/year.. and i finaly got it work!
First  : sorry for my english.. 
My goal was to use Isotope / ImagesLoaded.. 

My Foundation 6.4.3 Zurb template was install via npm
I installed via npm both extra packages
I installed also 'jquery-bridget' as mentionned here https://isotope.metafizzy.co/extras.html

My app.js file looks like this :
import $ from 'jquery';

window.jQuery = require('jquery');
window.$ = window.jQuery;

var jQueryBridget = require('jquery-bridget');
var Isotope = require('isotope-layout');
// make Isotope a jQuery plugin
jQueryBridget('isotope', Isotope, $);
// now you can use $().isotope()

import whatInput from 'what-input';

require('isotope-packery');
require('masonry-layout');
var imagesLoaded = require('imagesloaded');

And because of my needs, i put my js script in an external js files.. (because i needed different config in different web page).. 
My external file contain lots of code but mainly normal isotope config
$('.actualite-container').isotope({
// options...
itemSelector: '.actualite-item',
layoutMode: 'packery',
percentPosition: true,
sortBy: 'sortDate',
packery: {
gutter: '.gutter-size'
},
sortAscending: false,
getSortData: {
sortDate: '.sortDate parseInt',
}

});
I'm pretty sure it's not the cleanest way but it works  FINALLY for me!
 
1. Do I need to import and require 'jquery'.. i'm not sure.. !?
 
Hope it will help someone!
Cheers

Posts Followed

  • NEW
  • Help with Gulp file?

    By Jason Kendall

    gulpjavascriptfoundation 6.4

    Hey I'm pretty new to gulp so I've gotten myself stumped trying to do something that I *think should be relatively easy. What I'm trying to accomplish is to use the "out-of-the-box" gulp file that foundation generates when creating a new site and edit it ... (continued)




Following

    No Content

Followers

My Posts




My Comments

You commented on Zack W's post 26 days

If you followed this.. 
https://www.youtube.com/watch?v=rQguHjGzFEw
and/or 
https://www.youtube.com/watch?v=JlarIkhBj54
 
Then you put your scss files in your src\assets\scss
 

You commented on Les Mizzell's post about 1 month

You main ul should have class="vertical medium-horizontal menu dropdown"
 
And because you have a lot of items in the main menu you could witch to the hamburger/mobile menu on large..
If you're using sass.. change the toggle menu ... in _setting.scss.. i think it's near the end of the file..

You commented on Robbert Stapel's post about 1 month
You commented on Robbert Stapel's post about 1 month

You're right!! i did,nt notice.. I'll check that out.. but if you find something let me know!.. 

You commented on Raphael's post 3 months

Wich version of NPM are u using?..  I just tested a new install of zurb templates and everything is fine.. 
Using Node v9.5.0

You commented on worldrom's post 3 months

Hi!
1. You can use 
$('#element').foundation('open');
in a load or ready function (jquery)..  or just cal it at the end of your page.
2. Cookies are not framework related.. then you'll have to "use" your cms or javascript..
 

You commented on Benoit Lemay's post 5 months

Hi.. no ideas?. . No body had this problem?!

You commented on Jozef K.'s post 5 months

Hi,, I'll check that,
BUT is it normal that foundation-cli install only v6.4.1 and not the latest version?
 In your link and packge.json. it's still "foundation-sites": "~6.4.1"!?
And i use NPM then yarn: command not found

You commented on Jozef K.'s post 5 months

I have the same problem... Tried to install F6.5 via foundation-cli (latest).. and got F6.4.3 with  Dashboard page that looks like "crap".  Even npm install foundation-sites got 6.4.3 instead of latest 6.5.. I the worst is i got the whole F6.4.3 Docs site.. 
 
What's wrong with Foundation!?!.. Please fix it.. 
 

You commented on Reind Dooyeweerd's post 11 months

Hi! I've struggle for few weeks/projects/year.. and i finaly got it work!
First  : sorry for my english.. 
My goal was to use Isotope / ImagesLoaded.. 

My Foundation 6.4.3 Zurb template was install via npm
I installed via npm both extra packages
I installed also 'jquery-bridget' as mentionned here https://isotope.metafizzy.co/extras.html

My app.js file looks like this :
import $ from 'jquery';

window.jQuery = require('jquery');
window.$ = window.jQuery;

var jQueryBridget = require('jquery-bridget');
var Isotope = require('isotope-layout');
// make Isotope a jQuery plugin
jQueryBridget('isotope', Isotope, $);
// now you can use $().isotope()

import whatInput from 'what-input';

require('isotope-packery');
require('masonry-layout');
var imagesLoaded = require('imagesloaded');

And because of my needs, i put my js script in an external js files.. (because i needed different config in different web page).. 
My external file contain lots of code but mainly normal isotope config
$('.actualite-container').isotope({
// options...
itemSelector: '.actualite-item',
layoutMode: 'packery',
percentPosition: true,
sortBy: 'sortDate',
packery: {
gutter: '.gutter-size'
},
sortAscending: false,
getSortData: {
sortDate: '.sortDate parseInt',
}

});
I'm pretty sure it's not the cleanest way but it works  FINALLY for me!
 
1. Do I need to import and require 'jquery'.. i'm not sure.. !?
 
Hope it will help someone!
Cheers

Posts Followed

Following

  • No Content

Followers

  • No Content