Author Archives: Zevan

Input Field with LocalStorage Predictions

By Zevan | August 1, 2018

This is a quick example showing how to give an input field “memory”. After you type something once and hit return it will be stored in `localStorage`. String values are ranked based on how often they are selected/entered. I know people don’t like jQuery these days, seems this pen is from a time when I [...]

Posted in html5, javascript | Tagged , , | Leave a comment

Quick line in HTML and JavaScript

By Zevan | July 30, 2018

Usually if you want to draw lines in HTML you use canvas or SVG. Awhile back I wondered how I might do it without those. This is really just a proof of concept speed coded answer to that question:
See the Pen Quick Line by Zevan Rosser (@ZevanRosser) on CodePen.

This works by using a div with [...]

Posted in Graphics, Math, html5, javascript, misc, motion | Tagged , , | Leave a comment

Color Breeder (aka Features)

By Zevan | July 28, 2018

Choose two colors to breed them and create 5 new colors:
See the Pen Color Breeder by Zevan Rosser (@ZevanRosser) on CodePen.

This is a speed coded pen from awhile back - the features object is interesting - it allows two objects to be bred together. In this case two colors. I could see this is as [...]

Posted in Graphics, Object, html5, javascript, misc | Tagged , , | Leave a comment

Quick SVG with Javascript

By Zevan | July 27, 2018

If you look into creating SVG dynamically with JavaScript you might stumble upon `document.createElementNS`. In most simple cases, you don’t need to go down that path. Contemporary libraries handle this stuff internally now (they didn’t always) or if you’re going vanilla… you can integrate this kind of thing somewhere:
See the Pen Inline Svg ES6 Template [...]

Posted in Uncategorized | Leave a comment