Pens from gregory nicholas https://codepen.io/gregorynicholas/ en nospam@codepen.io Copyright 2024 2019-11-14T02:23:31-07:00 Fractal circle https://codepen.io/gregorynicholas/pen/KKKGaya https://codepen.io/gregorynicholas/pen/KKKGaya gregory nicholas

See the Code - See it Full Page - See Details

]]>
Fractal circle 2019-11-14T02:23:31-07:00
WebGL Point Sphere - GSAP 3 https://codepen.io/gregorynicholas/pen/bGGxaOj https://codepen.io/gregorynicholas/pen/bGGxaOj gregory nicholas

See the Code - See it Full Page - See Details

]]>
WebGL Point Sphere - GSAP 3 2019-11-12T23:40:58-07:00
WebGL Point Sphere - GSAP 3 https://codepen.io/gregorynicholas/pen/wvvEpRX https://codepen.io/gregorynicholas/pen/wvvEpRX gregory nicholas

See the Code - See it Full Page - See Details

]]>
WebGL Point Sphere - GSAP 3 2019-11-13T06:26:20-07:00
Kuler Color Wheel with D3 https://codepen.io/gregorynicholas/pen/NWWKzxp https://codepen.io/gregorynicholas/pen/NWWKzxp gregory nicholas

See the Code - See it Full Page - See Details

Reproduces the color wheel UI on found on Adobe's Kuler color tool (http://kuler.adobe.com) with D3. Code on Github at: https://github.com/benknight/kuler-d3

]]>
Kuler Color Wheel with D3 2019-10-04T03:26:26-07:00
Isometric Post 7 https://codepen.io/gregorynicholas/pen/JjPxyZW https://codepen.io/gregorynicholas/pen/JjPxyZW gregory nicholas

See the Code - See it Full Page - See Details

A quick example for a post I wrote explaining how to create an isometric layout with CSS Grid. https://codepen.io/andybarefoot/post/isometric-layout-with-css-grid

]]>
Isometric Post 7 2019-09-24T01:51:00-07:00
eCommerce Perspective grid https://codepen.io/gregorynicholas/pen/MWgLvGW https://codepen.io/gregorynicholas/pen/MWgLvGW gregory nicholas

See the Code - See it Full Page - See Details

An experiment in perspective using CSS Grid, 3D perspective and Tornis to adjust the point of view.

]]>
eCommerce Perspective grid 2019-09-24T01:48:22-07:00
Isometric eCommerce CSS Grid https://codepen.io/gregorynicholas/pen/OJLdjvo https://codepen.io/gregorynicholas/pen/OJLdjvo gregory nicholas

See the Code - See it Full Page - See Details

Experimental eCommerce grid layout. Uses CSS Grid.

]]>
Isometric eCommerce CSS Grid 2019-09-24T01:47:43-07:00
Birds of a Feather https://codepen.io/gregorynicholas/pen/BaBMdYq https://codepen.io/gregorynicholas/pen/BaBMdYq gregory nicholas

See the Code - See it Full Page - See Details

]]>
Birds of a Feather 2019-09-24T01:44:47-07:00
Cardioid Visualization 3 https://codepen.io/gregorynicholas/pen/ZEzwJvY https://codepen.io/gregorynicholas/pen/ZEzwJvY gregory nicholas

See the Code - See it Full Page - See Details

Animated Cardioid visualization - Interactively change the drawing factor and number of lines to discover patterns. Inspired by The Coding Train's processing version.

]]>
Cardioid Visualization 3 2019-09-24T01:45:55-07:00
Reveal Effect Text Animation https://codepen.io/gregorynicholas/pen/wvwNeqe https://codepen.io/gregorynicholas/pen/wvwNeqe gregory nicholas

See the Code - See it Full Page - See Details

JavaScript Animation

]]>
Reveal Effect Text Animation 2019-09-23T23:57:32-07:00