Categories
Html5

HTML5 Form Validation Examples

For an old days we used JavaScript validation to validate any form in a website and this was until recently unthinkable. But as soon as the HTML5 came then the validation becomes very easy to maintain in any form. Here is some example of HTML5 Form Validation: The ‘required’ attributeThis simply checks whether the value […]

Categories
KnockoutJS

KnockoutJS – Observables

3 concepts in which KnockoutJS is build upon is:– Through observables dom elements and ViewModel exchange information– Bindings between UI and ViewModel– Templating web applications To make it observable declare as:this.property = ko.observable(‘value’); Let’s try below Observables example: <!DOCTYPE html> <head> <title>KnockoutJS – Observables</title> <script type=”text/javascript” src=”http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.1.0.js”></script> </head> <body> <!– This is input box, used […]

Categories
KnockoutJS

KnockoutJS MVVM Application Framework

Now a days everyone use a single page application i.e. all necessary information are gathered into a single page and KnockoutJS is no exception of this which uses MVVM Application Framework. This is a client side framework which very easily bind html to domain data with MVVM pattern. MVVM is an architectural design pattern for […]

Categories
KnockoutJS

About KnockoutJS

In this tutorial you will get the basic knowledge of KnockoutJS and how to use on programming. Basically it is a JavaScript library based on MVVM pattern i.e. Model-View-View-Model by which developer build rich and responsive websites. It separates the application model, view and view model. It supports most of browsers i.e. Firefox 3.5+, IE […]

Categories
SEO

What is page speed score and how to increase it?

In this competitive market, every business wants to grow. Undoubtedly you have your business website with your products and services. Every day you always worried about your website’s traffic and leads. Maybe sometimes you have asked these questions with yourself. Why my traffic is going down, even I have good content? Why am I not […]

Categories
Feature Story Programming

A Step-by-Step Guide on Understanding Cache vs Cookies: What’s the Difference?

Are you trying to understand the difference between Cache and cookies? Cache and cookies are the integral components of web browsing, yet they are used to serve different purposes. Cache saves the website’s static resources on the user system to improve the pagespeed performance whereas cookies are small files that are used to store information […]

Categories
AngularJS

AngularJS First Application

An AngularJS First Application consists of following three important parts: ng-app : Directive that defines and links an AngularJS application to HTML. ng-model : Directive that binds the values of AngularJS application data to HTML input controls. ng-bind : Directive that binds the AngularJS Application data to HTML tags. First Application Steps: Add javascript framework […]

Categories
Html5

New html5 tips and techniques

New html5 tips and techniques for the latest evolution of the standard that defines HTML is HTML5. It represents two different concepts: Latest version of the language HTML, with new elements, attributes, and behaviors. HTML tips & Techniques: New Doctype Still using XHTML doctype? Its time to remove. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” […]

Categories
Javascript Php

Styled Google Map

Styled maps allow you to customize or change the style of the standard Google base maps, changing the user interface of such elements as roads, parks, and built-up areas etc. For api key sign up here: https://developers.google.com/maps/documentation/javascript/tutorial#api_key After you sign up, use the following script tag:<script type=”text/javascript” src=”https://maps.googleapis.com/maps/api/js?key=YOUR_GOOGLE_API_KEY&sensor=false”></script>because in live website you will need to […]

Categories
jQuery

Skilful act jQuery tips and tricks

jQuery is a JavaScript library which is simple, light-weight, open source, cross browser and simplifies animations, event handling, and developing Ajax-based web applications and promotes rapid application development. Here are few jQuery tips: Check Element Exists if ($(“#element”).length) { … } Check Element Is Visible if($(“#element”).is(“:visible”) == “true”) { … } Disable Right Mouse Click […]