Pens from Jacob Davidson https://codepen.io/Reklino/ en nospam@codepen.io Copyright 2024 2022-08-16T18:32:18-07:00 React Hook Template https://codepen.io/Reklino/pen/yLKQjWM https://codepen.io/Reklino/pen/yLKQjWM Jacob Davidson

See the Code - See it Full Page - See Details

]]>
React Hook Template 2022-08-16T18:30:22-07:00
React Hook Template https://codepen.io/Reklino/pen/KKorRLN https://codepen.io/Reklino/pen/KKorRLN Jacob Davidson

See the Code - See it Full Page - See Details

]]>
React Hook Template 2022-08-16T18:32:18-07:00
Gridstack Example - Responsive and resizable grid items https://codepen.io/Reklino/pen/YzKJPZd https://codepen.io/Reklino/pen/YzKJPZd Jacob Davidson

See the Code - See it Full Page - See Details

This is a simple, responsive, and mostly functional example of gridstack.js. Gridstack.js - https://github.com/gridstack/gridstack.js There is only one problem which is that when moving or resizing an item, the placeholder acts as expected, while the item itself seems to be restrained to only the y axis. The ideal behavior would be to either move with the placeholder, or not move at all until mouse up. UPDATE: The issue described above has been resolved by removing the !important tags from all the css rules. However, now at various points in the left side of the grid, the placeholder is completely off. UPDATE: The issue has been resolved by altering the SASS used to generate the CSS for n columns. Check out the github issue here for more details: https://github.com/gridstack/gridstack.js/issues/868

]]>
Gridstack Example - Responsive and resizable grid items 2019-09-18T01:34:53-07:00
A Pen by Jacob Davidson https://codepen.io/Reklino/pen/bOGvwM https://codepen.io/Reklino/pen/bOGvwM Jacob Davidson

See the Code - See it Full Page - See Details

]]>
A Pen by Jacob Davidson 2019-01-15T01:42:15-07:00
Password Validation with zxcvbn https://codepen.io/Reklino/pen/wEYxMb https://codepen.io/Reklino/pen/wEYxMb Jacob Davidson

See the Code - See it Full Page - See Details

]]>
Password Validation with zxcvbn 2018-10-23T01:33:11-07:00
React at CodePen https://codepen.io/Reklino/pen/YvLMRg https://codepen.io/Reklino/pen/YvLMRg Jacob Davidson

See the Code - See it Full Page - See Details

An easy way to get started at CodePen with React 0.13 and ES6.

]]>
React at CodePen 2018-06-22T15:27:02-07:00
I can't be crazy https://codepen.io/Reklino/pen/ZxOLgN https://codepen.io/Reklino/pen/ZxOLgN Jacob Davidson

See the Code - See it Full Page - See Details

]]>
I can't be crazy 2018-03-15T18:44:54-07:00
Discovering Rune.js https://codepen.io/Reklino/pen/qVXpVP https://codepen.io/Reklino/pen/qVXpVP Jacob Davidson

See the Code - See it Full Page - See Details

Rune.js is a JavaScript library for programming graphic design systems with SVG.

]]>
Discovering Rune.js 2017-11-15T04:05:52-07:00
Squiggly lines https://codepen.io/Reklino/pen/jmMXmb https://codepen.io/Reklino/pen/jmMXmb Jacob Davidson

See the Code - See it Full Page - See Details

Perlin noise thanks to <a href="https://twitter.com/shiffman">&#64;shiffman</a><br> Using a <a href="https://github.com/processing/p5.js/blob/master/src/math/noise.js#L41">p5.js noise function </a> Inspired by Michael Jackson<br><br><img src="https://s-media-cache-ak0.pinimg.com/564x/28/a6/f5/28a6f5e28059b03695d9417c386a40c6.jpg" alt="joy division unknown pleasures">

]]>
Squiggly lines 2017-04-25T02:31:07-07:00
MorphSVG - sequence https://codepen.io/Reklino/pen/JNRwoy https://codepen.io/Reklino/pen/JNRwoy Jacob Davidson

See the Code - See it Full Page - See Details

Demo to illustrate how easy it is to use MorphSVGPlugin.

]]>
MorphSVG - sequence 2017-04-25T02:08:40-07:00