Pens from Mike Young https://codepen.io/miketricking/ en nospam@codepen.io Copyright 2024 2020-05-05T15:09:49-07:00 Dialog focus trapping with CSS https://codepen.io/miketricking/pen/abvEKLO https://codepen.io/miketricking/pen/abvEKLO Mike Young

See the Code - See it Full Page - See Details

Focus trapping is important accessibility feature of any modal. This pen tries to implement focus trapping using CSS' `focus-within` pseudo class.

]]>
Dialog focus trapping with CSS 2020-05-05T15:09:49-07:00
A Pen by Mike Young https://codepen.io/miketricking/pen/VwLxxQP https://codepen.io/miketricking/pen/VwLxxQP Mike Young

See the Code - See it Full Page - See Details

]]>
A Pen by Mike Young 2020-03-16T16:19:45-07:00
Css Gooey Effect for loading https://codepen.io/miketricking/pen/gOYXmgZ https://codepen.io/miketricking/pen/gOYXmgZ Mike Young

See the Code - See it Full Page - See Details

This is just a demo of gooey effect using only css, if you see the code this is very efficient code which is created with mathematical function if you want to change circle number you can change very easily

]]>
Css Gooey Effect for loading 2019-09-04T09:57:04-07:00
CSS Gradient Borders https://codepen.io/miketricking/pen/dLmerE https://codepen.io/miketricking/pen/dLmerE Mike Young

See the Code - See it Full Page - See Details

]]>
CSS Gradient Borders 2019-04-18T14:36:54-07:00
SVG progress bar https://codepen.io/miketricking/pen/KJXLWg https://codepen.io/miketricking/pen/KJXLWg Mike Young

See the Code - See it Full Page - See Details

]]>
SVG progress bar 2019-02-06T13:54:43-07:00
A Pen by Mike Young https://codepen.io/miketricking/pen/MZGLrO https://codepen.io/miketricking/pen/MZGLrO Mike Young

See the Code - See it Full Page - See Details

]]>
A Pen by Mike Young 2019-01-07T14:17:11-07:00
Wells flexbox grow https://codepen.io/miketricking/pen/GPQgEK https://codepen.io/miketricking/pen/GPQgEK Mike Young

See the Code - See it Full Page - See Details

]]>
Wells flexbox grow 2019-01-03T09:29:22-07:00
Wells flexbox grow https://codepen.io/miketricking/pen/XozVxO https://codepen.io/miketricking/pen/XozVxO Mike Young

See the Code - See it Full Page - See Details

]]>
Wells flexbox grow 2019-01-07T10:44:30-07:00
Generators https://codepen.io/miketricking/pen/PXOOgw https://codepen.io/miketricking/pen/PXOOgw Mike Young

See the Code - See it Full Page - See Details

]]>
Generators 2018-12-31T11:41:32-07:00
Promises https://codepen.io/miketricking/pen/gZGmzR https://codepen.io/miketricking/pen/gZGmzR Mike Young

See the Code - See it Full Page - See Details

]]>
Promises 2018-12-28T16:49:20-07:00