Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

3 Answers

Darren,

They're called "source maps", and are primarily used by Firefox and Chrome debuggers. They exist so that the debugger can display compiled CSS (via LESS, SASS, etc.) in a readable format. In other words, if you're using a CSS preprocessor, and the browser debugger attempts to display the resulting CSS, it's gobbledeygook. A source map acts as an intermediary to explain what the compiled CSS maps to in the source file.

Here's a more detailed description: http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

Hope that helps, -james

Darren Healy
seal-mask
.a{fill-rule:evenodd;}techdegree
Darren Healy
Front End Web Development Techdegree Student 23,565 Points

Thanks James, that info at the link is a bit too heavy for me right now!

Last questions.

  1. I should leave these files in?
  2. Should I link to them in the HTML?

If you're not using a CSS preprocessor like Sass or LESS, you can just delete them. You can always download them again later if need be.

If you're curious as to how to actually use them, Dale Sande has a video on them here. The video also doesn't just apply to Sass, but also to LESS and even jQuery, too.

Darren,

If you're not using a CSS preprocessor, you can safely delete them.

Me too!