is this is develop in HTML 5 ?

Discussion in 'HTML & Website Design' started by i_am_dhaval, Feb 28, 2013.

0
  1. #1
    i_am_dhaval, Feb 28, 2013 IP
  2. creativewebmaster

    creativewebmaster Active Member

    Messages:
    654
    Likes Received:
    7
    Best Answers:
    4
    Trophy Points:
    78
    #2
    Dear Dhaval,
    Yes, they have developed in HTML/5/CSS3/Jquary. For that kind of effect development find experience jquary developer to help you to build it.

    Thanks,
     
    creativewebmaster, Feb 28, 2013 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    My question would be why would you WANT TO?!? That buggy slow inaccessible pile of trash is a laundry list of how NOT to build a website. I pity anyone DUMB ENOUGH to deploy that type of nonsense on a website.
     
    deathshadow, Mar 2, 2013 IP
  4. MANAT KANHER

    MANAT KANHER Member

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    31
    #4
    Yes, This site is built using HTML5, CSS3 and some Jquery. There are already some plug in written in Jquery to get this animation effect in same page link. TO know more about same page link visit here http://www.w3schools.com/html/tryit.asp?filename=tryhtml_link_locations
    Then Scrollto is one among the plug in to get this animation effect. You don't have to write much code to get this effect. you just need to download the scrollto plugin from the link bellow and upload them into your server and then link them in head of your website. Specify all the points to which you want to scroll in the page by studying how same page link are created from W3schools website. Visit this link get some idea, how this can be done http://flesler.blogspot.in/2007/10/jqueryscrollto.html

    Download the plug ins from the upper link. And after that paste this code in the head of your website.


    <script> $(document).ready(function() {
    function filterPath(string) {
    return string
    .replace(/^\//,'')
    .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
    .replace(/\/$/,'');
    }
    var locationPath = filterPath(location.pathname);
    var scrollElem = scrollableElement('html', 'body');

    $('a[href*=#]').each(function() {
    var thisPath = filterPath(this.pathname) || locationPath;
    if ( locationPath == thisPath
    && (location.hostname == this.hostname || !this.hostname)
    && this.hash.replace(/#/,'') ) {
    var $target = $(this.hash), target = this.hash;
    if (target) {
    var targetOffset = $target.offset().top;
    $(this).click(function(event) {
    event.preventDefault();
    $(scrollElem).animate({scrollTop: targetOffset}, 1500, 'swing', function() {
    location.hash = target;
    });
    });
    }
    }
    });

    // use the first element that is "scrollable"
    function scrollableElement(els) {
    for (var i = 0, argLength = arguments.length; i <argLength; i++) {
    var el = arguments,
    $scrollElement = $(el);
    if ($scrollElement.scrollTop()> 0) {
    return el;
    } else {
    $scrollElement.scrollTop(1);
    var isScrollable = $scrollElement.scrollTop()> 0;
    $scrollElement.scrollTop(0);
    if (isScrollable) {
    return el;
    }
    }
    }
    return [];
    }

    });
    $(document).ready(function() {
    $("#homepage_style").addClass("animi_home");
    });
    </script>



    =================================================
    If you need any other help feel free to ask.
    Thanks.
    Manat Kanher.
     
    MANAT KANHER, Mar 2, 2013 IP