Training in Web Technologies Blog

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 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...

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...

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 =...

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]); } }...

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...

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”,...

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...

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...

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...

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...

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...

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...

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...

When can you use jQuery?

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

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>

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...

what is jQuery connect?

Ans. It is a jquery plugin which enables us to connect a function to another function. It is like assigning a handler for another function. This situation happens when you are using any javascript plugins...

Can you give me a brief history of your programming days?

Ans. Although it’s a bit embarrassing, my first programming experience was trying to build a customized and skinnable mediaplayer with Visual Basic 6. This probably was around 1999 or so, and although the media player...

How to use jQuery library in our ASP.Net project?

Ans. Download the latest jQuery library from jQuery.com and include the reference to the jQuery library file in our ASPX page. <script src=”_scripts/jQuery-1.2.6.js” type=”text/javascript”></script> <script language=”javascript”> $(document).ready(function() { alert(‘test’); }); </script>

Delaying the Transition

Going back to our example, transitions can be delayed from the moment the trigger happens on screen. For example, let’s say we wanted the background transition to happen half a second after the link...

Removed Elements from HTML5

The following HTML 4.01 elements are removed from HTML5: <acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <strike> <tt>

HTML5 Browser Support Tips

Of course a big question is can and should you use these tags now. What kind of support exists in browsers for these new semantic tags? Not all browsers are supporting these tags, however you...