Menu icon Foundation

Designer

My Posts




My Comments

Benoit Lemay commented on Benoit Lemay's post 25 days

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

Benoit Lemay commented on Jozef K.'s post about 1 month

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

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 7 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 Benoit Lemay's post 25 days

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

You commented on Jozef K.'s post about 1 month

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

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