Pens from Matthew C Scheuerman https://codepen.io/mordecaidesign/ en nospam@codepen.io Copyright 2024 2020-05-29T23:28:27-07:00 Tables exploration using flex https://codepen.io/mordecaidesign/pen/WNQVxKd https://codepen.io/mordecaidesign/pen/WNQVxKd Matthew C Scheuerman

See the Code - See it Full Page - See Details

Forked from [Davide Rizzo](http://codepen.io/davidelrizzo/)'s Pen [Responsive Tables (By columns)](http://codepen.io/davidelrizzo/pen/dGBxje/).

]]>
Tables exploration using flex 2020-05-29T23:28:27-07:00
Demo: css-vars-ponyfill https://codepen.io/mordecaidesign/pen/NWqpPWy https://codepen.io/mordecaidesign/pen/NWqpPWy Matthew C Scheuerman

See the Code - See it Full Page - See Details

css-vars-ponyfill is a ponyfill that provides client-side support for CSS custom properties ("CSS variables") in legacy browsers. https://github.com/jhildenbiddle/css-vars-ponyfill Legacy "support" for CSS custom properties often means using a CSS preprocessor such as PostCSS or Sass to perform a one-time transformation of custom properties to static values prior to deployment. This approach allows developers to define variables and values using the CSS custom property syntax, but it fails to deliver one of the primary benefits of CSS custom properties: the ability to set values dynamically at runtime and have the DOM update accordingly. This ponyfill was created specifically to address this issue. There are limitations to consider (see link), but if these limitations are acceptable then this ponyfill should simplify working with custom properties when legacy support is required.

]]>
Demo: css-vars-ponyfill 2020-02-25T17:17:56-07:00
group button work - delete later...forked https://codepen.io/mordecaidesign/pen/YzzJMJq https://codepen.io/mordecaidesign/pen/YzzJMJq Matthew C Scheuerman

See the Code - See it Full Page - See Details

Radio buttons reimagined. This is based on the common survey answers of "never, sometimes, often, usually, always."

]]>
group button work - delete later...forked 2019-11-14T21:15:43-07:00
Days of week button group https://codepen.io/mordecaidesign/pen/oNNaaqw https://codepen.io/mordecaidesign/pen/oNNaaqw Matthew C Scheuerman

See the Code - See it Full Page - See Details

A non JQuery collection of buttons that can be used to select one or more days of the week. The combination of selected days are represented as a single bitwise value. Any number of days can be set with a single value too.

]]>
Days of week button group 2019-11-14T16:54:56-07:00
svg mask on svg https://codepen.io/mordecaidesign/pen/abbJxyB https://codepen.io/mordecaidesign/pen/abbJxyB Matthew C Scheuerman

See the Code - See it Full Page - See Details

]]>
svg mask on svg 2019-10-23T21:15:41-07:00
Creating clips https://codepen.io/mordecaidesign/pen/NWWpojN https://codepen.io/mordecaidesign/pen/NWWpojN Matthew C Scheuerman

See the Code - See it Full Page - See Details

]]>
Creating clips 2019-10-25T17:18:53-07:00
Clipping an svg off and on https://codepen.io/mordecaidesign/pen/oNNZJEo https://codepen.io/mordecaidesign/pen/oNNZJEo Matthew C Scheuerman

See the Code - See it Full Page - See Details

]]>
Clipping an svg off and on 2019-10-23T18:51:37-07:00
SVG clipping from Sara S. https://codepen.io/mordecaidesign/pen/yLLarzb https://codepen.io/mordecaidesign/pen/yLLarzb Matthew C Scheuerman

See the Code - See it Full Page - See Details

]]>
SVG clipping from Sara S. 2019-10-18T16:45:27-07:00
getting closer svg dispacement https://codepen.io/mordecaidesign/pen/EBQOqg https://codepen.io/mordecaidesign/pen/EBQOqg Matthew C Scheuerman

See the Code - See it Full Page - See Details

]]>
getting closer svg dispacement 2019-07-01T05:38:59-07:00
Falcor the displaced dog https://codepen.io/mordecaidesign/pen/wLyXdz https://codepen.io/mordecaidesign/pen/wLyXdz Matthew C Scheuerman

See the Code - See it Full Page - See Details

]]>
Falcor the displaced dog 2019-07-01T04:14:15-07:00