Pens from Aysha Anggraini https://codepen.io/rrenula/ en nospam@codepen.io Copyright 2024 2023-04-03T05:38:36-07:00 A11Y: Better modal pattern https://codepen.io/rrenula/pen/LYJwRbR https://codepen.io/rrenula/pen/LYJwRbR Aysha Anggraini

See the Code - See it Full Page - See Details

]]>
A11Y: Better modal pattern 2023-04-03T05:38:36-07:00
A11Y issue: Modal background elements are not disabled https://codepen.io/rrenula/pen/XWPvjWv https://codepen.io/rrenula/pen/XWPvjWv Aysha Anggraini

See the Code - See it Full Page - See Details

]]>
A11Y issue: Modal background elements are not disabled 2023-04-03T03:42:59-07:00
Focus lost fix https://codepen.io/rrenula/pen/QWVXYRv https://codepen.io/rrenula/pen/QWVXYRv Aysha Anggraini

See the Code - See it Full Page - See Details

]]>
Focus lost fix 2023-04-02T07:50:46-07:00
Focus lost example https://codepen.io/rrenula/pen/gOdNQEx https://codepen.io/rrenula/pen/gOdNQEx Aysha Anggraini

See the Code - See it Full Page - See Details

]]>
Focus lost example 2023-04-03T03:59:57-07:00
Non-accessible toggle list https://codepen.io/rrenula/pen/mdGZQQW https://codepen.io/rrenula/pen/mdGZQQW Aysha Anggraini

See the Code - See it Full Page - See Details

]]>
Non-accessible toggle list 2023-04-02T07:51:17-07:00
Accessible toggle list with focus management https://codepen.io/rrenula/pen/bGxPWZg https://codepen.io/rrenula/pen/bGxPWZg Aysha Anggraini

See the Code - See it Full Page - See Details

]]>
Accessible toggle list with focus management 2023-04-02T07:51:32-07:00
Checkbox with CSS Houdini https://codepen.io/rrenula/pen/ZEzKMXj https://codepen.io/rrenula/pen/ZEzKMXj Aysha Anggraini

See the Code - See it Full Page - See Details

A nice checkbox styling created with CSS Houdini. For a write up on this one, visit: https://aysha.me/019/08/css-houdini-properties-values-and-the-paint-api/

]]>
Checkbox with CSS Houdini 2019-08-28T10:37:25-07:00
Calendar Puzzle https://codepen.io/rrenula/pen/qgZaBq https://codepen.io/rrenula/pen/qgZaBq Aysha Anggraini

See the Code - See it Full Page - See Details

]]>
Calendar Puzzle 2019-08-17T04:22:39-07:00
Card Template https://codepen.io/rrenula/pen/WXMxPp https://codepen.io/rrenula/pen/WXMxPp Aysha Anggraini

See the Code - See it Full Page - See Details

For details, see here: https://aysha.me/2017/11/the-art-of-solving-problems-with-css/

]]>
Card Template 2017-11-20T10:56:50-07:00
Codevember Day #4: Sparkling Sapphire https://codepen.io/rrenula/pen/vWKgKB https://codepen.io/rrenula/pen/vWKgKB Aysha Anggraini

See the Code - See it Full Page - See Details

I'm late to the party. But better late than never. For Codevember Day #4, an animated sparkling sapphire.

]]>
Codevember Day #4: Sparkling Sapphire 2017-11-06T15:24:19-07:00