Pens from Derick Montague https://codepen.io/BeyondHyper/ en nospam@codepen.io Copyright 2024 2022-07-01T04:22:35-07:00 Angled Edges with CSS Pseudo Elements https://codepen.io/BeyondHyper/pen/qBoELmW https://codepen.io/BeyondHyper/pen/qBoELmW Derick Montague

See the Code - See it Full Page - See Details

]]>
Angled Edges with CSS Pseudo Elements 2022-07-01T04:22:35-07:00
Bootstrap-vue Accessibility Error aria-multiselectable on table https://codepen.io/BeyondHyper/pen/xxEJXXG https://codepen.io/BeyondHyper/pen/xxEJXXG Derick Montague

See the Code - See it Full Page - See Details

There is an accessibility violation when creating a selectable table in Bootstrap-vue. The violation can be viewed by running an audit using: - IBM Accessibility Checker - Deque Axe - Lighthouse Accessibility Audit

]]>
Bootstrap-vue Accessibility Error aria-multiselectable on table 2021-01-08T20:46:41-07:00
Flex Definition List Example https://codepen.io/BeyondHyper/pen/gOPXZao https://codepen.io/BeyondHyper/pen/gOPXZao Derick Montague

See the Code - See it Full Page - See Details

]]>
Flex Definition List Example 2020-07-01T18:01:43-07:00
HTML Form Attribute Example https://codepen.io/BeyondHyper/pen/XWmrMbe https://codepen.io/BeyondHyper/pen/XWmrMbe Derick Montague

See the Code - See it Full Page - See Details

]]>
HTML Form Attribute Example 2020-04-08T01:41:19-07:00
Hide child behind parent https://codepen.io/BeyondHyper/pen/rgpqQY https://codepen.io/BeyondHyper/pen/rgpqQY Derick Montague

See the Code - See it Full Page - See Details

]]>
Hide child behind parent 2019-05-22T19:57:26-07:00
Stacking Order (problem) https://codepen.io/BeyondHyper/pen/VOyEPB https://codepen.io/BeyondHyper/pen/VOyEPB Derick Montague

See the Code - See it Full Page - See Details

]]>
Stacking Order (problem) 2019-05-22T19:17:30-07:00
Example table header cell text alignment https://codepen.io/BeyondHyper/pen/mgwdbV https://codepen.io/BeyondHyper/pen/mgwdbV Derick Montague

See the Code - See it Full Page - See Details

]]>
Example table header cell text alignment 2019-04-11T19:15:33-07:00
FlexBox Grid https://codepen.io/BeyondHyper/pen/ZrLXrq https://codepen.io/BeyondHyper/pen/ZrLXrq Derick Montague

See the Code - See it Full Page - See Details

This is a basic Flexbox grid layout with some mixins that can be used in rulesets. CSS Grid is a much better option, but this layout exists to support Internet Explorer 11. The next step is a CSS Grid with a flexbox fallback using support queries.

]]>
FlexBox Grid 2019-09-12T11:42:20-07:00
Custom Checkbox https://codepen.io/BeyondHyper/pen/MrwjOz https://codepen.io/BeyondHyper/pen/MrwjOz Derick Montague

See the Code - See it Full Page - See Details

]]>
Custom Checkbox 2018-12-19T14:28:10-07:00
Background SVG Data URI https://codepen.io/BeyondHyper/pen/EoaBab https://codepen.io/BeyondHyper/pen/EoaBab Derick Montague

See the Code - See it Full Page - See Details

]]>
Background SVG Data URI 2018-12-19T14:46:21-07:00