Category Archives: Web Development

Web Development

How to make Facebook Like Button and Comments Responsive

Am-I-Responsive-website-addaptive-css-tricks

Responsive design or Adaptive? Well, Responsive design is a subset of Adaptive design concept. But anyway, if your website is Responsive, (what i will recommend), and you are facing some layout issue with Facebook Like Button or Comments, here is a CSS quick tip how to fix it!

Continue reading

10 Best jQuery Plugins for Scrolling and Navigation

cover-scroll-jquery-js-plugin-script-free-download

jQuery can add amazing effects to your website. Here you have a the best jQuery plugins collection for a better page scrolling and navigation. After downloading to implement you have to include the script file in your HTML page. For more instruction on each download page is a documentation link.

Continue reading

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

ProfundGrid – Responsive Grid System

wordpress-tools-download-free-webmaster

The first feature that a website must have is Responsive Design! There are lot of Grid tools for webmasters free to use and here you can add one more to your collection.

ProfundGrid, responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.

Continue reading

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