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
Coding Guide to HTML and CSS: Do You Need Software to Write It?
Have you thought about learning more about web development? No matter what occupation you are in, it can help to know about CSS and HTML. These are the two most common coding options for creating web pages. In fact, many people utilize both CSS a...
WordPress or Static HTML; What is better for a business site?
Building a website for your business from scratch can be confusing. Most businesses start as small ventures with local clients and expand from there. No matter what stage of development you may be in, a website is always a good idea – but w...
Pros and Cons of Different Web and Mobile Technologies
With the advent of internet and cellular devices, our world has shifted its focus towards applications that provide several tools and facilities both on web (for desktops) and on cellular devices (in form of applications). However, both these tec...
Form Validation Using Angular Validator in Ionic Framework - Basic Tutorial
The client side form validation is offered the AngularJS. The state of the form and input fields are monitored by AngularJS which helps us to notify the user about the current state along with, it also keeps the information if they have been chan...
Tips to Use T-shirt Design Software For Creating Unique Designs
These days, customers have become more demanding and want a greater say when it comes to designing. They aspire to design and customize their own t-shirts without any interference. As a result, it has become vital for businesses to integrate t-sh...
How to Use Parameters in HTML5 Video Tags/Attributes
One Of the Most powerful elements of HTML5 is Video. The video element is used to embed the video in the HTML page.
There is no need of any plugin or other markup, and the best thing is that it supports all the major browsers. You have to just...
How to implement load more dynamic results functionality using jQuery, Ajax Php and Database?
To display or load more results, whether it is commenting on a blog website, like or images on social media or products on eCommerce website the best UX pattern for this is either pagination, a Load more button or infinite scrolling. In this tuto...
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 ...
