Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Regular Coder
    Join Date
    May 2011
    Location
    new york
    Posts
    118
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Could someone help me understand how this website was built?

    http://goo.gl/lBcbwu


    It looks like everything on the website is dynamic... nothing reloads. It is very fast. When I try to view the source I don't see any code but rather a small snippet of calls to JS files. it looks like this:


    Code:
    <!DOCTYPE html><!--[if IE]><![endif]--><html class="no-js" lang="fr"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><meta name="viewport" content="width=1024"><meta name="description" content="metascript description goes here"><link rel="stylesheet" type="text/css" href="//d2git0jmd3o4gs.cloudfront.net/css/main.14fdeee8.css"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"><link rel="apple-touch-icon-precomposed" href="//d2git0jmd3o4gs.cloudfront.net/favicon.png"><link rel="canonical" href=""><link rel="image_src" href=""><title>website</title><!--[if IE 9]><body class="ie ie9"><![endif]--><!--[if IE 8]><body class="ie ie8"><![endif]--><!--[if IE 7]><body class="ie ie7"><![endif]--><!--[if IE 6]><body class="ie ie6"><![endif]--><!--[if !IE]>--><body><!--<![endif]--><script src="//d2git0jmd3o4gs.cloudfront.net/js/before.eb923300a.js"></script><script src="//d2git0jmd3o4gs.cloudfront.net/js/loader.3edded47.js"></script><div id="page"><div class="pop-overlay"></div><div id="header"></div><div id="nav"></div><div id="footer"></div></div><script src="/api/members/config"></script><script src="/api/frontkeys/jed"></script><script src="//d2git0jmd3o4gs.cloudfront.net/js/vendors.29eeb614.js"></script><script src="//d2git0jmd3o4gs.cloudfront.net/js/vendors.jquery.af8873f4.js"></script><script src="//d2git0jmd3o4gs.cloudfront.net/js/behaviours.d1991f16.js"></script><script src="//d2git0jmd3o4gs.cloudfront.net/js/app.e0d41efb.js"></script><script>require('initialize');</script><script>(function(config) {
    	    if(config.analytics.hasOwnProperty('code') === false) return;
    	    window.App = window.App || {};
    	    window.App.ga = new Backbone.Analytics(config.analytics);
    	  })(require('config'));</script>

    However, if I save the website, it creates an html file and I see familiar website code. But I believe it may just be the browser rebuilding brand-new code in WYSIWYG mode and not actually code from the website.

    I was wondering if anybody knew how this website is so efficiently producing the pages and why there is no source code that is easily readable.

  • #2
    Regular Coder Linux_Sage's Avatar
    Join Date
    Mar 2014
    Location
    Sterling,VA
    Posts
    106
    Thanks
    0
    Thanked 10 Times in 10 Posts
    It appears they were using a JS framework called Backbone

    Backbone.js

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,680
    Thanks
    6
    Thanked 1,009 Times in 982 Posts
    Yeah, funny. That’s probably one of the crappiest websites I’ve ever encountered because it goes against everything HTML was originally intended for. Without JavaScript you see nothing at all and creating a simple HTML website completely with JavaScript is probably the stupidest thing ever, especially since there is no reason whatsoever in this case. These mediocre animation effects don’t justify the approach and I suppose the only useful thing is some kind of AJAX preloading functionality that makes things appear more quickly. But that’s no excuse for the site failing completely if you don’t have JS or even just cookies enabled.

    And the funniest thing is how they say of themselves:
    Horyou is an action oriented social network for the common good. […] Horyou represents a new internet philosophy where noble ideals become actions and social media is at the service of all.
    The only philosophy they represent is that you should forget everything in which anyone has ever put some serious thought and effort and just blindly follow stupid trends.

    If I was supposed give you any advice, phpchick, then that you shouldn’t take this site as example how to do things. Do some research about AJAX preloading but don’t overdo it as these guys have done.

  • #4
    Regular Coder
    Join Date
    May 2011
    Location
    new york
    Posts
    118
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Thanks VIPStephan. I agree with your points. However, I would also like to point out that almost nobody browses the internet without Javascript enabled. It would be impossible to navigate ANY website, with it disabled, not just this one.

    However, it seems to me that the way they have built this website makes it impossible for a search engine to discover it? Is this what is going on? If there is no easily accessible code/source, how are search engines crawling this?

  • #5
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Quote Originally Posted by phpchick View Post
    I would also like to point out that almost nobody browses the internet without Javascript enabled.?
    Sine when was 5% to 10% of people - almost nobody.

    Almost all web sites are built so that they will still work with JavaScript turned off. In some cases the JavaScript a web site uses is so badly written that the only way to use the site is to turn off the JavaScript.

    Fortunately most browsers now allow you to turn JavaScript on and off automatically on a site by site basis. This makes collecting exact statistics on who has JavaScript enabled very difficult. I know of lots of people who either have it off by default and on for just a few sites or who have turned it off just for a few sites.

    For example I have it turned off for all of Google's sites as their staff don't have a clue as to how to write JavaScript properly and so a lot of it conflicts with the way I have my browser configured. The way my browser is perfectly legitimate and their code only fails because they are using tests that are considered to be bad practice.

    There was a case some years ago where a big department store settled out of court over their site being unusable without JavaScript and given the disability the person taking them to court for breaching antidiscrimination laws was also unusable for that person with JavaScript as their only way of accessing the web did not allow for JavaScript to be enabled. Just how many millions the settlement was for was not disclosed as it never actually got to court (where it would probably have cost a lot more) but the most significant part of the outcome was that the department store immediately reworked their site so that it could be used without needing JavaScript.

    There are some web sites running "applications" where having JavaScript enabled is a prerequisite for the application to work but most web sites are not applications and so ought to be fully functional without JavaScript.

    Web sites should be tested for accessibility before any JavaScript code is added. The JavaScript should enhance the experience for those with JavaScript enabled - if it doesn't then they'll turn it off.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #6
    Regular Coder
    Join Date
    May 2011
    Location
    new york
    Posts
    118
    Thanks
    4
    Thanked 0 Times in 0 Posts
    fellgall: I'm not disagreeing with you, however you are obviously an expert computer scientist. The vast majority of computer users do not think, act, or behave like you do.

    According to Yahoo:
    Percentage of users with JavaScript disabled, by country. United States: 2.06%, United Kingdom: 1.29%, France: 1.46%, Spain: 1.28%, Brazil: 0.26%

    And in my opinion those 0-2% with JS disabled are people such as yourself, computer scientists who have JS disabled for a very specific reason, whether it be for browser configuration (such as yourself) or dev testing.


    I'm not saying that building this website entirely in Javascript is not a huge mistake, maybe it is, but I don't think the reason of people not having JS enabled is the reason why.

    Any other reasons why this is not a good way of building the website? Are my earlier SEO concerns valid?
    Last edited by phpchick; 04-06-2014 at 10:33 PM.

  • #7
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Quote Originally Posted by phpchick View Post
    And in my opinion those 0-2% with JS disabled are people such as yourself, computer scientists who have JS disabled for a very specific reason, whether it be for browser configuration (such as yourself) or dev testing.
    I wouldn't show up as having JavaScript disabled because I only have it disabled for selected sites.

    Most of those with it permanently disabled are where the person is themselves disabled and so unable to use a browser with JavaScript enabled. While you'd get away with disregarding these people for a personal site as they can always just ignore your site and go elsewhere, you can't disregard them if your site is for a business as antidiscrimination laws in many countries willallow those disabled people your site excludes to take legal action for you having discriminated against them.

    Anyway, what is so difficult about testing that your site works before you start adding JavaScript.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #8
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,680
    Thanks
    6
    Thanked 1,009 Times in 982 Posts
    I was gonna say “don’t give me that ‘everybody has JS enabled anyway’ crap” but felgall has made it pretty clear. But I can’t hold back with another analogy: Just because the majority owns a car that doesn’t mean it’s OK to ignore those that don’t. Besides, that specific site doesn’t just require plain JavaScript, it also requires cookies to be enabled, and having cookies disabled is probably much more common because even some non-tech-savvy people don’t want to be tracked and/or analyzed and therefore disable cookies without possibly disabling JS. And there are a lot of easy to use browser add-ons nowadays that make toggling cookies and JS easy even for regular people, not just computer experts.

    Quote Originally Posted by phpchick View Post
    However, it seems to me that the way they have built this website makes it impossible for a search engine to discover it? Is this what is going on? If there is no easily accessible code/source, how are search engines crawling this?
    This could very well be the case. While there might be some search engine crawlers that can handle JS I doubt they can handle advanced AJAX calls etc. This site gives some hints, and in fact, when I ran a “member” page of your example website trough their spider tool it said that the text it found was one word and it didn’t find any links at all – because there are none by nature.

    While there are so-called “rich internet applications” that require JS by their very nature (e. g. image editors) the vast amount of the content on the internet is not, and neither is the website you are referring to. So, the “everybody has JS enabled” argument aside, there is just no reason (as in both, “necessity” and “rational thinking”) to jump through all these JS hoops just to create a regular website.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •