Thread: Ask the Masters: All About CSS

Also, external CSS is able to be cached by browsers - making loading time even faster and saving bandwidth

Originally Posted by ruben

dondon google caffeine takes in account the loading time so I guess it would be helpful to use external css.

nice initiative aziz!

I see, I have only heard of Google Caffeine but never really knew what it is all about. Will try to see

Originally Posted by Aziz

that is your own opinion and I respect it
But there is undoubtedly a difference when a search engine comes to crawl a page with internal CSS and a page with external CSS.

You see, the bot would crawl all content inside the page (including internal CSS or JavaScript codes) where as if it was external, the bot wouldn't crawl it as it's nothing a bot would look for. Why would the search engine crawl hundreds of CSS lines before reaching the actual page content? and that sure affects your website performance in search engines and SERP

Ah yes, thank you very much Aziz. Learning something new everyday

Originally Posted by ruben

dondon google caffeine takes in account the loading time so I guess it would be helpful to use external css.

FYI. Google Caffeine does not yet use loading time as a ranking factor. Caffeine is mostly an infrastructure update to speed up searches. Matt Cutts has said that they MAY add loading times as a ranking factor some time in 2010.

Awesome Thread Aziz, i had a small query.
I was wondering how you get the Page title to 'Marquee', like in the case of this site : :: Welcome To MAEER's MIT INSTITUTE OF DESIGN ::

Originally Posted by Snak3

Awesome Thread Aziz, i had a small query.
I was wondering how you get the Page title to 'Marquee', like in the case of this site : :: Welcome To MAEER's MIT INSTITUTE OF DESIGN ::

Hello,

animated title has nothing to do with CSS. It's done with JavaScript
(I personally do not recommend it, it slows down website performance)

Look around DynamicDrive mate there are a lot of examples there.

I am still open to any questions and CSS FAQs!

Originally Posted by Aziz

Hello,

This is a simple thread aimed to help people with CSS (Cascading Style Sheet). the web styling language.

I'm going to do my best to answer all your questions about CSS. how to use CSS to do specific behaviors and general inquiries about the CSS syntax.

Don't hesitate to ask!

All CSS Gurus are welcomed to contribute.

Thanx for offering your services, nice step taken by Will.

I will trouble you if required

G!

Hey Aziz!
i've been building web sites for some time, but am considering using the idea of going to a multiple style sheet concept with all of my future sites to improve development speed. the plan goes like this: all navigation for example would be a separate style sheet so that whether the desire was for a horizontal or vertical navigation all i'd have to do is declare which one i want in a div and would only have to worry about the content of a small style sheet rather than sorting through a larger style sheet to find and style what i'm working on. this concept could be extended to headers and footers as well. it would require a few style sheets to be called for each site, but would eliminate the single huge style sheet that often accompanies a web site.
what do you think? any benefit to this?

Originally Posted by nitrojane

Hey Aziz!
i've been building web sites for some time, but am considering using the idea of going to a multiple style sheet concept with all of my future sites to improve development speed. the plan goes like this: all navigation for example would be a separate style sheet so that whether the desire was for a horizontal or vertical navigation all i'd have to do is declare which one i want in a div and would only have to worry about the content of a small style sheet rather than sorting through a larger style sheet to find and style what i'm working on. this concept could be extended to headers and footers as well. it would require a few style sheets to be called for each site, but would eliminate the single huge style sheet that often accompanies a web site.
what do you think? any benefit to this?

hey there, sorry didn't notice the message. Anyway, your idea is great but risky as well so I'll sum up everything in a list:


Pros

• Saves time
• Reduces bandwidth usage
• Easy to edit / Flexible

Cons

• If the hosting was temporarily down, all sites using the sheet would suffer
• can slow the loading speed if the hosting server (of the CSS file) had bad connection
• It could cause problems when editing a specific property for a certain site (because it would override all other sites' style as well)

so my recommendation is using it for basic and main layout structures with limited properties that would apply to all sites for the long run.