any nice CSS design for non-artistic web developer? [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 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/

Related

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.

Best Practice CSS for complex site [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 7 years ago.
Improve this question
I working on a right way to conduct the styling for a rather big website project, as I get usually stuck half-way, when the complexity increases. I already read quite some literature and found a lot of useful tips on the Internet, e.g. "use meaningful class names", and the like.
However, most sources are concerned with the actual working principle of CSS which are illustrated by rather short code examples. What I am actually looking for is a guide describing the styling of a website from start to end, including possible naming conventions, class management, file management and the like. Really great would also be a code example of medium-sized, or big site.
I am also grateful for any reference to books, magazines, articles and the like.
As I am not aware of any reference to book, I just follow basic things which makes my work quite smooth. Yes meaningful class names are must with that Try following the below which might help you
Keep the code clean and neat which is indenting the code before you wrap up for the day
Divide your css into part (Place the code of header and footer in one files Ex:base.css and the body part in another css Ex:main.css)

Cross Browser 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 4 years ago.
Improve this question
Hi everyone for the past 6 months I have been practising on creating websites with XHTML/CSS/Javascript/jQuery
I've learned alot and I'm pretty confident on my skills, my only problem is that my CSS dosen't work cross-browser on older browsers especially in internet explorer 6 and 7.
So what I want to know is if anyone can recommend me some books or resources that can help me to create cross browser CSS?
http://www.edgeofmyseat.com/blog/all/developing-css-for-ie6-and-7
Read this, it goes through pretty much the in's and out's of it. The best resource you'll ever need is Google, and use a reset css. Which is here:
http://meyerweb.com/eric/tools/css/reset/
Well this claims to be the ultimate guide to techniques for cross browser css, so should have some useful information for you.
just found another useful link too the principles of cross browser coding in css

CSS Documentation Template [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
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.

Resources