Readers like you help support MUO. When you make a purchase using links on our site, we may earn an affiliate commission. Read More.

I watched a show where candies like Snickers were replicated with only the ingredients known and I wondered if there is something similar for sites. Because sometimes sites look interesting or have interesting features and I would like to know how they are done.

Andrew Pelt
2012-09-28 08:17:06
Never knew that picking up a phone was such a hard decision. iphone 5 or Galaxy S3?
Noah Brisson
2012-09-15 18:28:33
The easiest way would be to right click and hit "Show Page source" unless you have safari, in which case you will have to use a different browser. All websites boil down to code. Most of the time it is a combination of HTML, Java, Javascript, CSS, PHP, and a few others.
MAKEUSEOF VIDEO OF THE DAY
SCROLL TO CONTINUE WITH CONTENT
Sidu Soren
2012-09-13 16:27:54
try Firebug or Web developer tool on firefox and alternatively you can visit http://builtwith.com/
Abby Rakshit
2012-09-11 05:52:46
Right click on page, click on view page source . Since most of the website have open source viewing. You can then see the coding and out of the script's that have been used, you can make out what way it was built. (Only if you understand basic web development) for ex. is a html tag. so html does exist. and so on php etc. Most of websites are a combination of php and html. If page is static,it's just html
Irshaad Abdool
2012-09-10 18:55:51
use the 'Developer tools' of your browser. mozilla has one
Patrick Jackson
2012-09-10 11:48:26
It is pretty impossible to know how a website functions from its source - as its just the processed version of the website, just like an EXE file!
Benn Agnew
2012-09-09 20:57:13
to do thisIn Internet Explorer, the VIEW menu option is "source". In Mozilla Firefox, press [Ctrl]+U to view the page's source code. In Safari, select View - View Source (or Option+Command+U).
World Websites
2012-09-09 20:20:58
You can use BuiltWith.com to find out what scripts and technologies used in a websites. simply type in your url and it will show server information, frameworks, analytics programs, libraries, encoding and more.
Rohit Jain
2012-09-09 16:35:19
If you have more than a passing interest in knowing what goes behind the site, install Wappalyzer. Available as an extension/add-on for both Chrome and Firefox.
Rob Hindle
2012-09-09 15:33:41
If the site is built with just CSS, HTML and Javascript you can view all of those. You might need something like the Web Developer Toolbar in Firefox to help you. Once you can view the contents of those 3 filetypes you may be able to understand and adapt them to your own purposes but sometimes the developer has made it intentionally difficult.If the site uses Flash, PHP, PERL (and others, but these are the most common) then you are only seeing the final result, not the coding behind the effect you want so if you want to recreate it you need to write your own implementation.
Freecycle Me
2012-09-09 10:22:53
There are also ways to download the source of a complete website sometimes using something like httptracker but this is not good for those with server side scripts. Secondly Flash is a different beast, you may need to dl the flash file then open it in an adobe suite.
Erlis D.
2012-09-09 08:48:16
To build a site different programming languages are used (HTML, CSS, Java, PHP etc). But also, it depends on the site! When you open the page, right-click view source... After it's opened, there are some links where you can view the .js and .css script! Just take a close look at it!
Mike
2012-09-09 07:35:55
It depends on the site but since you can usually access the source code via right-click or the menu all you have to do is a look at it and you will be able to find out what system they are using e.g. the CMS, libraries like jQuery, ...