HTML, CSS, Javascript, jQuery Learning Stuffs are listed here.
Created the blocks with HTML CSS for my other main site links CV Site
Used CSS3 concepts for rotate and border-radius etc.
Used Site Example:
Karthikeyan CV in more tabs/link.
CodePen Url:
CSS Different Shape Blocks
Embeded Codepen:
See the Pen
CSS3 Block
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
HTML CSS Vertical 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 Blue Theme
CodePen Url:
CSS Vertical Graph
Embeded Codepen:
See the Pen
CSS Vertical Graph
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
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
CodePen Url:
CSS Scale View
Embeded Codepen:
See the Pen
CSS Scale View
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
Used the HTML5 Animation effect for trasnform with translate effects.
CodePen Url:
Menu Transition Effect
Embeded Codepen:
See the Pen
Menu Transition Effect
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
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
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