Ken's public fiddles
-
Image Saturation and Multiply Hoverover Treatment
Upon hover, an image that has a saturation of 0 and a multiplication of a selected color is colorized to its original palette. This image hover treatment is especially unique for its ability to harmonize 'background-blend-mode' and 'filter'.
-
SVG: A, Responsive B, and C
While letters A and C are static, the letter B responds to the window's width. All letters, which are in a form of SVGs, are within a type-wrap that is set to a width of 50%. Status: Incomplete
-
0np8yd6b
No-Library (pure JS), HTML, CSS, JavaScript
-
Column Flaw?
No-Library (pure JS), HTML, CSS, JavaScript
-
v7xpbs52
No-Library (pure JS), HTML, CSS, JavaScript
-
.stayhovered behavior 2
Hovered div reveals divs where selected classes paired with .stayhovered maintain visible until a different div is hovered.
-
Image Saturation and Multiply Hoverover Treatment
Upon hover, an image that has a saturation of 0 and a multiplication of a selected color is colorized to its original palette. This image hover treatment is especially unique for its ability to harmonize 'background-blend-mode' and 'filter'.
-
Expanding Letter Experiment
Experimenting with expanding selected letters. Status: Complete
-
Rotated Text With Image
No-Library (pure JS), HTML, CSS, JavaScript
-
sx6mem8j
No-Library (pure JS), HTML, CSS, JavaScript
-
gxwzpm3g
No-Library (pure JS), HTML, CSS, JavaScript
-
Dot Animation
No-Library (pure JS), HTML, CSS, JavaScript
-
Responsive typographic elements.
No-Library (pure JS), HTML, CSS, JavaScript
-
.stayhovered behavior
Hovered div reveals divs where selected classes paired with .stayhovered maintain visible until a different div is hovered.
-
css3 keyframes ease in box then ease out.
No-Library (pure JS), HTML, CSS, JavaScript
-
Image Tagging and Wrap
Texts comes alive when the cursor hovers over a selected image.
-
Text placed in center | Absolute
With position:absolute; enabled, lines of text are placed in the middle of <body>
-
Story
Object to Story Function Exploration
-
ff5mw8tb
jQuery 1.4.4, HTML, CSS, JavaScript
-
Interview Formatting
Interview formatting