Menu icon Foundation

Designer

My Posts




My Comments

Benoit Lemay commented on Raphael's post about 1 month

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 about 1 month

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 3 months

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

Benoit Lemay commented on Jozef K.'s post 3 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 3 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 9 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

Benoit Lemay commented on Benoit Lemay's post about 4 years

I'm getting there!!! many thanks for your help! I'ts almost perfect.. now i just need to fix the f-dropdown because it's not working anymore..

It's a "position" related problem.. but cannot find the solution..

http://griffmedia.com/Jue/index2.html

The "Fr/En" link must be a dropdown (language selection )

Any ideas!?

Thanks
Benoit

Benoit Lemay commented on Benoit Lemay's post about 4 years

Hi!,

"hide-for-small-down" : I want to hide the slide for the mobile version...
I'll try that !

Thanks!

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 Raphael's post about 1 month

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 about 1 month

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 3 months

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

You commented on Jozef K.'s post 3 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 3 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 9 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

You commented on Benoit Lemay's post about 4 years

I'm getting there!!! many thanks for your help! I'ts almost perfect.. now i just need to fix the f-dropdown because it's not working anymore..

It's a "position" related problem.. but cannot find the solution..

http://griffmedia.com/Jue/index2.html

The "Fr/En" link must be a dropdown (language selection )

Any ideas!?

Thanks
Benoit

You commented on Benoit Lemay's post about 4 years

Hi!,

"hide-for-small-down" : I want to hide the slide for the mobile version...
I'll try that !

Thanks!

Posts Followed

Following

  • No Content

Followers

  • No Content