Free Responsive Menu

free-responsive-menu-webtoos

Responsive Nav is tiny JavaScript plugin which weighs only ~1KB minified and Gzip’ed, and helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.

How to use Responsive Nav

Put these into the head tag

<link rel="stylesheet" href="responsive-nav.css">
<script src="responsive-nav.js"></script>

Add Markup

<nav class="nav-collapse">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Projects</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

Put this right before the body closing tag

<script>
  var nav = responsiveNav(".nav-collapse");
</script>

Demo  Download Responsive Nav.zip

How to Optimize Web Server- Install Memcached

speed-up-wordpress-site-cache-webservers-install

On dynamic websites is highly recommended a cached system. There are several methods how to implement a cached system but in this article we will show how to install Memcached. Memcached is a general-purpose distributed memory caching system that was originally developed by Danga Interactive for LiveJournal, but is now used by many other sites. It speed up dynamic database-driven websites by caching data and objects in RAM to reduce the number of times an external data source (such as a database or API) must be read. Memcached runs on Unix, Linux, Windows and Mac OS X and is distributed under a permissive free software licens.

Continue reading

Indispensable JavaScript tool for HTML5 and CSS3

Modernizr-free-javascript-jquery-download-webmaster-best-of

Not all browser are update to the latest version to support the HTML5 or CSS3 features. If you have developed a website with latest features some users might have problems even browsing your page. We can solve this problem adding some script in our webpage.Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Let’s se how it works.

Continue reading