Pens from PicturElements https://codepen.io/PicturElements/ en nospam@codepen.io Copyright 2024 2020-09-08T20:25:26-07:00 Inputmode precedence https://codepen.io/PicturElements/pen/MWyQXwo https://codepen.io/PicturElements/pen/MWyQXwo PicturElements

See the Code - See it Full Page - See Details

]]>
Inputmode precedence 2020-09-08T20:25:26-07:00
Inputmode precedence https://codepen.io/PicturElements/pen/KKzQepa https://codepen.io/PicturElements/pen/KKzQepa PicturElements

See the Code - See it Full Page - See Details

]]>
Inputmode precedence 2020-09-08T20:23:57-07:00
Chrome iOS animation test https://codepen.io/PicturElements/pen/bGNZYwX https://codepen.io/PicturElements/pen/bGNZYwX PicturElements

See the Code - See it Full Page - See Details

]]>
Chrome iOS animation test 2020-01-25T21:42:29-07:00
Resize Listener https://codepen.io/PicturElements/pen/PowXJQL https://codepen.io/PicturElements/pen/PowXJQL PicturElements

See the Code - See it Full Page - See Details

Super simple alternative to ResizeObserver for basic resizing observation. It uses overflowing elements and scroll events to detect when elements are resized. While this is by no means a perfect substitute to RO, and not exceedingly performant, it does offer the following benefits over other polyfill strategies: 1. Zero non-native listeners or observers. Minimal additional memory needed to store runtime data, and no polling required. 2. Accurate detection. The callback is invoked every time the element is resized. 3. Backwards compatible. This script, with minor changes, is compatible with Chrome, Firefox, Safari, Brave, IE11, and IE8 (emulated).

]]>
Resize Listener 2020-01-28T22:42:46-07:00
A Pen by PicturElements https://codepen.io/PicturElements/pen/MWYQJXO https://codepen.io/PicturElements/pen/MWYQJXO PicturElements

See the Code - See it Full Page - See Details

]]>
A Pen by PicturElements 2020-01-08T00:03:54-07:00
A Pen by PicturElements https://codepen.io/PicturElements/pen/axxPgK https://codepen.io/PicturElements/pen/axxPgK PicturElements

See the Code - See it Full Page - See Details

]]>
A Pen by PicturElements 2019-05-01T23:56:22-07:00
A Pen by PicturElements https://codepen.io/PicturElements/pen/zMbxgN https://codepen.io/PicturElements/pen/zMbxgN PicturElements

See the Code - See it Full Page - See Details

]]>
A Pen by PicturElements 2018-12-03T02:01:52-07:00
Arc playground https://codepen.io/PicturElements/pen/eLVMZa https://codepen.io/PicturElements/pen/eLVMZa PicturElements

See the Code - See it Full Page - See Details

]]>
Arc playground 2018-09-18T16:05:14-07:00
A Pen by PicturElements https://codepen.io/PicturElements/pen/ejNwed https://codepen.io/PicturElements/pen/ejNwed PicturElements

See the Code - See it Full Page - See Details

]]>
A Pen by PicturElements 2018-07-13T05:22:30-07:00
A Pen by PicturElements https://codepen.io/PicturElements/pen/ELLvQK https://codepen.io/PicturElements/pen/ELLvQK PicturElements

See the Code - See it Full Page - See Details

]]>
A Pen by PicturElements 2018-05-11T16:02:16-07:00