How can I discover the way a website was built?

40bf9821e0d467d0c10f4686cb265737 September 9, 2012
Pinterest Stumbleupon Whatsapp

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.

Ads by Google

  1. Andrew Pelt
    September 28, 2012 at 8:17 am

    Never knew that picking up a phone was such a hard decision. iphone 5 or Galaxy S3?

  2. Noah Brisson
    September 15, 2012 at 6:28 pm

    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.

  3. Sidu Soren
    September 13, 2012 at 4:27 pm

    try Firebug or Web developer tool on firefox and alternatively you can visit http://builtwith.com/

  4. Abby Rakshit
    September 11, 2012 at 5:52 am

    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

  5. Irshaad Abdool
    September 10, 2012 at 6:55 pm

    use the 'Developer tools' of your browser. mozilla has one

  6. Patrick Jackson
    September 10, 2012 at 11:48 am

    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!

  7. Benn Agnew
    September 9, 2012 at 8:57 pm

    to do this
    In 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).

  8. World Websites
    September 9, 2012 at 8:20 pm

    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.

  9. Rohit Jain
    September 9, 2012 at 4:35 pm

    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.

  10. Rob Hindle
    September 9, 2012 at 3:33 pm

    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.

  11. Freecycle Me
    September 9, 2012 at 10:22 am

    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.

  12. Erlis Dhima
    September 9, 2012 at 8:48 am

    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!

  13. Mike
    September 9, 2012 at 7:35 am

    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, ...

Ads by Google