CSS Documentation Template [closed] - css

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
Does anyone know if there are CSS templates purely for documentation purposes? I haven't been able to find any.
Edit: Looks like I will have to write my own. Basically it would have been nice to have a little css template that has pre-styled notice boxes and lists purely for the use of user guides or documentation but not too hard to setup.

try 960 grid
it's basically a CSS framework

Blueprint CSS
On a par with 960 Grid

You may want to check out the designs at the CSS Zen Garden.
The goal of this site is to showcase what is possible with CSS-based design. Style sheets contributed by various graphic designers are used to change the visual presentation of a single HTML file, producing hundreds of different designs. The HTML markup itself never changes between the different designs.
On each design page, you'd have a link to view the CSS file of that design.

Related

Using CSS outside of the browser [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
Is there a way to use CSS outside of the browser? Let's say I wanted to use it on creating desktop apps for Windows, Mac OSX or any other operating system.
Yes CSS is Often Used Outside of a Browser
Yes. When people develop with apps such as React, we use CSS and SCSS just like you would on a webpage.
Below is a sample of using CSS with React using JavaScript
Your question is very unspecific regarding e.g. the programming language you want to use. There are a lot of frameworks out there used to create desktop frontends. Some of them also use CSS-like notation to define their look, such as JavaFx.
But if your target is to create a webpage that runs in both browser and as native desktop app, I guess the best way is to run a browser engine inside your app.
Edit to answer your comment: It's not dependent on the programming language but related to the framework you use. Every framework works a bit differently here but some use the CSS notation. But as StackOverflow is not the place to ask for a list of frameworks I would recommend you to do some research on your own.

what is the reason to have <header> <footer> tags in html5 [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
why to use tags in html5 even though we can achieve that functionality by html4 by adding css styles,
Other than every technology with latest version will have more flexibility or features. please help me to understand..
The main advantage is while loading your code the web browser knows the header and footer portion. It helps in prioritizing on the things to be loaded first and which has to be loaded later. In addition this will be much easily understood by a Google Bot or a screen reader due to its logical markup.
As #panther wrote, the main reason is semantics. Also it's better for search engines to use html5. You can achieve a lot of tags using some css, for example adding display: inline to div will give you span etc

Online tool to check/validate css [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
Is this website code beautify reliable to check my css codes in details or are there other tools?
There are many websites like the one you've attached in your question and they usually follow the same rules, so I wouldn't be too worried about what you use. I use CSSLint from time to time, http://csslint.net/, which is very strict on the syntax and how you are using your rules.
The most important part of your CSS (in my opinion) should be, how reusable and maintainable your style sheets are, and there are many articles on the web which outline some of the principles you should be using, like https://speckyboy.com/good-bad-css-practices/, and a quick google for CSS practices will reveal many different guides and articles on this.
There are also IDEs with a form of intellisense on the CSS syntax, like WebStorm or Visual Studio Code (https://code.visualstudio.com/docs/languages/css), so you don't have to paste your styles to and from a website.

Are there any reuseable CSS stylesheets that provide some commonly used functionality? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
Examples might include:
buttons (class="button" or similar)
rounded boxes with headings (class="content-box" or similar)
nice looking html tables (class="nice-table" or similar)
customised html form fields
[example class names just to give an idea of expected behaviour]
Basically I just want some readymade CSS for common things.
My non-designer friend wants to get started creating a web app and I feel that ready made simple but attractive CSS classes would be a great help.
Try this ones:
http://twitter.github.com/bootstrap/ — css framework from creators of twitter, have wide range of common elements.
http://foundation.zurb.com/ — another framework with hight focus on prototyping.
There is Skeleton: http://getskeleton.com. It has both JS and CSS patterns and is helpful for developing sites quickly, it's also mobile friendly.
jQuery UI provides a nice framework for this, even if you don't use the javascript side of things. You can reuse their CSS for whatever you need. See here:
http://jqueryui.com/docs/Theming/API
http://twitter.github.com/bootstrap/
YUI3. Yahoo! has created some of the best rules for web development.
Reset - level all browsers
Fonts - level all fonts
Base - reapply some common styles
Grids - best way to manage grid-like layouts
http://yuilibrary.com/yui/css/

any nice CSS design for non-artistic web developer? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
Honestly I'm very bad at CSS and not good at dealing with color / design.
Are there any helpful sites for things like pre-made, nicely skinned component, or layout of the whole site?
Thanks!
Here are a few:
http://www.oswd.org/
http://openwebdesign.org/
http://www.solucija.com/free-templates
http://www.opensourcetemplates.org/
for skeletal layouts: http://blog.html.it/layoutgala/
and few a few css tutorials http://www.cssplay.co.uk/layouts/index.html
A slight tangent, but you may find the book The Principles of Beautiful Web Design an interesting read. It is aimed more toward non-designers looking to expand their design awareness.
I used the "Free CSS Template" website. When I created my web site they didn't have a lot of designs, but the ones they did have were clean, complete, and elegant. Pure XHTML and CSS. I had no trouble tweaking to fit my needs.
http://twitter.github.com/bootstrap/

Resources