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
Navigation Elements - Bootstrap
In Bootstrap, there are many options with the help of which we can style navigation elements and these all share the same markup and base class .nav .
Following are those different options :-
Tabular Navigation or ...
Full Calendar Events From Database
1- Create a mysql Database.
2- Create a Table events inside created database.
CREATE TABLE `events` (
`id` int(10) NOT NULL AUTO_INCREMENT,
...
Full Calendar Implementation
1- Place the JS files in js directory.
fullcalendar.min.js
jquery.min.js
moment.min.js
2- Place CSS files in CSS folder.
fullcalendar.css
fullcalendar.print.css
3- Paste the bellow javascript code i...
Bootstrap Grid System
Bootstrap grid system are used for creating page layout using series of rows and columns.
It allow maximum 12 columns across the page.
First class we use in grid system is .container. All rows and columns are placed inside container. Conta...
Drow Basic Lines Using Highchart
1- First of all place JS file in JS folder.
jquery-1.11.0.min.js
highcharts.js
exporting.js
2- ...
An Overview to Accordin Using Metro UI
Hello readers, Today in my block we will discuss a plugin i.e Tabion that is used to create Tab Accordion inside a website using METRO UI.
Here, I have tried to create Accordion using Metro UI. I have applied animation to the tab-content div.
...
Jcrop image croping
1- Place JS and CSS files under head tag.
jquery.min.js
jquery.Jcrop.js
main.css
demos.css
jquery.Jcrop.css
2- Also copy and paste bellow piece of javascript code under head tag.
<script type="text/javascript"...
jQuery clone method with Id change
Here in this blog I am going to explain about the JQuery CLONE WITH CHANGING ID, for doing this we have to know about the clone() method so this method used for performing a deep copy of the set identical elements, it is useful for moving copies ...
Bouncing Ball Animation
Hello, Readers!
Here in this blog, we can see the power of css3, by using only CSS. This bouncing ball will give the effects of bounce and touches its shadow, this will be possible by using Keyframe and animation. We have here three main d...
An Overview to Angular JS
Hello readers, Today in my blog I will discuss about Angular JS which is basically a web application framework.
Introduction:-
It is a structural framework for creating dynamic web applications.
The Angular JS is an extended ...
An Overview To Counter-Reset Property In CSS
Hello readers, Today in my blog I will discuss about Counter-reset property used in CSS.
Introduction :-
The Counter-Reset property basically uses both the counter-increment and content properties of CSS.
The counter-increment ...
Stylish tooltip using Pure css
Tooltip is used for the indicating the lable or representing the message to the user, or it is consider as a hint to the element having the cursor pointer property. The user points the item, without clicking to it then the tooltip will...
How to Customize Checkbox With the Help of CSS?
s we know checkboxes look and feel is dependent on the operating system in which we are seeing them .For windows operating system they look different and for mac operating system they look different. It is very difficult to change the look of the...
An Overview on SVG Images
Hello readers, Today in my blog I will discuss Scaleable Vector Graphics Images.
Introduction:-
It is an XML-based vector images created for 2D graphics.
Using the Vector Graphics we can create geometric objects such as lines...
An Overview To Some Useful Terms Used In JavaScript
Hello readers,
InBelow in this blog I will discuss some terms used in JavaScript with their meaning and the context in which they are used.
So here they are :-
Arity :- The term Arity basically means to refer the n...
Hop Over Notification Badge
Hello Readers!
We web designer can give new look and feel to any content of the div, We have numerous style, effects and animation including keframes which will result to get a graceful ambience to the content, Here in this blog i used same effe...
Dropdown with Multiple checkbox select with jQuery
jQuery multiselect list with checkbox is used for making selection among the choices that user want to select. There are various pulgin used for converting simple dropdown list to multiple select dropdown with checkbox. It cant includes checkbox ...
Select only one element of checkbox at a time using jquery
Many times we need to select only one element at a time in checkbox because mostly in checkbox is used for multiple data selection. This blog illustrate how we can select only one element of checkbox at a time using jquery.
See the below...
CSS Box Sizing
The property which is used to calculate the height & width of an element is known as box-sizing.
Syntax :-
box-sizing: content-box|border-box|initial|inherit;
1. content-box :- It is the default property where, bor...
Tabbed Content Area with CSS and jQuery
In this blog I build tabbed contents using CSS and jQuery, Tabbed content is a beautiful way of displaying the content in the precise and concise manner. This structure could be possible using the unordered list that act as a tabbed in a row and ...
An Overview to Map Tag in Html
Hello readers, Today in my blog I will discuss about Map tag which is less used but have various features.
As there are around 142 HTML elements that has been standardized by W3C. Below is the brief description about Map Tag in HTML ...
Parallax scrolling to content using CSS
Scrolling effects will be easy now by using the parallax site, that will able to scroll the two section smoothly between the two content div. Here I used three div for setting the different images in the background. While the caption heading for ...
Some Useful Statements Used In Javascript
Hello readers, Today in my blog I will discuss about some useful statements that are used in JavaScript.
Basically the web developers use statements as it allow us to implement different type of logic in our code.
The va...
How to create Simple Phone Number Picker
Hello readers, Toady in my blog i have tried to create a simple phone number picker using CSS and JavaScript.
While filling many online forms besides names and emails, contact information filed is also essential part to be filled by ...
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...