Sandeep Kumar Patel's Blog, page 6
July 19, 2014
Use Of Polymer Core Selector Element
Polymer provides core-selector element for element selection.In this Demo, "We will learn the use of core selector element".In the demo we have maintained a list of student detail in JSON. When user click on any student it is selected and color changes to RED/GREEN base on the mark.If the student score is more then 30 it becomes GREEN and PASS string is get attached in the right side.If the student score is less then 30 it becomes RED and FAIL string is get attached in the right side.on-core-...
July 13, 2014
Polymer Nested Custom Component Use
Polymer supports Nested Custom Components creation.In this Demo, "We will create two custom component where One component will call another insides its template".The first component ts-names is the list of the names.The second component ts-red alters the colors of the text to red.publish property is necessary for inner component for a nested situation.Below HTML has all the code for this demo,<!doctype html><html>
<head>
<title>Polymer Nested Custom Element: Name List</title>...
July 11, 2014
Use of Polymer async Method
Polymer WebComponent library provides async() method to handle asynchronous behavior .It is similar to Window.setTimeout() method with current context(this) attached to it.In this Demo,"We will see the use of async() method to build a clock".Below code has the definition for our ts-clock component in index.html.<!doctype html>
<html>
<head>
<title>Polymer Async Method Demo: Custom Clock</title>
<script src="http://www.tutorialsavvy.com/2014/07/...
<script...
July 9, 2014
Understanding Polymer Core Ajax Element
Polymer Library provided Core and Paper Elements inbuilt in the library.As We know Polymer is a kind of Polyfill for Web Components.To help the developers with custom elements these core and paper elements are added .In this Demo, "We will Explore the Core Ajax polymer element".You can get more info and download this core package from the below link:- http://www.polymer-project.org/docs/elements/core-elements.html
core-ajax is a non visual e...
July 4, 2014
Getting Started With Web Component : Polymer JS Library
Web Components are the new upcoming standard in Front end world.We can create Custom Elements Using Web Component.Polymer is a Polyfill library for Web Component development.It is developed and manged by Google.Polymer library can be downloaded from the following link:- http://www.polymer-project.org/Polymer library ha...
June 26, 2014
Understanding Flex Box Element Order Property
Flex Box Layout System provides DISPLAY ORDERING feature for flex element.The Syntax of this CSS property is order: <integer> .This property is for the flex element only and not for the container.This property changes the order of display of the element during Browser Painting time.But it does not effect the real elements ordering.In this Demo,"We will learn how to use this property and check its effect to tab-index and Nth child positioning using first and last child selector".This demo...
June 20, 2014
Flex And Inline-Flex Container
CSS3 provide flexible layout module as flex box.Flex box elements are direction based element.You can checkout below URL for more details on Flex box. https://developer.mozilla.org/en-US/docs/...
June 15, 2014
Wrap Method In Jquery 2
Jquery version 2 provides a new group of method called wrap.The four different methods of wrap:- wrap() : wrapped a selected node with given element. wrapAll() : wrap all se...
June 13, 2014
JavaScript Math Object's Method And Properties
JavaScript Math object provides many useful methods and properties to use. This object can be found in Window.Math . In this Demo,"We will run and test these methods and pr...
June 12, 2014
Enabling Web Component Feature in Chrome
Web Component is an experimental feature as of today 12/06/2014 in many major browser.document.registerElement() method is still not available by default in Chrome.In this Demo, "We will see how to enable...
