Attribute selector in jQuery
Attribute selector:
We usually use either Class or ID to find html elements in jQuery but we can also use attribute to find specific elements. Attribute selector is written inside square brackets [attribute].
Some of the common ...
Taking Screenshots
Hello everyone!!
Today, we will learn how to take screenshots in HTML 5. HTML 5 provide a method called ctx.drawImage(video, 0, 0), by the help of this method we can take screenshots of the video and save it. In ...
How to show live feeds of facebook page to webpage?
Hello Reader's
If you want to see how to integrate your facebook page to your webpage then this blog will be very helpful to you.
The integration of any facebook page with your webpage will result as the box showing the page activity(...
Disable dragging of ghost image in CSS
Hey Readers!
Images are used in web pages to make them look more interactive and appealing. We must have surely noticed a thing about images. When you click on an image and drag it, there is a semi-transparent image that follows the mouse till...
How to use 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.
Creating Scrollspy with Bootstrap:-
The Bootstrap Scroll...
How to create Realistic Ice-cream on illustrator
In this tutorial we can create a delicious Ice-cream on illustrator.
Step 1: Open up a new document with any of size.
Step 2: Create a rectangle on the canvas and fill the brown color inside it. Now select the rectangle ...
Defect Severity
Defect Severity classifies the software bug which specifies the level of negative effect on the software functionality or quality. The severity is a rule set by the tester when he creates a bug. Different companies uses different bug tracking too...
Pagination in cakephp 2.7
Pagination is basically dividing your data into multiple pages.
When we fetch the data in bulk from the data base it comes on a single page but that is sometimes difficult to keep scrolling to the last if we want to go to the last data.
It ...
Vertically center align text in CSS
Hello Readers.
Center aligning text obviously gives it a more appealing look. Horizontal center align is what we do each day. But when it comes to vertical center align, things get a bit messed up. This too is easier with a single word o...
How to set the zooming slider in windows 8.1 phone app
In this blog we illustrate how to set the zoom-in and zoom-out the focus of camera in windows 8.1 phone app.
Foe zooming a camera we use a buit-in ZoomControl class inside the MediaCapture which controls the zooming of the camera.
F...
The Speech Recognition
Hello everyone,
HTML5 , javascript provides Speech Recognition API,with the help of the API the user can talk with the browser without the using the keyboard. Html 5 provides voice search option like in google IE and chrome.It u...
Configuring Ghost To Run On MySQL
By default Ghost uses sqlite3. But if you want to configure Ghost with MySQL Database, you can reconfigure the default settings in config.js file.
Open config.js (<path-to-your-project>/config.js), replace the below lines of code:
d...
How to stretch a background image to a div
Hey Readers!
This blog post is going to solve the problem you must have faced sometime while putting a background image. There are situations when we want the background image to fill the entire div (instead of the viewport) without distorting...
Value Converter in WPF
What is Value Converter in WPF?
Value converter is a class which translates/converts a value from the source type and provide output as target type and vice-versa. It is used at the time of data binding with the UI element in WPF. These classe...
How to parse JSON in Swift with ObjectMapper
Hi Readers,
Every app needs to parse JSON data coming from server and ObjectMapper is a powerful tool to achieve that. It can be easily done with provided pod which can be install by adding following line into podfile:
pod 'ObjectMa...
How can i change ui and attributes of bootstrap3-wysiwyg editor
Bootstrap3-wysiwyg editor Ui and attributes change:
The meaning of WYSIWYG is "what you see is what you get", This editor is also explaining the meaning of this acronym that the content of the page will be edited as its resem...
How can I install LESS?
LESS is a css pre processor which extends the css language with some additional new features like declaring variables, mixins, functions and other techniques that allow us to make CSS more maintainable and extendable.
Installation
...
Polymorphism in JavaScript
Polymorphism is one of the main feature of Object Oriented Programming.Polymorphism in Object-Oriented Programming is the ability to create an object that has more than one form. Polymorphism can be used when there is a hierarchy of classes and t...
Learn how to create "on hover" animation effect using css
Hii,
If you want to give your web page more attractive look,you can use beautiful "on hover animation effects".
By using hover effects you can create visually richer webpage.
We can use different plugins to give &qu...
Traversing Descendant elements using jquery methods with examples
There are two main methods which can be used to traverse a DOM while finding the descendants of an element. Using jQuery's below mentioned methods we can traverse the DOM tree to the botom while finding all the descendants.
1-) children()
...
What is Cross Site Request Forgery?
CSRF (Cross Site Request Forgery) is an attack that can be performed by tricking the victim to submit a malicious request without his consent or knowledge. This attack will inherit the identity of the victim while performing an undesired function...
Scope in AngularJS
A Scope is an object and working as a interface between view and controller in angular JS. That means, scope is a javaScript object having some methods and properties which are accessible from both the view & controller.
Accessin...
Create Admin Panel in CakePHP using BrowniePHP plugin
Hi,
We can make an admin panel easily in cakePHP using a plugin called "BrowniePHP" .It help us to create an admin panel in short time of span.
for using BrowniePHP, you should know how to develop applications in cakePHP.
How t...
Circle checkbox style in WPF
Creating style for circle checkbox:
<Style TargetType="CheckBox" x:Key="CircleCheckbox">
<Setter Property="Cursor" Value="Hand"></Setter>
<Setter Property="Content" Value=""></Se...
Handling Popups or Alerts In Selenium Webdriver
Alerts are notification message box, which appeared on screen display. Alerts give some information or ask for permission to perform certain action or job.
To automate the alert popups has always been a challenging or tricky task for automatio...
How to make 3d first aid box in illustrator
Step 1: Firstly goto the rectangle tool and make a rectangle on the canvas.
Step 2: Now goto the effect > stylize > Round corner and apply on it. make sure radius must be 30pt.
Step 3: Go to Effect > 3D > Extrude & Bevel and...
Discussion on bindModel and unbindModel function in CakePHP 2.x
Hi Reader's,
Welcome to FindNerd,today we are going to discuss bindModel and unbindModel function in CakePHP 2.X.
If we are making any web application in CakePHP then sometimes we have to use bindModel and unbindModel at a runtime. So Cak...
Selenium WebDriver Waits
Different types of Selenium WebDriver Waits:
Waits helps the user to solve the issues which comes while redirecting to different web pages, by refreshing the web page and reloading the new web elements. At times there can be Ajax cal...
Shadow with Glow Transition
Hello Readers
Box-shadow is a very interesting property of CSS3. It gives a glowing and blurring effect to the HTML elements. Box-shadow when used differently gives different visually appealing results. Some of them have been shown here. I hav...
Discussion on angularJS
Welcome to FindNerd. Today we are going to discuss angularJS. AngularJS is nothing but a javascript framework. It is open-source and managed by the Google. AngularJS works for dynamic web applications and mostly used to develop the single page ap...
Learn how to create different shapes using CSS technique.
Hii,
In this blog. I am sharing CSS code to create different patterns like a square, triangle arrow etc.
Shapes created using CSS technique instead of an image can help to make your web page lighter as compared to a web page with lots of im...
Cordova plugin for using torch or flashlight of your device
Hello Readers,
Cordova flashlight plugin allows you to access device flashlight in your app and you can access it from your app.
This plugin works on iOS 5+, Android 2+, wp8 and for Android 6+ runtime permission handled automatically.
Fi...
Traversing Ancestoral elements using jquery methods with examples
There are three main methods which can be used to traverse a DOM while finding the ancestors of an element.Using jQuery's below mentioned methods we can traverse the DOM tree to the root while finding all the ancestors.
1-) parent()
2-)...
Data Binding, Data Filter and Sorting in Angular JS using WEB API
In today's world, there are lots of client side scripts to make a better user interface. In this article, we are going to bind the data and apply sorting and filtering using AngularJS.
Open your favourite text editor and create directory s...
How to change button background image on click in WPF
In WPF, to change the background image on button click, we can use ToggleButton. In ToggleButton, we can check whether its checked or not. We use DataTrigger to check its property.
Here, below is the example of this:
In XAML:
&nb...
How to use Validation in cakephp 3.0?
Hello Reader's ,
Hope your are doing good today.
Today we will learn about Validation in CakePHP 3.0 and how we can use validator in our applications. Data validation is an important part of any of the application. With the help of Vali...
CSS Triangle
Hello Readers.
CSS gives us the freedom to draw many shapes and figures. But a triangle is one, that particularly amazes me. A triangle is made in 5 easy steps.
Imagine a box with borders on all four sides with equal width. Notice how th...
Adding two columns value using jQuery
We can add the values of two columns and show the result in another column using jQuery easily.
Html code:
<div id="main">
<table>
<tbody>
<tr>
<th>Digit1</th>
<th>Operator</...
10 Reasons Why We'll All Need to Be Entrepreneurs in the Near Future
Image courtesy of Pixabay
Entrepreneurship is the foundation for the future. This can be easily tied in with a fundamental knowledge regarding reality that has swayed and influenced the evolution of labor and workplaces for many ...
Add new content using jQuery append() method
The jQuery append() method is very useful if we want to append some content to our web page by clicking on a particular button, div or any html element .
The jQuery append() method appends the content at the end of the element whi...
UpdateSourceTrigger in WPF
In WPF, this is the property which gets or sets a value at the time of binding source updates. It is used in TwoWay binding. The Mode Sets the direction of the binding and Mode = TwoWay binding means that any changes occurs in target of the ...
Difference between Selenium IDE, Selenium RC and WebDriver
Here, we discuss the difference between Selenium IDE, Selenium RC and WebDriver:
Feature
Selenium IDE
Selenium RC
WebDriver
Browser Compatibility
It works as a Firefox plugin, s...
3D Text
Hello Readers!
We all know about the text-shadow property. It provides a shadow and a blurring effect to the text. The CSS3 text shadow can also be used to create 3D text. Just use multiple text shadows on any HTML element to create a 3D effec...
How to use CRUD (Create, Read, Update, Delete) in Cakephp 3.0
Hello Reader's ,
Hope your are doing good today.
After working on CURD in cakephp 2.x+ version ,today i am going to update you with Cakephp 3.0 CURD example.
Some directory changes made in cakephp 3.0 you can read here http://book.ca...
contenteditable attribute in html5
contenteditable attribute is a new feature added to HTML5. By the terminology, we understand that this attribute is used to specify that whether the contents of an element are editable or not. This attribute was designed and implemented by Micros...
How to Create your own Exception handler in cakephp ?
Hello readers, today we will discuss a very important topic of a programming language "exception handling". Exception Handling is the process of catching errors which are generated by our program and then taking appropriate action accor...
The State of CSS Reflections
Hello Everyone
The reflection is mirror image of the image. In the css we can done it by the help of the css properties. In this we are going to use the position properties,transfer properties,linear gradient offset and direction. He...
Data Popover
Bootstrap Popover :-
The popover is like tooltip, offering an extended view complete with a heading. For the popover to activate, a user simply needs to hover the cursor over the element. The content of the popover can be populated...
How can I secure my APIs using O-Auth?
I wrote some APIs in PHP to expose my website to a greater no of audience. Now, can anyone help to know how I can secure them using O-Auth.
CSS image zoom effect
Hey Readers,
This is a fun image zooming effect. Zooming an image gives a closer look to it. Zoom effect can be achieved with CSS too. To zoom an image, we first specify the dimensions of the original image (optional) and then give the d...