Pens from Anthony Dugois https://codepen.io/anthonydugois/ en nospam@codepen.io Copyright 2024 2018-05-17T13:56:16-07:00 Polynom Cursors https://codepen.io/anthonydugois/pen/yjQyyV https://codepen.io/anthonydugois/pen/yjQyyV Anthony Dugois

See the Code - See it Full Page - See Details

]]>
Polynom Cursors 2018-05-17T13:56:16-07:00
CSS Grid Template Builder https://codepen.io/anthonydugois/pen/RpYBmy https://codepen.io/anthonydugois/pen/RpYBmy Anthony Dugois

See the Code - See it Full Page - See Details

A simple tool to build complex CSS Grid templates. CSS Grid support: [http://caniuse.com/#feat=css-grid](http://caniuse.com/#feat=css-grid)

]]>
CSS Grid Template Builder 2017-03-31T03:43:59-07:00
React Melody Composer https://codepen.io/anthonydugois/pen/yabwBw https://codepen.io/anthonydugois/pen/yabwBw Anthony Dugois

See the Code - See it Full Page - See Details

This is an experiment made with React and the Web Audio API. Unleash your creativity and compose your own melody!

]]>
React Melody Composer 2016-10-06T21:15:34-07:00
Polynomic Playground https://codepen.io/anthonydugois/pen/ORyaRz https://codepen.io/anthonydugois/pen/ORyaRz Anthony Dugois

See the Code - See it Full Page - See Details

]]>
Polynomic Playground 2016-09-22T17:49:47-07:00
Advanced React Circular Slider https://codepen.io/anthonydugois/pen/oLEWMb https://codepen.io/anthonydugois/pen/oLEWMb Anthony Dugois

See the Code - See it Full Page - See Details

An advanced slider made with React. Customize angle, radius, border and progression direction.

]]>
Advanced React Circular Slider 2016-07-18T17:05:42-07:00
[RCC-001] PinToBottom https://codepen.io/anthonydugois/pen/GqqwBe https://codepen.io/anthonydugois/pen/GqqwBe Anthony Dugois

See the Code - See it Full Page - See Details

Implement a component that keeps the scroll position pinned to the bottom of the element, but not if the user has scrolled up!

]]>
[RCC-001] PinToBottom 2016-06-16T23:17:56-07:00
SVG Path Transformer https://codepen.io/anthonydugois/pen/EKzzmV https://codepen.io/anthonydugois/pen/EKzzmV Anthony Dugois

See the Code - See it Full Page - See Details

Sometimes, some tools like Adobe Illustrator only apply a basic CSS transform on the path, which can lead to problems when you want to animate it. This GUI applies transforms on an SVG path and computes the actual transformed path.

]]>
SVG Path Transformer 2016-05-19T10:49:05-07:00
Gooey Rorschach Mask https://codepen.io/anthonydugois/pen/aNPYpg https://codepen.io/anthonydugois/pen/aNPYpg Anthony Dugois

See the Code - See it Full Page - See Details

Trying to reproduce the effects of Rorschach's mask. ![](http://66.media.tumblr.com/6387f478169228f96a4961e20b58cf29/tumblr_ml1fwogxuL1rgxdhwo4_250.gif)

]]>
Gooey Rorschach Mask 2016-05-05T12:40:48-07:00
SVG Graham Scan https://codepen.io/anthonydugois/pen/VadgBM https://codepen.io/anthonydugois/pen/VadgBM Anthony Dugois

See the Code - See it Full Page - See Details

This is a demo of the Graham Scan applied to SVG. Edit the path code and get the corresponding convex envelope! https://en.wikipedia.org/wiki/Graham_scan

]]>
SVG Graham Scan 2016-04-21T01:06:05-07:00
React Circular Slider https://codepen.io/anthonydugois/pen/jqEMPZ https://codepen.io/anthonydugois/pen/jqEMPZ Anthony Dugois

See the Code - See it Full Page - See Details

A simple circular slider made with React and SVG. Use it in your projects!

]]>
React Circular Slider 2016-02-29T18:48:29-07:00