I was looking around and could not find a CSS3 Template to use as a basic starting template. I was wondering if anybody knows if something like this even exists. Basically, I am looking for a basic stylesheet to start off with that includes all of the basic selectors so that I can fill them in or remove if not needed.
Thanks
The Wikipedia article on CSS frameworks has a list of popular frameworks and some useful stats about them.
Have a look to twitter bootstrap : http://twitter.github.com/bootstrap/
or to fundation (because everybody uses bootstrap, and all sites look the same) : http://foundation.zurb.com/
Regards
Mind if I introduce you to Twitter Bootstrap template?
It is a CSS3 template framework.
This is just a suggestion, since it helped me a lot to learn more about CSS3 and at the same time insight to responsive design.
If you decided to go ahead with twitter bootstrap go to this link for more resources.
Related
I am a newbie web developer tasked with creating a website for a client in the art industry. I've decided to roll with Mezzanine + Cartridge for the project as it seems like an accessible way to get started. I now have the server up and running with no issues, but obviously can't use the default Mezzanine theme for such a project.
I'm finding that theres a highly limited amount of themes available online for Mezzanine, and that there are a lot more Bootstrap themes available floating around. Is there a way I could use the two together? Ie the UI/front end being a Bootstrap theme while still maintaining the functionality of Mezz/Cartridge?
If so, how would I go about doing this? Not expecting a step by step guide, but any advice/guidance would be highly appreciated. Like I said, I'm incredibly new to this (first website ever!) so if I'm misunderstanding something, please let me know. Thank you for your time.
You'll override the base template as the starting point for customizing the look of everything. In there you'll find the stylesheets for bootstrap used, which you can modify/replace/etc.
https://github.com/stephenmcd/mezzanine/blob/32dc38778d296f508a23b729de04a02075994df5/mezzanine/core/templates/base.html#L18-L32
When I try to print my Ember.js page application, templates aren't displayed on the sheet (it only displays a big empty white section). Any explanations or solutions?
Thank you
You will need to use traditional media queries to implement the ability to print from your Ember app. As far as I am aware there, no one has created an ember addon to support print functionality at this time. (See here where it doesn't look like anyone has a good suggestion for a similar question.) I can imagine it would be difficult to support generic functionality for printing that looks decent across apps, which may explain why no one has attempted to create an add on at this time.
I'm new to ExpressionEngine and ModX, well I've barely started reading up on it and I need some encouragement before I dig dipper into learning either of them.
I've know they're both CMS utilities which allow you to create websites and manage them as wordpress would but I'd like to know if instead of building it completely from the ground up, if one can simply use a template, like one of those free HTML templates or a premium template and use one of those two CMS utilities to manage/update the content of the site.
I've looked around for some tutorials but the ones I've found only teach how to create a site from the ground up and I don't mind reading and learning as long as someone can tell me if it's possible to do what I mentioned before.
Thanks.
Yes, you can with MODx. You can use any HTML, css, javascript you want, no restrictions.
I don't know about ExpressEngine.
Yes you can use whatever HTML you like with ExpressionEngine, whether it's code you write yourself or whether it comes from a template.
Brand new to CMS:
With Joomla or other CMS, If I want to use my own design, do I have to make it a template first using proprietary code of some sort = ie using some Joomla templating language - or is using my own design with Joomla simple and independent?
I am not sure the role "templates" play with Joomla and other CMS. I gather they can be used as a complete "pre-made" design where you just tweak it, but are they necessary as a base of some sort to using my own designs? I am proficient with HTML and CSS. I also have been playing around with various Jquery Plugin's for my UI.
Ideally I would like to create any design I can think of with any layout I create and use CMS simply for its database and plugins etc such as a blog or calender back end. I might use it for more features as I learn about them. Do I need to use a "template" or create a "template" to do this?
Thanks!
{edit}
You have to create a template (or change an existing one), how else will the CMS know where to add the information into as the template is a HTML, CSS and Javascript Page group devoid of information and some HTML Tags replaced with CMS Specific tags, which tells the CMS where to add the information. It also include certain files telling the CMS the Name, and othe information of the template.
The First step in creating a template is to have a design.
Do your design in HTML and CSS. (Preferably using the CMS Template folder/directory structure.)
For Joomla use the information in this post: How should I go about writing a Joomla! template?
In Joomla jQuery have to be used in compatibility mode.
The CMS will supply the information, you supply the design and tell the CMS
{/edit}
The Template is the design container, whether you create one from scratch or reuse a current template. I initially used one of the pre-installed templates (together with the documentation) to learn some of the complexities of designing the template. (ex. structure, and what is possible.)
Please also look at my answer to this question How should I go about writing a Joomla! template? as it is a pretty good beginners guideline for template designers in Joomla (Even if I have to say it myself) with a couple of other resources linked in as well.
A Joomla template is nothing but HTML layout stylised using CSS. So to create your own templates you need a good grasp on HTML and CSS.
Joomla, by default provides a couple of templates to start with.
If you are just beginning, creating your own template is not where you want to start...learn more about setting up Joomla. You have enough problems there :)
Joomla! 1.5: A User's Guide is a great beginner book. It takes you through learning Joomla, what templates are, how to make them, and even walks you through setting up WAMP so you can experiment on your local machine.
The templates only affect the styling of your site. If you are starting out, I would work on getting your content in place first and wait on templates until later on.
My experience has been revamping my two websites to use WordPress, then moving to ModX, then moving back to HTML. I believe that you don't need a template but it will make some things easier as it bundles a lot of stuff you'd otherwise have to do manually. --At least for WordPress. I'm not even sure we found a good ModX template but adapted [poorly] a WordPress one. ModX is a good but little known CMS.
With one of my sites I found that it was impossible for WordPress to handle the images, thus I began working with a plug-in developer to create a custom plug-in. He took about a year and it still wasn't useable. Also I hired some consultants along the way. Their biggest contribution was "to complexify things" so I couldn't make any changes myself without going back to them & paying hundreds of $ to change a phone # for example.
I chucked all that and redid everything in HTML5 with Javascript, css and a little php. People here on S.Overflow actually helped me with the coding. I have a 3rd simple site that I may go back to WordPress for but only to use some particular functions which might be a pain to program otherwise.
Here is one of my 2 HTML sites:
coinsandhistory.com
I'm looking for a quick start or template, or something, to get a web site's basic layout done quickly and looking fairly professional, and then let me do the coding. I don't want a CMS, as this is for a highly customised reporting application, but I need something like frame header and two columns and frame footer. I can design the pretty reports for the wide right hand column myself, as the left hand column menu.
Something like YUI Grids CSS?
http://developer.yahoo.com/yui/grids/
or Blueprint CSS?
http://www.blueprintcss.org/
Or CSS boilerplate?
http://code.google.com/p/css-boilerplate/
you could use the BluePrint CSS framework or check out the CSS Templates
You don't mention what language you're using, but if it's Java, Appfuse is a really great tool for creating an entire (skeleton) web application project from a configurable template. This skeleton includes an initial HTML/CSS/Javascript UI that includes common elements such as a login page, an "add user" page, etc.
Depending on your IDE, Eric Meyer wrote a program called CSS Sculptor that you can use to quickly develop standards-based layouts. I've used it, and it's great.