Featured
-
How Regression Testing Detects Integral Errors In Business Processes
Humans are forever changing and evolving and so to
by kristina.rigina -
Get Display Banner Advertising Opportunity on FindNerd Platform
“Do you have a product or service that nee
by manoj.rawat -
Android O Released with Top 7 New Features for App Developers
Android was founded by Andy Rubin, Rich Miner, Nic
by sudhanshu.tripathi -
Top 5 Features That Make Laravel the Best PHP Framework for Development
Laravel is a free open source Web Framework of PHP
by abhishek.tiwari.458 -
Objective C or Swift - Which Technology to Learn for iOS Development?
Swift programming language is completely based on
by siddharth.sindhi
Tags
Text-orientation Property CSS3
The text-orientation CSS property defines the orientation of the text in every line.
This property solely has a control in vertical mode, that's once writing-mode isn't horizontal-tb. it's helpful to manage the show of wr...
Difference b/w Div and Span Tags
Hello readers, Toady in my blog I will discuss upon the difference b/w Div and Span tag in HTML.
For every beginner it is very confusing where to use which tag either Div or Span.
The <span> and <div> tags ar...
An Overview to CSS Selectors
Hello readers, Toady in my blog I will about Selectors and its types.
What is selector ?
These are used to select the content that the user want to style.
It can be applied to every element.
It can als...
Dropdown Menu using PureCSS
Dropdown Menu is used where user has to show list of items for example in selecting countries and state name or finding this list of any latest technology , movies or it should be anything that gives us option to do a choice. This dropdown menu a...
How to create a Google coloured button?
Hello readers, Today in my blog I have tried to create a Google colored button.
Before creating this a question arises in my find is it really possible to change each letter in a button to a different color at the same time on hover....
jQuery queue() Method
queue() Method:
Queue method is used to display the queue of functions waiting to be get executed on selected html element. In a queue there can be one or more functions waiting to execute on selected html element. We can also manipulate the q...
Custom CheckBoxes
Hello Readers! In this blog we will be creating custom check boxes that can be used in forms. Here is an example of custom check boxes using pure css.
CSS Code:
/*-- custom checkbox radio --*/
.cust-checkbox {
...
Creating Credit Card Form Using Bootstrap
Hello readers, Today in my blog I have tried to create credit card form using Bootstrap.
In the HTML, I need to create an outer div with the class name as credit card div and had 2 nested div inside it.
With the help of ...
Hamburger icon using pureCSS
Hello Readers!
We developers find every solution to deal with different codes and reached to final solution in the end, I thought previously that this transition effect would be possible using only jQuery. But here we used only pureCSS that will...
Creating a Loader Using CSS Properties
Hello readers, Today in my blog I will discuss about creating a loader using CSS properties.
As many of us has seen various loaders while opening a website, In this blog I have tried to create a loader using CSS properties.
...
Difference b/w Function Declaration & Function Expression
Hello readers, Today in my blog I would like to discuss about the difference b/w Function Expression and Function Declaration.
The first question that arises in the readers mind would what basically these both terms mean, so he...
Different way of writing multiple click functions
jQuery make it possible to interact with user by adding events to the web page, It includes many Events Methods like hide(), bind(), blur(), change(), click() and dbclick(). Here in this blog I just want to create one "click" function t...
Hide/Show content with plus minus sign using JQuery
Hello there.
In this blog, I am going to tell you how to hide or show your content. If you are trying to hide and/or show your content, this can happen with a change in the plus minus sign.
How? This blog has the answer to it.
...
Difference b/w onClick() and onSubmit() Event in Javascript
Hello readers , today in my blog I would like to discuss about the difference b/w the onClick and onSubmit Events .
Below is the difference b/w them :-
Below is a example showing the use of onSubmit() :-
<html>
...
Difference b/w Dreamweaver & Adobe Muse
Hello readers, Today in my blog I would like to discuss the difference b/w Dreamweaver and Adobe Muse.
Who should use which software b/w among the both ?
-: Dreamweaver this software is used by the web designers that loves to...
The "Pie", "Donut" or "Semi-circular" charts
hello readers!
We designers have to deal with HTML pages and CSS every time. We have so many properties that will make a page to new look and making it more stylish by adding animation, keyframe and different effects to it. There are many enough...
Ribbon Banner using pure CSS.
Hello Readers!
Here in this blog I am gonna to explain you about the Ribbon banner using pure CSS. As Images are used in web pages to make them look more interactive and appealing but it takes little time of user while image is loading in the ba...
An Overview on Adobe Muse
Hello readers, today in my blog I will discuss about a software i.e Adobe muse that is used to built website in which the user does not need to write any code.
So, here is a good news for all web designers that literally hate coding ...
Tips To Increase The Website Speed
Hello readers, Today in my blog I will discuss some tips that would help the web designer to improve their website speed.
As many of us have visited various Online Shopping website and many of them take much time to load which losses...
Date Range Selection in datepicker
Many times we need to select from date which should not be the greater than current date and to date must not be less than from particular date. In this blog illustrate how we can select the date range in datapicker.
We can achieve this with the...
Creating a Tic-Tac-Toe Game Using CSS
Hello readers, Well all love to play games whether a child or an adult. So here in my blog I have tried to create a game which we all have played in his/her life in their childhood days.
So, I have created it using CSS properties , h...
How to create Dynamic Content load on click using JQuery?
Hello reader
In this blog! I am going to tell you how to create Dynamic Content Load using jQuery. Generally, we see the content loader on many websites and on some registration form when we click on the next step button after completed the...
What are different ways to apply CSS styles to a Web page:
1. Inline css: In inline css we can insert a ‘style’ attribute inside an HTML element. This allows CSS properties on a "per tag" basis. Below is code for inline css in our webpage.
&nbs...
What is the difference between HTML and XHTML?
1. HTML documents are made of elements that have three different components- element tags , start tag end tag; element attributes are given within tags. HTML element lies between and including tags.
XHTML documents has only one root element. A...
An Overview on forms and Input Fields in METRO UI CSS
Hello everyone , In my previous blog I have discussed about a new technology introduced by Microsoft i.e METRO UI.
I hope you all have got an overview about METRO UI which I have discussed in my previous block.
But ,&nbs...
Animation property in css3
Hello readers, this is a smalll blog on animation-timing-function property. This property defines the speed of the animation. The animation-timing-function property, is used to define a function that defines how a transition will change during ea...
Trigger() method in jQuery
Trigger() method:
It is used to trigger an event for selected element and also trigger default behaviour of an event for the selected html element. It works similar to the triggerHandler() method, but triggerHandler() does not trigger default ...
CSS3 Hover effect
CSS3 Hover effect makes possible several changes to the single elements by adding many features to it, for example It includes feature like transition, transform and animation. That will add new effect to the simple div. The :hover selector is us...
Jquery .map() method
Jquery .map( callback ) method is used to project the contents that is used in the array and then map this object with the new set of array, It is able to create a new array for calling every elements. It provides function once for each set of an...
Adding Effects using queue() Method
Queue() method is used in jQuery to returns a number of animations to be performed on the elements in the jQuery object. This method is used for the continuous looping of a jquery element. It returns the effect which is used in the queue. While q...
An Overview to METRO UI
Hello readers , Today in my blog I will discuss a new technology introduced by Microsoft i.e METRO UI .
Introduction :-
It is basically known as a Design language that is created by Microsoft for enhancing the user interface .
...
How to use CSS nth-child Pseudo-class
Hello Readers
In this blog, I will guide you how to use nth-child pseudo-class(selector) in css file. Generally we have seen nth-child selector in excel sheets and tables. It is very useful for creating formatted excel-sheet in html table and...
Animated File Folder Using CSS3
Hello Readers , today in my blog I have tried to create animated file folder with the help of CSS3 properties.
As we all do work on the computer and there is the need to manage our work in a simplified way , so for that we create fol...
Creating Slideable Grid Using JQuery
Hello readers , Today in my blog I have tried to create Slideable Grid with the help of jQuery .
As we all add columns to our web pages either for dividing the data as per the screen size so that the content would not get overlapped ...
Password validation Using HTML5 and JavaScript Function
Hello Readers
In my previous two blogs, I separately explained about Password Validation using JavaScript and Password Validation using HTML5. In this blog, I will explain you all how to separate form and function, so basically it will h...
Change Event in jQuery
Change Event:
Change event triggers when value of an element changes. It works only for form fields (<input>,<textarea> and <select> elements).
In case of select menu,checkboxes, and radio buttons change event occurs wh...
An Overview to HTML KickStart Framework
Hello readers, Today In my blog I will discuss about a recent framework i.e HTML KickStart Framework.
It is useful for resolving the issues that have aroused in various frameworks and have tried to resolve them.
In...
An Overview to Single Page Application
Hello readers , Today in my blog I will discuss about the Single Page Application i.e (SPA) .
Introduction :-
It is basically a web application design approach .
It uses all the modern browsers and HTML5 .
It uses AJAX and ...
use of one() method in jQuery
one() method:
One() method is used to attach events to selected elements and also used to specify a function when the event occurs. It is similar to on() and bind() method but the events attached using one() method executes only once for each ...
Cross fading images with the help of css
We have seen in many image galleries and in many websites that when we take our cursor into the image it gets faded out and other image come in its place , this effect is called cross fading image effect. we can achieve it by simply using c...
How to Create CSS3 Speech Bubbles?
In this blog, I am explaining how we can create a speech bubble without using any type of image and javascript code. We can simply create a speech bubble with the help of CSS.
For creating a speech bubble we need a single line HTML code for th...
Chapter 7: Bootstrap - Responsive utilities
Bootstrap gives some modest bunch helper classes, for quicker mobile-friendly development. These can be utilized for appearing and hiding content by device by means of the media query, consolidated with extensive, little, and medium gadgets.
&...
Password Validation with Regular Expressions using JavaScript
Hey there!
In this blog I’m going to tell you how to validate your username and password and how to match password to confirm password. Lot’s of websites now require registration, meaning that users need to be assigned a username a...
How to post a comment on blog using Ajax?
Hello Reader's , If you have developed the blogging website and you want to make commenting via ajax then this article will be very helpful for you. You can develop commenting function with many ways but if you use ajax then you can speed up ...
Jquery Filtering Methods
The jquery filtering methods is used for the purpose for specifying the criteria, Those elements didn't matched with the criteria it will illuminate from the selection while the matched elements will be returned.
It has multiple methods like...
How to install Custom Fonts in an HTML site?
Hello Readers!
Fonts — What are they? The way we write text, the way we want text to appear to a user. i.e. , it is the style in which letters, numbers, punctuation and special characters are visually presented.
Fonts are not on...
on() method in jQuery
on() method:
On() method is used to attach events to selected elements and also used to specify a function when the event occurs. It is similar to bind method but on() method also attach event handler to elements generated using script while b...
Form Validation: Date and Time using JavaScript
Hey there!
Form Validation is a very important aspect when it comes to filling forms. It helps us to identify if we are entering the correct information or not. This blog post will particularly deal with the form validation of date a...
Explaination of CSS3 animation
Hello Readers!
In this blog, I am going to explain the concept of CSS3 Animations in simple words
CSS3 animation is used to animate the text from one CSS style to another and adding many effects to it.
Animations consist of two building bloc...
Hover() method in jQuery
Hover() method:
This method is used to perform some changes on mouse over and mouse out for html elements. It requires two parameters which are as follows:
over −This function triggers when the mouse is moved over a matched element...
