Menu icon Foundation

Developer | Kyiv

My Posts



My Comments

Sergey Kruglikov commented on George Bratsos's post over 1 year

Hi, George!
How did you implement Handlebars connection with Foundation?
 
Thanks in advance,
Sergey Kruglikov

Sergey Kruglikov commented on Sergey Kruglikov's post over 1 year

Thanks, Moe!
I looked at the file foundation.offcanvas.js and did not notice the small letter "c" ;(

Sergey Kruglikov commented on Sergey Kruglikov's post over 1 year

Hi,
I tried connected a library jsor/carty. In example this library used handlebars.js and I tried implement in zurb template. 
 
JavaScript Compilation
All JavaScript files in the src/assets/js folder, along with Foundation and its dependencies, are bundled into one file called app.js. The files are imported using module dependency with webpack as the module bundler.
If you're unfamiliar with modules and module bundling, check out this resource for node style require/exportsand this resource to understand ES6 modules
A source map is created that maps back to the original files. By default, the bundled app.js is uncompressed. When building for production, the file is run through UglifyJS for compression.

Sergey Kruglikov commented on Paul Banagas's post about 2 years

Hi!
Try something like this.
/src/data/data.yml
{
"row": {
"one": {
"cols": {
"one": {
"name": "one",
"src": "https://placehold.it/200x200"
},
"two": {
"name": "two",
"src": "https://placehold.it/200x200"
}
}
},
"two": {
"cols": {
"one": {
"name": "three",
"src": "https://placehold.it/200x200"
},
"two": {
"name": "four",
"src": "https://placehold.it/200x200"
}
}
},
"three": {
"cols": {
"one": {
"name": "five",
"src": "https://placehold.it/200x200"
},
"two": {
"name": "six",
"src": "https://placehold.it/200x200"
}
}
}
}
}
 
/src/partials/tiles.html
{{#each data.row}}
<div class="grid-x grid-padding-x">
{{#each this.cols}}
<div class="small-6 cell text-center">
<img src="{{this.src}}" alt="{{this.name}}" />
<p>{{this.name}}</p>
</div>
{{/each}}
</div>
{{/each}}
 
/src/pages/index.html
{{> tiles}}

Sergey Kruglikov commented on Sergey Kruglikov's post about 2 years

Has anyone encountered a problem?

Sergey Kruglikov commented on Robert's post over 2 years

Did somebody tried to use Polymer & Polymerfire with Zurb template?

Sergey Kruglikov commented on Dustin's post over 2 years

yes ;)

Sergey Kruglikov commented on Dustin's post over 2 years

Hi Dustin,
I do not know why, but the solution does not work.
Comment placed on http://foundation.zurb.com/forum/posts/36974#comment_37141

Sergey Kruglikov commented on Glenn Philp's post over 2 years

i specified in config.yml
- "node_modules/snapsvg/dist/snap.svg.js"
in gulpfile.babel.js
function javascript() {
return gulp.src(PATHS.javascript)
.pipe($.sourcemaps.init())
.pipe($.babel({ignore: ["what-input.js", "node_modules/snapsvg/dist/snap.svg.js"]}))
.pipe($.concat('app.js'))
.pipe($.if(PRODUCTION, $.uglify()
.on('error', e => { console.log(e); })
))
.pipe($.if(!PRODUCTION, $.sourcemaps.write()))
.pipe(gulp.dest(PATHS.dist + '/assets/js'));
}
the result is still error message
Uncaught ReferenceError: eve is not defined
at app.js:9491
at app.js:9873

Sergey Kruglikov commented on Dustin's post over 2 years

Hi!
I have similar problem with Snap.svg library. After installed Snap.svg library and added string in config.yml I have error with 'evo' property anyway. Is there a solution?

Posts Followed







Following

Followers

My Posts

My Comments

You commented on George Bratsos's post over 1 year

Hi, George!
How did you implement Handlebars connection with Foundation?
 
Thanks in advance,
Sergey Kruglikov

You commented on Sergey Kruglikov's post over 1 year

Thanks, Moe!
I looked at the file foundation.offcanvas.js and did not notice the small letter "c" ;(

You commented on Sergey Kruglikov's post over 1 year

Hi,
I tried connected a library jsor/carty. In example this library used handlebars.js and I tried implement in zurb template. 
 
JavaScript Compilation
All JavaScript files in the src/assets/js folder, along with Foundation and its dependencies, are bundled into one file called app.js. The files are imported using module dependency with webpack as the module bundler.
If you're unfamiliar with modules and module bundling, check out this resource for node style require/exportsand this resource to understand ES6 modules
A source map is created that maps back to the original files. By default, the bundled app.js is uncompressed. When building for production, the file is run through UglifyJS for compression.

You commented on Paul Banagas's post about 2 years

Hi!
Try something like this.
/src/data/data.yml
{
"row": {
"one": {
"cols": {
"one": {
"name": "one",
"src": "https://placehold.it/200x200"
},
"two": {
"name": "two",
"src": "https://placehold.it/200x200"
}
}
},
"two": {
"cols": {
"one": {
"name": "three",
"src": "https://placehold.it/200x200"
},
"two": {
"name": "four",
"src": "https://placehold.it/200x200"
}
}
},
"three": {
"cols": {
"one": {
"name": "five",
"src": "https://placehold.it/200x200"
},
"two": {
"name": "six",
"src": "https://placehold.it/200x200"
}
}
}
}
}
 
/src/partials/tiles.html
{{#each data.row}}
<div class="grid-x grid-padding-x">
{{#each this.cols}}
<div class="small-6 cell text-center">
<img src="{{this.src}}" alt="{{this.name}}" />
<p>{{this.name}}</p>
</div>
{{/each}}
</div>
{{/each}}
 
/src/pages/index.html
{{> tiles}}

You commented on Sergey Kruglikov's post about 2 years

Has anyone encountered a problem?

You commented on Robert's post over 2 years

Did somebody tried to use Polymer & Polymerfire with Zurb template?

You commented on Dustin's post over 2 years

yes ;)

You commented on Dustin's post over 2 years

Hi Dustin,
I do not know why, but the solution does not work.
Comment placed on http://foundation.zurb.com/forum/posts/36974#comment_37141

You commented on Glenn Philp's post over 2 years

i specified in config.yml
- "node_modules/snapsvg/dist/snap.svg.js"
in gulpfile.babel.js
function javascript() {
return gulp.src(PATHS.javascript)
.pipe($.sourcemaps.init())
.pipe($.babel({ignore: ["what-input.js", "node_modules/snapsvg/dist/snap.svg.js"]}))
.pipe($.concat('app.js'))
.pipe($.if(PRODUCTION, $.uglify()
.on('error', e => { console.log(e); })
))
.pipe($.if(!PRODUCTION, $.sourcemaps.write()))
.pipe(gulp.dest(PATHS.dist + '/assets/js'));
}
the result is still error message
Uncaught ReferenceError: eve is not defined
at app.js:9491
at app.js:9873

You commented on Dustin's post over 2 years

Hi!
I have similar problem with Snap.svg library. After installed Snap.svg library and added string in config.yml I have error with 'evo' property anyway. Is there a solution?

Posts Followed

Following

Followers

  • No Content