Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) Basic Layout box-sizing and max-width

Posted by Rana Dugal
Rana Dugal
9,506 Points

need personal web service to show output from the html and css

I want to practice html and styles I have learnt so far!

this is a general question and nothing to do with box -sizing and maximum-width.

4 Answers

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

The "preview" button (looks like an eye) on the workspace creates a temporary service that your browser connects to. You can use the workspace to explore things related to the lesson or not.

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

What I was saying is that you can use a workspace for things not in the lessons. There are also several popular editing packages you can download that include either a simulated preview or a temporary server like the workspaces have. But you'd lose the ability to conveniently share your environment (with the "snapshot" function) on the forum if you need help with something.

Some of the popular editing packages are VS Code, Light Table, NetBeans, Brackets, Atom, and Sublime Text; all easily found with a browser search. Check the documentation for each regarding temporary local serving or hosting simulation capabilities.

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

Here's a video that explains how to make a workspace snapshot. Any you have stored should be found on the Workspaces page.

Rana Dugal
Rana Dugal
9,506 Points
Rana Dugal
Rana Dugal
9,506 Points

Thanks Steven,

I know about that eye button and is using it to check my output as I write the code as taught in the lessons. What I wanted was something of my own that I could keep on updating or changing as my learning curve approves.

Rana Dugal
Rana Dugal
9,506 Points
Rana Dugal
Rana Dugal
9,506 Points

Hi Steven,

Can you please elaborate on how to use snapshot function to seek help? Actually, I am taking snapshots during my lessons and end up loosing them when I switch to a new video. I do not know if they are stored somewhere and could be extracted?

Samuel Morgan
Samuel Morgan
2,226 Points
Samuel Morgan
Samuel Morgan
2,226 Points

I'd recommend taking screenshots as well and keeping them in a folder on your computer.

If you want a website of your own that you can work on I'd recommend downloading a program called Atom and building your own project on that. That's what I'm doing.

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

Tip: a "screenshot" is only an image but a workspace snapshot contains all the actual code (potentially many modules) and the file organization of the project.