HTML CSS Horizontal Bar Graph to mention the skill set aboout my skills for my CV Site
Refences:
https://www.hongkiat.com/blog/data-visualization-with-css-graphs-charts-and-more/
Used Site Example:
Karthikeyan CV Green Theme in Skills Section
CodePen Url:
Horizontal Bar Graph
Embeded Codepen:
See the Pen
Horizontal Bar Graph
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
HTML CSS Dot line Graph to mention the skill set aboout my skills for my CV Site
Refences:
https://www.hongkiat.com/blog/data-visualization-with-css-graphs-charts-and-more/
http://www.dynamicdrive.com/dynamicindex11/linegraph.htm
Used Site Example:
Karthikeyan CV Red Theme
CodePen Url:
Dot Line Graph
Embeded Codepen:
See the Pen
Dot Line Graph
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
Circle Loader
SVG Smooth Circle Loader using HTML5 Animation Animate Transform.
Reference:
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateTransform
CodePen Url:
Circle Loaders
Embeded Codepen:
See the Pen
Circle Preloader
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
JS Accordion.
CodePen Url:
CSS Accodrion
Embeded Codepen:
See the Pen
CSS Accodrion
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
CSS Half Gradient Circle. Used for CSS Speedometer view in one of the intranet project the needle display with js.
CodePen Url:
CSS Half Gradient Circle
Embeded Codepen:
See the Pen
CSS Half Gradient Circle
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
SVG Smooth Circle and Check mark animation.
Animated using HTML5 Animation concepts with the stroke-dashoffset.
CodePen Url:
Checkbox Animation
Embeded Codepen:
See the Pen
Checkbox Animation
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
Info Text
Blog About
This is the sample codepen I worked for the HTML5 Modal Sign In and Sign Up Forms with Valdiation.
HTML5 Sign In and Sign Up Form Example with Validation
See the Pen HTML5 Forms by Karthikeyan (@karthikeyan) on CodePen 1
Thanks to our God “Google” and the peoples who posted code for refence in Stack overflow, github and other reference sites 🙂
This is the sample codepen I worked for the HTML5 Modal Forms.
HTML5 Form Example with Validation
See the Pen HTML5 Forms by Karthikeyan (@karthikeyan) on CodePen 1
Thanks to the peoples who posted code for refence in Stack overflow, github and other reference sites 🙂
In this example I try to fetch geolocation of the user by clicking the button “Locate me”.
Once it is clicked after giving the allow access for finding the location. It will find the user’s Place in Map, Approximate Address and the co-ordinates.
See the Pen Geo Location by Karthikeyan (@karthikeyan) on CodePen 1
Thanks to the peoples who posted code for refence in Stack overflow, github and other reference sites 🙂