HTML, CSS, Javascript, jQuery Learning Stuffs are listed here.
While working in one of my one page scroll project did this POC and applied.
CodePen Url:
Page Smooth Scroll
Embeded Codepen:
See the Pen
Page Smooth Scroll
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
While learning the JS got the assingment as finding the co-ordinates.
CodePen Url:
Mouse Co-Ordinates
Embeded Codepen:
See the Pen
Mouse Co-Ordinates
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
HTML5 Forms. While learning HTML5/JS did this assignment.
CodePen Url:
HTML5 Forms
Embeded Codepen:
See the Pen
HTML5 Forms
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
While learning the JS got the assignment as finding the geo-location using HTML5 and JS.
CodePen Url:
HTML5 Geo-Location
Embeded Codepen:
See the Pen
HTML5 Geo-Location
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
While working for one of my project created the menu with BG transition effect.
CodePen Url:
Custom BG Moving Menu
Embeded Codepen:
See the Pen
Custom BG Moving Menu
by Karthikeyan (@karthikeyan) on CodePen 1
Github Code Files/Folder
Github File zip Download
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
CodePen Url:
SCSS Main Mixins
Embeded Codepen:
See the Pen
SCSS Main Mixins
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
While working for one of my project found these awesome link and fork it from codepen.
Reference:
https://gist.github.com/richardtorres314/26b18e12958ba418bb37993fdcbfc1bd
Example:
Minimilistic Resume
In this site, used the flex concept and order concent for responsive.
CodePen Url:
SCSS Flex Mixins
Embeded Codepen:
See the Pen
SCSS Flex Mixins
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
In this one I concentrate only on the HTML5 elements alone used lot of CSS for good look and view purpose.
CodePen Url:
HTML5 Modal Form
Embeded Codepen:
See the Pen
HTML5 Modal Form
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
For the skill set rating instead of using the star tried using the different symbols like Hexagon Rating.
Based on the percentage same like star Rating fill it with different color.
Used Site Example:
Karthikeyan Resume
CodePen Url:
Hexagon Rating
Embeded Codepen:
See the Pen
Hexagon Ratin
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
Created the fixed menu blocks with HTML CSS for theme switcher CV Site
Used the css3 transition effects.
Used Site Example:
Karthikeyan CV
CodePen Url:
CSS3 Fixed Transition Menu
Embeded Codepen:
See the Pen
CSS3 Fixed Transition Menu
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About