Friday, February 17, 2017

Use Google DNS for faster website load on your compuer

In order to configure on your computer, please follow below step:

- Open Network and Sharing Center by right clicking on network icon of your right hand side of Task Bar
- Click on "Local Area Connection" (will appeared connection status dialog box)
- Click on "Properties"
- Select "Internet Protocol Version 4 (TCP/IPv4)
- Click on "Properties" (will appeared Internet Protocol Version 4 dialog box)
- Choose "Use the following DNS server address and key in the following google DNS server numbers
~ Preferred DNS Server: 8.8.8.8
~ Alternate DNS Server: 8.8.4.4

Then click "OK" to save the setting and now you are using Google DNS server with faster DNS lookups and improve security and read more here -> https://developers.google.com/speed/public-dns/

Wednesday, February 15, 2017

Page Jumps with Anchor Links #

If you want to create page jumps with anchor link code, you will need these two elements:
- The link
- The target

Example:
- Create the Link:
<a name="youlinktext">yourlinktext</a>

and link to the Target:
<a href="#yourlinktext">go to your link text</a>

- Link to div tag with id:
<div id="#yourlinkname">

- Linking to the Top of the Page:
Add the “target code” at the very top of your page:
<a name="toppage"></a>

And then put the following link code at the bottom of the page with "#"
<a href="#toppage">Top</a>

- Link to different page
<a href="../yourURL/#yourlinkname">Go To Next Page</a>

To get Smooth Page Scroll Effect, you may put the following jquery code right before body tag:

<!-- Start SMOOTH PAGE SCROLL -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});
</script>
<!-- End SMOOTH PAGE SCROLL -->

Credit: Jquery code snippets by Chris Coyier and here is example on codepen:  http://codepen.io/chriscoyier/pen/dpBMVP


Restricted Access to the website with http basic authentication for additional security layer

Restricted Access to the website with http basic authentication for additional security layer ############## #For Nginx Server #########...