The sass import name is the same between foundation and foundation-apps, they are both foundation.
Is it intended that if you use foundation-apps you would not be using the base foundation styles?
For example, data-alert and notifications from base foundation is not available if you are using foundation-apps even if you include both in your project and import them in your sass.
Maybe I am doing something wrong?
Looks like this question has been answered before here: http://foundation.zurb.com/forum/posts/21395-zurb-foundation-for-apps-for-websites
Short answers is yes. You'll need to include jQuery and the sites components will work in the new grid. You'll need to watch out for naming issues so you might have to namespace some stuff.
Related
I'm trying to prototype a site using the Zurb Stack project (since I want SASS and Handlebars), and I need to use the plain vanilla grid in order to support IE9. However my layout isn't working (even when copied direct from the tutorials), and looking into dist/assets/css/app.css I've discovered that it lacks the necessary classes such as .row and .column. Is there a setting I need to configure in order to switch from the newer grids to the old row/column version? I've searched the Zurb site and the wider internet in vain.
In order to change the framework to use the legacy Float Grid, you need to go to app.scss remove comment on the line where shows #include foundation-grid;, and comment the one with #include foundation-xy-grid-classes;, then rebuild framework.
Hope this helps
hey guys I am totally blown away by the power of clean semantic mark-up.My Question is that can i just use the UI components of fundation with Neat? has anyone tried it yet?
thanks.
You absolutely could, though it would muddy your semantic mark-up and bloat your app some. Not sure if you're using Rails, but: How can I use two css frameworks in one rails app? (Using foundation and bourbon neat on same app)
Have you taken a look at refills? It provides you with a lot of pre-packaged UI components built on top of the bourbon/neat/bitters stack that you can easily tinker with to fit your needs.
my english is bad, apologise in advice.
I've to add a chart to the project addpear opensource ember charts.
I built the chart, and it works. Anyway i need to add it to the getting started page and at my version of library. how I can do that? wich (and where) files I have to add?
I have already the code of the component and it works, but is in another project. I would like to import that component in the library.
You can use http://emberjs.jsbin.com as a sandbox for developing it (you just need to add addepar's libraries).
After many projects writing my own responsive design i got a bit tired of it, after researching popular responsive frameworks decided to go with Zurb Foundation.
First i went for the css ready to go download. Then i tried to use the GEM, where i got a bit of resistance in trying to figure out things on my own. It seems the docs are not explaining enough scenarios, they are just raw docs.
First what i miss is a search for all the classes to find explanations fast, something like jquery's website has.
Many googling and reading to figure out i need to install ruby on windows. Then i ended thinking that my webserver also needs ruby installed, but figured out that SASS is just a preprocesor so it is only helping me write and maintain better code on my side :)
Here are some other problems i just can't figure out easy, without searching google for each thing:
1) I have configured dreamweaver to open .scss files also. Then each day i'm developing, i need to open ruby-console, navigate to project dir and put: compass watch. Now each time i save every modifications (so i can test i the browser), dreamweaver pops out message box: "file has been modified outside of dreamweaver,..do you want to save..blabla" - very very enoying
2) app.scss only holds a lot #import statements. _settings.scss holds the code i can change the default looks (this was my primary reason to use the gem since not a SASS guru yet). Should i uncomment some statement and change themn to my needs inside _settings.scss and will i lose all these changes after one day i succesfully update zurb with: gem update zurb-foundation? If so, is it better practice to create a new scss which holds all my overrides?
3) how to create new .scss file which should override some defaults that _settings.scss listens.
4) should i override the app.css or the _settings.scss
5) when changing top-bar links hover colors, why aren't these applied??? example: $topbar-link-color-hover: #fff; (_settings.scss)
6) i did not have an /img or /images folder in my project after creating it. Hence, i created one myself "/images"
7) any books to buy on foundation 4 with a lot of best practices and tutorials???
I'm sorry but for me honestly it seems way to much time to spend learning the very basics for zurb. I have a lot of experience in c++ projects as in mobile and desktop web projects, so i realy don't feel like a newby but it's almost like i'm pushed to buy support
First I will start off by saying, if you are new to frameworks try something that has a ton more documentation like Twitter-Bootstrap. However since you decided to use Foundation here are the answers to your questions.
1) Setup compass to write the files to another directory that Dreamweaver does not watch. Use a proxy like Charles Proxy to proxy in the files when you are developing locally. This will get rid of the annoying do you want to save this file message. Make the compilation of the SCSS files part of your build process before you deploy your application somewhere other than local.
2) Yes, app.scss has all the import statements. Some of which you might want to comment out if you are looking for raw speed, just fyi. In terms of overrides one thing that you can do is use the Mixins that are provided to you in the other files. Button.scss for example has some fantastic button mixins that allow you to not only create your own flair but inherit most of the Foundation Awesomeness. Another thing, if you notice how all of the variables have a !default. That means that if they are declared somewhere else(read import your variable first), the Default value will be overridden.
3) just make the file and add it as an import before the _settings.scss
4) app.scss has a ton of imports for all the parts of foundation, some you are most likely using and some maybe not.
5) Would need to see the compiled CSS for this one, my guess though without seeing anything is that you missed a variable.
6) Created it because Compass was looking for it? Unless you are planning on using images or creating a sprite (compass can create sprites, which is AWESOME) you can just comment or remove that from the config.rb.
7) Have not seen any. Foundation has much less of a community at this time when compared to Bootstrap. However you can get a leg up by studying up on SASS and SCSS, there is a lot more available on that part.
I am a newbie web developer, I've installed django-cms and now I'm trying to figure out how to use zurb foundation with it to create frontend that I like.
Can you help me with understanding main steps I need to take to do this?
P.S.
I understand that maybe it is a simple question, but I can't find any tutorials about it. If you will help me - I promise to write extensive article about it so that other people wouldn't have problems with that =)
Step one: Place foundation in the static directory
Step two: import the CSS like you normally would, using the STATIC_URL https://docs.djangoproject.com/en/dev/howto/static-files/
Step three: profit
I am not familiar with django-cms, but if you can locate the base template file the cms is using, it should be as simple as importing foundation using link rel= in that base template, then all your other templates will extend that base and have access to foundation CSS classes.
I could be wrong, but it seems like #Wade Willams answer will only expose the Foundation CSS framework for use. Foundation, however, offers a bit more functionality as a framework than simply a responsively constructed CSS file.
From this related question I found django-zurb-foundation which looks promising.