James Stone

Certified Preferred

138

Engineer
|
San Francisco, CA

James Stone is an award-winning web designer and a top contributor to ZURB Foundation.
Learn how front-end code + living styleguide can reduce team conflict, personal stress, and improve workflow with his free Design Systems Crash Course below:

The typical workaround is to set everything up to be tables and table cells to accommodate vertical centering. This is even more complicated if you need to center to the full height of the device as you will need to set the height of every inheriting object to 100% including body and html.

A quick search of how to center content vertically in divs will point you in the right direction.

Config.rb is from foundation 5 is you used compass (rather than grunt + libsass) to compile your sass.

i.e. compass watch

In Foundation 5 lots of people switched over to using Grunt / Libsass. This was with the --libsass flag when you use the foundation cli to install.

i.e. grunt

Now in Foundation 6 the default option is libsass + Gulp (A different project that is similar to Grunt).

i.e. npm start (or gulp)

I would recommend moving over to the Gulp workflow unless you have a strong reason for using Ruby Compass to compile your sass.

If you had modified your config.rb file before to optimize the output of your sass or to include additional sass import directories, you can do the same thing in the gulpfile.js. The format is slightly different but you should be able to largely do the same types of things.

I agree with @Knight Yoshi that sticking with Foundation 5 is a good move if you have not tested out functionality with v6.

I understand you are frustrated, but a more appropriate place to report issues that you are finding is on github issues. Here you can see if there are similar issues, there is often a discussion, potentially a workaround. The biggest thing is that it gets it in front of the right people who are fixing these things.

@Pawel if bootstrap is better for the project then go for it. Personally I have used Foundation 5 + Angular Foundation for countless projects and it is very solid.

This is independent of breakpoints. Think of it as max-width being set on the row. Meaning if the viewport is wider, then it will be a specific amount. If the viewport is smaller then it will be 100% because it is less than this amount.

This is independent of the breakpoints and media queries, but you could potentially change that by overriding it in your own css. With say a different max-width on the .row for different breakpoints.

Just trying to wrap my head around F6, currently, and creating a new Foundation project, I notice that the config.rb file is no longer present. Obviously, I can see a lot has changed about the new version, but I'm missing a very important component of my ... (continued)

I followed the setup instructions. When I type foundation-apps new projectName I get:
'foundation-apps' is not recognized as an internal or external command,
operable program or batch file.
I'm not sure where foundation-cli is or how to add it to PATH.

What is the best method to remove the spacing on the side of a panel? I have three in a Foundation Row, and I would like the row to look like a single row instead of three columns in a row.
I have attached images of what it looks like now, and what I ... (continued)

Last year I have done a few projects with Foundation 5. Therefor I have been playing with Foundation 6 since the launch. I can't believe ZURB is releasing a product that's not ready and full of errors.
1. No migration guide between foundation 5 and 6 (... (continued)

I am creating my custom app with Electron. I am very happy and pleased with what Foundation Apps contain, but I want to add only "dropdown menu" from Foundation Sites as Apps at least the way I checked doesn't contain anything like that.
So I am not sure... (continued)

Hi,
I'm having some difficulty figuring out how to change the width of a .row based on the screen width. I'm using the flex-grid styles.
In my current workflow I have my own _global.scss file which is imported into foundation.scss just after the ori... (continued)

Hi All,
I just started transiting and i find out that foundation 6 does changes a lot as in the _settings.scss no longer features a lot of variables (as ZURB developer says the code-base is now smaller in size) as i previous use the variables in my per... (continued)

Hi community,
I'm on Foundation 6 and i would like if i can change for only small breakpoint the grid-column-count value ? Example :
$grid-column-count-small: 4;
$grid-column-count: 12;
I use flex-grid.
Thank you !

Hi,
Im new to Foundation Apps but i love the ease of use for prototyping etc. I am currently developing a single page app and was thinking about using AngularJS but since ive used Foundation Apps I really want to include the UI and grid system.
My q... (continued)

I'm trying to get foundation to recognize the newer version of ruby I have installed (2.2) but it keeps pathing into 1.8.7 and I'm trying to figure out how to change the path to point to the right destination. Im getting this error:
Read More

I'm trying to get foundation to recognize the newer version of ruby I have installed (2.2) but it keeps pathing into 1.8.7 and I'm trying to figure out how to change the path to point to the right destination. Im getting this error:
Read More

I'm trying to get foundation to recognize the newer version of ruby I have installed (2.2) but it keeps pathing into 1.8.7 and I'm trying to figure out how to change the path to point to the right destination. Im getting this error:
Read More

I'm trying to get foundation to recognize the newer version of ruby I have installed (2.2) but it keeps pathing into 1.8.7 and I'm trying to figure out how to change the path to point to the right destination. Im getting this error:
Read More

I'm trying to get foundation to recognize the newer version of ruby I have installed (2.2) but it keeps pathing into 1.8.7 and I'm trying to figure out how to change the path to point to the right destination. Im getting this error:
Read More

I'm trying to get foundation to recognize the newer version of ruby I have installed (2.2) but it keeps pathing into 1.8.7 and I'm trying to figure out how to change the path to point to the right destination. Im getting this error:
Read More

James Stone

138

Engineer
|
San Francisco, CA

James Stone is an award-winning web designer and a top contributor to ZURB Foundation.
Learn how front-end code + living styleguide can reduce team conflict, personal stress, and improve workflow with his free Design Systems Crash Course below:

The typical workaround is to set everything up to be tables and table cells to accommodate vertical centering. This is even more complicated if you need to center to the full height of the device as you will need to set the height of every inheriting object to 100% including body and html.

A quick search of how to center content vertically in divs will point you in the right direction.

Config.rb is from foundation 5 is you used compass (rather than grunt + libsass) to compile your sass.

i.e. compass watch

In Foundation 5 lots of people switched over to using Grunt / Libsass. This was with the --libsass flag when you use the foundation cli to install.

i.e. grunt

Now in Foundation 6 the default option is libsass + Gulp (A different project that is similar to Grunt).

i.e. npm start (or gulp)

I would recommend moving over to the Gulp workflow unless you have a strong reason for using Ruby Compass to compile your sass.

If you had modified your config.rb file before to optimize the output of your sass or to include additional sass import directories, you can do the same thing in the gulpfile.js. The format is slightly different but you should be able to largely do the same types of things.

I agree with @Knight Yoshi that sticking with Foundation 5 is a good move if you have not tested out functionality with v6.

I understand you are frustrated, but a more appropriate place to report issues that you are finding is on github issues. Here you can see if there are similar issues, there is often a discussion, potentially a workaround. The biggest thing is that it gets it in front of the right people who are fixing these things.

@Pawel if bootstrap is better for the project then go for it. Personally I have used Foundation 5 + Angular Foundation for countless projects and it is very solid.

This is independent of breakpoints. Think of it as max-width being set on the row. Meaning if the viewport is wider, then it will be a specific amount. If the viewport is smaller then it will be 100% because it is less than this amount.

This is independent of the breakpoints and media queries, but you could potentially change that by overriding it in your own css. With say a different max-width on the .row for different breakpoints.

I'm trying to get foundation to recognize the newer version of ruby I have installed (2.2) but it keeps pathing into 1.8.7 and I'm trying to figure out how to change the path to point to the right destination. Im getting this error:
Read More