Pens from J Holmes https://codepen.io/32bitkid/ en nospam@codepen.io Copyright 2024 2023-11-28T16:25:54-07:00 Flat Keyboard using CSS Grid https://codepen.io/32bitkid/pen/poGZVrW https://codepen.io/32bitkid/pen/poGZVrW J Holmes

See the Code - See it Full Page - See Details

]]>
Flat Keyboard using CSS Grid 2023-11-28T16:25:54-07:00
Aqua-jelly Slack Icon https://codepen.io/32bitkid/pen/wvNepBK https://codepen.io/32bitkid/pen/wvNepBK J Holmes

See the Code - See it Full Page - See Details

Inspired by https://mastodon.design/@gn/111375383367445339

]]>
Aqua-jelly Slack Icon 2023-11-13T22:27:09-07:00
Exercise in LERPs https://codepen.io/32bitkid/pen/yLJqWRP https://codepen.io/32bitkid/pen/yLJqWRP J Holmes

See the Code - See it Full Page - See Details

]]>
Exercise in LERPs 2023-11-12T22:54:27-07:00
Concentric circles appear to be distorted. https://codepen.io/32bitkid/pen/agPBWr https://codepen.io/32bitkid/pen/agPBWr J Holmes

See the Code - See it Full Page - See Details

]]>
Concentric circles appear to be distorted. 2019-07-11T01:52:20-07:00
Snakes appear to move. https://codepen.io/32bitkid/pen/BgPwVe https://codepen.io/32bitkid/pen/BgPwVe J Holmes

See the Code - See it Full Page - See Details

Inspired by: https://twitter.com/AkiyoshiKitaoka/status/1146688191392468993

]]>
Snakes appear to move. 2019-07-04T16:33:13-07:00
Horizontal lines appear to tilt alternately. https://codepen.io/32bitkid/pen/JQByJo https://codepen.io/32bitkid/pen/JQByJo J Holmes

See the Code - See it Full Page - See Details

This ended up being a fun exercise in nth-child() usages. Inspiried by: https://twitter.com/AkiyoshiKitaoka/status/1146718590831218689

]]>
Horizontal lines appear to tilt alternately. 2019-07-05T05:05:07-07:00
Bakers Calculator: Neapolitan Pizza Dough https://codepen.io/32bitkid/pen/PrQOLB https://codepen.io/32bitkid/pen/PrQOLB J Holmes

See the Code - See it Full Page - See Details

Bakers often prepare recipes based on by using what is called a Baker’s Percentage; where each ingredient is measured by weight/mass rather than volume and where the ingredients are understood as percentage of `ingredient-weight/flour-weight`, thus giving you the eponymously named Baker's Percentage. So, when a baker says they are making a 75% hydration dough, and they are starting with 1000g of flour, then they need to add 750g of water. And thats it! This makes scaling bread recipes easy; whether its for one loaf or fifty loaves.

]]>
Bakers Calculator: Neapolitan Pizza Dough 2019-11-08T18:34:02-07:00
Quest For Glory II Disks https://codepen.io/32bitkid/pen/BgwwgG https://codepen.io/32bitkid/pen/BgwwgG J Holmes

See the Code - See it Full Page - See Details

Tribute to the classic designs of the 80's and 90's Sierra On-Line adventure game releases.

]]>
Quest For Glory II Disks 2019-06-27T00:53:59-07:00
pile of 3.5" diskettes https://codepen.io/32bitkid/pen/dBzQOj https://codepen.io/32bitkid/pen/dBzQOj J Holmes

See the Code - See it Full Page - See Details

]]>
pile of 3.5" diskettes 2019-06-27T00:51:03-07:00
10 PRINT CHR$(205.5+RND(1)); : GOTO 10 https://codepen.io/32bitkid/pen/agmYew https://codepen.io/32bitkid/pen/agmYew J Holmes

See the Code - See it Full Page - See Details

Tribute to the classic Commodore 64 BASIC one-liner. See https://10print.org/ for more details.

]]>
10 PRINT CHR$(205.5+RND(1)); : GOTO 10 2019-06-21T18:06:50-07:00