Training in Web Technologies

Subbu in Design

Training in Web Technologies Blog

WordPress

Building an eCommerce Website in WordPress

These simple tips for making your WordPress ecommerce site a success. Use them as a checklist for reviewing your current site and then make a list of what you can easily implement. Small improvements like these...

Google AdWords

Google AdWords Tips

We do a lot of audits of AdWords accounts to give advertisers a “second opinion” on the account and give them recommendations on how to improve things. And having been behind the scenes of...

SEO

What is SEO?

SEO means Search Engine Optimization. In this we will make your website more search engines (Google, Bing, etc) friendly. When ever somebody search something related to your products/services, then your site should be in...

jQuery

Password Strength

$(‘#pass’).keyup(function(e) { var strongRegex = new RegExp(“^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$”, “g”); var mediumRegex = new RegExp(“^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$”, “g”); var enoughRegex = new RegExp(“(?=.{6,}).*”, “g”); if (false == enoughRegex.test($(this).val())) { $(‘#passstrength’).html(‘More Characters’); } else if (strongRegex.test($(this).val())) { $(‘#passstrength’).className =...

jQuery

Image Preloader

Very easy way to preload images which are needed later (e.g. when a hover is performed) <script type=”text/javascript”> $.preloadImages = function() { for(var i = 0; i<arguments.length; i++) { $(“<img />”).attr(“src”, arguments[i]); } }...

WordPress

How to add .html extension to Pages?

Recently creating a WordPress site and i noticed a little problem, you can add .html in the settings which work fine for POSTS but not pages! I wrote a small plugin that will add...

jQuery

Exclude $(this) from Selector

Let’s say you want to attach a click handler to every link on a page. The function for that click handler turns all the other links a different color var $allLinks = $(“a”); $allLinks.click(function() { $allLinks.not(this).css(“color”,...

jQuery

Top 10+ jQuery Popup window plugins

. 1. Speedo Popup jQuery Plugin Speedo Popup is a powerful popup / modal plugin. It`s fully RESPONSIVE and is designed to provide an optimal viewing experience. Also has compatibility for HTML5 and CSS3 and...

jQuery

Common jQuery Mistakes

I have listed down 10 common jQuery mistakes from my personal experience and their fixes that you might be also doing while writing jQuery code.   1. Be courageous to remove jQuery Sometimes things can be...

jQuery

How to use jQuery setTimeout function

The Basic syntax for setTimeout function is, 1 setTimeout(function() { 2       // Do something after 2 seconds 3 }, 2000); The setTimeout function takes the times in miliseconds. And the block can contain either yourjQuery code, or...

jQuery

Writing your first jQuery Mobile app

Before we begin, its important to know “What is jQuery Mobile”? Well, jQuery mobile is a framework created for making platform independent mobile applications. It is built using HTML5, CSS3, and the very popular jQuery...

jQuery

Creating Dialog Box in jQuery Mobile – Part 1

Let’s begin Any page in jQuery mobile can be created as dialog box. All you need to do is to apply data-rel=”dialog” attribute to the to the page anchor link and jQuery mobile will do the...

jQuery

Latest jQuery interview questions and answers 04

Q31. How do you check if an element is empty? Ans: There are 2 ways to check if element is empty or not. We can check using “:empty” selector. 1 $(document).ready(function(){ 2     if ($(‘#element’).is(‘:empty’)){ 3...

jQuery

Latest jQuery interview questions and answers 01

Below is the list of latest and updated jQuery interview questions and their answers for freshers as well as experienced users. These interview question covers latest version of jQuery which is jQuery 2.0. These interview...

jQuery

When can you use jQuery?

apply CSS call functions on events traverse the documents manipulation purpose and to add effects too.

jQuery

Explain how jQuery Works?

<html> <head> <script type=”text/javascript” src=”jquery.js”></script> <script type=”text/javascript”> // You can write the code here </script> </head> <body> <a href=”http://www.globalguideline.com/”>Global GuideLine</a> </body> </html>

jQuery

Why is jQuery better than JavaScript?

Ans. * jQuery is great library for developing ajax based application. * It helps the programmers to keep code simple and concise and reusable. * jQuery library simplifies the process of traversal of HTML DOM...