Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

Create PDF from HTML using JSPDF

Hello friends, welcome to findnerd. Today I am going to tell you how to create PDF from HTML using JSPDF.  In this blog I am going to use fromHTML plugin to convert html page into pdf.   Copy and paste the following code into your fi...

Using Ionic Tabs in phonegap application

In this article, you will get to know about navigating tabs in ionic. Tabs can be used to navigate from one page to another inside your application. Using Tabs: You can add tabs in ionic application by using ion-tabs for container element and...

Cordova - File Transfer in Phonegap Application

This plugin can be used to upload and download files. Installing File Transfer Plugin: To install this plugin into your application, run the following command:   cordova plugin add cordova-plugin-file-transfer After installing...

Top 8 Major Changes in Latest Bootstrap 4 Alpha Version for Web Designers

Hello Readers! Currently alpha version of Bootstrap 4 has been released on 19 August 2015 with some major changes. Moving from bootstrap 3 to bootstrap 4 , some components are changed and some are improved and only few have been dropped.  ...

Materialize UI

A modern responsive UI component  library made with CSS, JavaScript, and HTML is known as Materialize UI. This reusable UI component helps in developing attractive, predictable, and functional site pages and web applications while clinging t...

What is SASS ?

SASS (Syntactically Awesome Stylesheet) is a CSS pre-processor which helps to reduce repetition with CSS and saves time. It is more steady and intense CSS extension language that depicts style of document neatly and fundamentally. Reason ...

Introduction to bootstrap 4

In this blog, I'll tell you a brief description of Bootstrap 4. Currently, Bootstrap 4 alpha was released. This release included a major upgrade of Bootstrap with some huge changes to the way it functions. Porting from Bootstrap 3 to Bootstra...

Bootstrap Images

In this blog, I'll tell you how to style images whether its image with rounded corners, image with circular shape, image with thumbnail shape.  Rounded Corners :-  The  class .img-rounded is used to add&nbs...

$mdToast in angular material

In angular material,If you want to display any unobtrusive alert on your GUI part to the users,then it provides Toast for designers. Toast is a term which is used to show alert in angular material and we use $mdToast service to display these toas...

Bootstrap ScrollSpy

The Scrollspy is a plugin which is used to highlight the links in a navigation according to the scroll position automatically. It indicates the location of the visitor/user in the page. The Bootstrap scrollspy plugin needs the use of proper ...

Bootstrap Media Objects

The media object is a theoretical component and easy way to align media objects utilized as the reason for building more complex and repetitive components(like blog comments, Tweets, and so forth).  There are two structures to t...

Bootstrap Modal

A modal is a child window that is placed over its parent window. Normally, the reason for existing is to show content from a different source that can have some communication without leaving the parent window. Child windows can give data, co...

How To Use JavaScript To Copy Text From One Field To Another

When you create a web form for web page of any website, users need to fill the details in the fields like name, address, phone number etc. sometimes when filling the details there may be some fields which you need to fill twice. Instead of having...

Creating a Sidebar-Menu Using JQuery Plugin

Hello readers, Today in my blog I have tried to create sidebar-menu using JQuery Plugin.   As I am a beginner in this technology, while working over the dashborad admin template I faced various complications so to resolve them I came a...

Image Overlay Hover Effects With CSS3 Transitions

In this blog i am explaining how to create a overlay effect in image with the help of css3 . Overlay effect on image  is an awesome approach to include some decent interactivity to your website. In image overlay effect when we take our cu...

The Viewport - Responsive Web Design

Viewport meta tag is the primary idea of Responsive Web Design. The viewport differs from device to device. It will be smaller on a mobile when contrasted with PC screen. To set the viewport, HTML5 presented a technique  <meta> tag,...

Displaying div on radio check using jQuery

Hiding/Showing div on checking radio: We can easily hide or display a div by checking the radiobox options using jQuery. We can do this by checking radio options attribute and according to attribute we can hide or show a div. Example: ...

What is SVG and How Can We Embedding SVG in Html5?

Scalable Vector Graphics is mostly known as SVG is an image format type which is based on XML  it is basically used for  2-dimensional graphics for a web. We can resize SVG vector images to any extent without destroying the image qualit...

Simple Digital Clock using JavaScript

In this blog, we will learn about how to create a simply animated digital clock with javascript. As we know, browser executes any javascript program at the client side, this means that the script will take the time of the client computer and will...

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 { ...
prev 1 3 12
Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: