Menu icon Foundation

Coder | Campbell, CA

I make stuff happen...for people.

My Posts











My Comments

Rafi Benkual commented on Gregor Agnes's post 2 days

I haven't experienced this - much faster than the old way. Has anyone else seen a slow JS compile in 6.4.1?

Rafi Benkual commented on Lee Davies's post 2 days

Float classes may be disabled but floats in CSS can still be used in the framework. Floats are still useful for some things.
Is there something broken because of the floats?
Can you share an example where flex would improve the component or use less code?
 
Thanks!

Rafi Benkual commented on Jakob Silbermann's post 2 days

Thanks for the kudos!
@each is a function of Sass syntax
{{#each global.nav_items}} for example is a Handlebars syntax for your HTML to iterate through sets of data and print them out. 
You can see an example of it used in Panini here: 
http://zurb.com/university/lessons/steering-you-right-with-panini-s-handlebars-helpers-and-data-ee441dba-f8e5-449b-bbfb-5fb65d655f81

Rafi Benkual commented on Aaron Macdonald's post 2 days

Just took a quick look and it's one of the wrappers you created inside the off canvas. Deleting them makes the issue go away. Try removing any additional transitions on inner elements and see if it helps

Rafi Benkual commented on adiba arif's post 2 days

If you give your column that holds the image a custom class, you can then do padding left and right 0

Rafi Benkual commented on Ivan Ortiz's post 2 days

 For some reason node_modules didn't install. You can delete the folder if it was created then run npm install to rebuild it.

Rafi Benkual commented on Theophilus Jeffrey Ali's post 3 days

 The setup you have there doesn't appear to be standard. Are you using the Sass version of Foundation? Where are you linking up the CSS from?
 
You can download a fresh copy here: http://foundation.zurb.com/sites/download.html/ and it will be set up out of the box.

Rafi Benkual commented on Zurb Rules's post 3 days

You'll find the flex utilities here: http://foundation.zurb.com/sites/docs/flexbox-utilities.html
For the codepens, you can get the CDN you need from here:
https://cdnjs.com/libraries/foundation

Rafi Benkual commented on Ralph Bolliger's post 3 days

This discussion might help you: http://foundation.zurb.com/forum/posts/53597-please-help-installing-font-awesome
All of Foundation's plugins ship both as importable ES2016 modules, and as individual precompiled "drop in" files, named foundation.tabs.js, foundation.accordion.js, and so on. These files are also combined into one big file called foundation.js, which allows you to get every plugin at once.  The precompiled files live in the dist folder, while the importable modules live in the src folder.
 If you're not familiar with module bundling, you'll probably want to reference the precompiled files from dist.

Rafi Benkual commented on Shawn Jones's post 3 days

Looking at the site - the code looks right and works here: https://codepen.io/rafibomb/pen/LLoyzK?editors=1000
Does your CSS have display: none defined on tabs anywhere?

Posts Followed

  • 4
    Replies
  • Webpack incredible slow

    By Gregor Agnes

    webpackSassjsdevelopment

    Hi, I'm working mostly in a bower / gulp environment with browsersync. Building js, css, with foundation and more or less external libraries and own styles and scripts takes about 1-2 seconds. With foundation 6.4 I tried building with webpack an webpack-... (continued)

    Last Reply by Zeka 16 minutes ago









  • 8
    Replies
  • Tabs content panel hidden

    By Shawn Jones

    tabs

    My tabs were working yesterday. Today they aren't. Isn't showing the active tabs content. Both tabs are hidden on page load. I don't think I added anything else to the site that would have interfered with them. I am getting no errors.  Can anyone se... (continued)

    Last Reply by Shawn Jones about 3 hours ago



Following

Followers

My Posts

My Comments

You commented on Gregor Agnes's post 2 days

I haven't experienced this - much faster than the old way. Has anyone else seen a slow JS compile in 6.4.1?

You commented on Lee Davies's post 2 days

Float classes may be disabled but floats in CSS can still be used in the framework. Floats are still useful for some things.
Is there something broken because of the floats?
Can you share an example where flex would improve the component or use less code?
 
Thanks!

You commented on Jakob Silbermann's post 2 days

Thanks for the kudos!
@each is a function of Sass syntax
{{#each global.nav_items}} for example is a Handlebars syntax for your HTML to iterate through sets of data and print them out. 
You can see an example of it used in Panini here: 
http://zurb.com/university/lessons/steering-you-right-with-panini-s-handlebars-helpers-and-data-ee441dba-f8e5-449b-bbfb-5fb65d655f81

You commented on Aaron Macdonald's post 2 days

Just took a quick look and it's one of the wrappers you created inside the off canvas. Deleting them makes the issue go away. Try removing any additional transitions on inner elements and see if it helps

You commented on adiba arif's post 2 days

If you give your column that holds the image a custom class, you can then do padding left and right 0

You commented on Ivan Ortiz's post 2 days

 For some reason node_modules didn't install. You can delete the folder if it was created then run npm install to rebuild it.

You commented on Theophilus Jeffrey Ali's post 3 days

 The setup you have there doesn't appear to be standard. Are you using the Sass version of Foundation? Where are you linking up the CSS from?
 
You can download a fresh copy here: http://foundation.zurb.com/sites/download.html/ and it will be set up out of the box.

You commented on Zurb Rules's post 3 days

You'll find the flex utilities here: http://foundation.zurb.com/sites/docs/flexbox-utilities.html
For the codepens, you can get the CDN you need from here:
https://cdnjs.com/libraries/foundation

You commented on Ralph Bolliger's post 3 days

This discussion might help you: http://foundation.zurb.com/forum/posts/53597-please-help-installing-font-awesome
All of Foundation's plugins ship both as importable ES2016 modules, and as individual precompiled "drop in" files, named foundation.tabs.js, foundation.accordion.js, and so on. These files are also combined into one big file called foundation.js, which allows you to get every plugin at once.  The precompiled files live in the dist folder, while the importable modules live in the src folder.
 If you're not familiar with module bundling, you'll probably want to reference the precompiled files from dist.

You commented on Shawn Jones's post 3 days

Looking at the site - the code looks right and works here: https://codepen.io/rafibomb/pen/LLoyzK?editors=1000
Does your CSS have display: none defined on tabs anywhere?

Posts Followed

Following

Followers