Pens from Cnotv https://codepen.io/cnotv/ en nospam@codepen.io Copyright 2024 2024-02-16T22:10:07-07:00 CSS Grid Masonry (Step 10) https://codepen.io/cnotv/pen/RwdvqNV https://codepen.io/cnotv/pen/RwdvqNV Cnotv

See the Code - See it Full Page - See Details

Number 10 of a series of 10 code examples supporting an article on CSS Grid Masonry layouts: https://medium.com/@andybarefoot/a-masonry-style-layout-using-css-grid-8c663d355ebb For CSS Grid expertise: Rachel Andrew: https://gridbyexample.com/ Jen Simmons: http://labs.jensimmons.com/

]]>
CSS Grid Masonry (Step 10) 2024-02-16T22:10:07-07:00
asd https://codepen.io/cnotv/pen/mdavggr https://codepen.io/cnotv/pen/mdavggr Cnotv

See the Code - See it Full Page - See Details

]]>
asd 2023-10-10T19:29:33-07:00
Grid by Example 13: Redefining grid areas with media queries https://codepen.io/cnotv/pen/ZEVqoxz https://codepen.io/cnotv/pen/ZEVqoxz Cnotv

See the Code - See it Full Page - See Details

A simple responsive example: http://gridbyexample.com/examples/#example13

]]>
Grid by Example 13: Redefining grid areas with media queries 2023-10-04T19:52:34-07:00
ChatGPT marble run 2 https://codepen.io/cnotv/pen/poxZyoL https://codepen.io/cnotv/pen/poxZyoL Cnotv

See the Code - See it Full Page - See Details

]]>
ChatGPT marble run 2 2023-05-14T08:14:42-07:00
ChatGPT marble run https://codepen.io/cnotv/pen/xxyJZoe https://codepen.io/cnotv/pen/xxyJZoe Cnotv

See the Code - See it Full Page - See Details

]]>
ChatGPT marble run 2023-05-14T08:07:26-07:00
Generative art - P5 - Gravitational orbit https://codepen.io/cnotv/pen/oNPVbaO https://codepen.io/cnotv/pen/oNPVbaO Cnotv

See the Code - See it Full Page - See Details

]]>
Generative art - P5 - Gravitational orbit 2023-03-28T22:56:25-07:00
Generative art - Pixi.js - Water waves with 4D open Simplex noise https://codepen.io/cnotv/pen/zYJLObm https://codepen.io/cnotv/pen/zYJLObm Cnotv

See the Code - See it Full Page - See Details

]]>
Generative art - Pixi.js - Water waves with 4D open Simplex noise 2023-03-27T14:51:20-07:00
Generative art - Pixi.js - Rotating matrix https://codepen.io/cnotv/pen/MWqGObR https://codepen.io/cnotv/pen/MWqGObR Cnotv

See the Code - See it Full Page - See Details

]]>
Generative art - Pixi.js - Rotating matrix 2023-03-19T14:45:35-07:00
Generative art - pixi.js - Open Simplex noise https://codepen.io/cnotv/pen/qBMYXqp https://codepen.io/cnotv/pen/qBMYXqp Cnotv

See the Code - See it Full Page - See Details

This is the final code example for my upcoming tutorial on creating a generative UI with a super zen orbs animation (built with pixi.js) and a nice frosty UI. The colors here are generative too! A full guide to creating this pen can be found here https://dev.to/georgedoescode/create-a-generative-landing-page-webgl-powered-background-animation-3nl0 🚀

]]>
Generative art - pixi.js - Open Simplex noise 2023-03-15T15:04:50-07:00
Generative art - P5 - Water waves with 4D open Simplex noise https://codepen.io/cnotv/pen/dyqZbWV https://codepen.io/cnotv/pen/dyqZbWV Cnotv

See the Code - See it Full Page - See Details

]]>
Generative art - P5 - Water waves with 4D open Simplex noise 2023-11-13T16:32:43-07:00