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.
Related
I am working on an app that uses Django + Dojo. I want the UX to have awesome fonts, bootswatch kind of themes for example https://bootswatch.com/3/cosmo/
The entire app is going to be written in python and want to understand how I can ensure I get the modern look interface rather than the arcane Microsoft UI like feel some of the older dojo widgets spit out.
I finally decided not to go with Dojo which was too heavyweight to upload into AppEngine and dependencies it pulls 7K+ files.
Instead I donwloaded a bootstrap template, css, javascript etc, and blended that with a plan django and it works awesome!
I have posted a sample of how I did this if you are curious.
https://github.com/suramakr/django-playground/tree/master/locallibrary
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.
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.
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.
Hello all CodeIgniter guys :), I'm new to CodeIgniter andIi have now put my project on github. Here is my github page: https://github.com/SimonJ/Hip-hop-project
So I would hear about someone bothered to look through my files and make comments about what I can do better so I can learn something new :)
I have tried to use ocular template system but I get this error:
An Error Was Encounter Unable to load the Requested Class: ocular
Do you know what I'm doing wrong?
This question borders on the edge of belonging on Code Review instead of Stack Overflow, but I'll help you with your templating issue.
Are you running PHP 5 on your server? It looks like Ocular is using "public" and "private" words for functions and variables.
You are running an older version of Codeigniter by the looks of it because I don't see a folder called "core" in your application folder. There's a community version of CI called Reactor here or you can get the standard CI 2.0 from EllisLab here. I would upgrade to one of those, personally I would use Reactor.
Ocular is great but Phil Sturgeon has a lighter template library simply called template you might be interested in looking at as well, here. Like I said in the first paragraph of this answer, go to Code Review if you would like to have your code critiqued and reviewed.
PS. Welcome to Codeigniter, it's an awesome PHP framework.