Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

It's one thing to grab screenshots of web sites and return to them for design and interface ideas and inspiration.

But increasingly I've found that when I want to examine something that previously caught my eye, the actual web site has since been altered, so I can no longer learn from the code.

I wonder: is there a tool available that would allow me to save interfaces in a format that would retain the html/css?


share|improve this question

closed as not constructive by random Dec 30 '12 at 19:53

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.If this question can be reworded to fit the rules in the help center, please edit the question.

Is there any particular reason why File->Save won't do? If not, you have your answer, otherwise that's pretty important information to know when suggesting a tool. – Phoshi Jan 13 '11 at 14:09
up vote 6 down vote accepted

Firefox. File -> Save page as..., select "Webpage, complete" and choose a destination directory. A file will be created, say example-page.htm with a directory containing other resources like CSS, images and javascripts in example-page_files.

Note: the HTML is modified to point to the directory with resources.

share|improve this answer
Chrome has the same save option. – Doug Harris Jan 13 '11 at 14:17
The OP asked for any tool, so I utilize that freedom to suggest one. But you're right, every browser has a save option for a whole webpage. I've never tried it on browers other than FF, so I cannot confirm that. – Lekensteyn Jan 13 '11 at 14:24

There are many places to view previous versions of a web page after the site has been updated. the web gets archived in a myiad of ways including user's browser caches, router caches, isp caches, search provider caches, ad tracking caches, third party caches, etc. Many are publicly searchable though none are perfectly reliable.

The two easiest resources to use are Google's cache and the Wayback Machine Internet Archive.

share|improve this answer
What you suggest doesn't help when one wants to present (usually unpublished) development snapshots like he wants to. Also, what's the deal with your shift key? – Benjamin Bannier Jan 13 '11 at 16:13

Not the answer you're looking for? Browse other questions tagged .