Ways to access the HTML and CSS codes of other websites (work, online)

[NJBest]

Originally Posted by Peregrine

No they are not. There is usually just one css file that handles the whole site and multiple pages of html.

To have one CSS file for the entire site would be unusual.... and wildly inefficient.

[Mach50]

Don't ignore the JavaScript .js files, today's sites have many dynamic features (Ajax, node) that will effect the look and feel of the page.

[NJBest]

Originally Posted by Mach50

Don't ignore the JavaScript .js files, today's sites have many dynamic features (Ajax, node) that will effect the look and feel of the page.

node? In the browser?

[Mach50]

Originally Posted by NJBest

node? In the browser?

You can write shared node modules for the browser and server.

[NJBest]

Originally Posted by Mach50

You can write shared node modules for the browser and server.

When a node module is run on the browser, it isn't a node module. It's a standard javascript (CommonJS) module. There's no node on the browser.

[thecoalman]

I prefer Firebug over the built in developer console in FF but I have been using it for years. You can just right click any part of the page and select inspect element(inspect element with firebug if it's installed). That will take you right to the HTML and corresponding CSS.


Firebug

While we are on the subject, aren't CSS and HTML found in different places? They aren't found in the same group of code, are they?

You can find it in three places. Either in the head of the document, inline or external file. Preferably you want it in an external file. The beauty of CSS is you assign classes to your HTML, suppose you have right side DIV for navigation.

<div class="rightnav"> ... </div>

In your external stylesheet:

.rightnav
{
width: 20%;
}

You only need to change that single line in your external file and it's site wide. Also keep in mind it's Cascading Style Sheet.

<p>Some Text</p>

<p class="spcialparagraph">Some Text</p>

p
{
font-weight: normal;
}


p.spcialparagraph
{
font-weight: bold;
}

Each of those paragraphs would have different formatting.

[NJBest]

I'm a big fan of Chrome's built-in inspector tools (which is what I use).

I do like how FireFox's solution is a browser built for developers from the ground up and how it integrates with your text editor, etc.

[thecoalman]

Originally Posted by NJBest

To have one CSS file for the entire site would be unusual.... and wildly inefficient.

That really depends, you're robbing peter to pay paul with the increased requests.

[Skunk Workz]

Originally Posted by thecoalman

I prefer Firebug over the built in developer console in FF but I have been using it for years. You can just right click any part of the page and select inspect element(inspect element with firebug if it's installed). That will take you right to the HTML and corresponding CSS.

Firebug

I second the Firebug recommendation. It's a really great tool.

[NJBest]

Originally Posted by thecoalman

That really depends, you're robbing peter to pay paul with the increased requests.

Only on the first load.