Pens from Aaron Pinero https://codepen.io/aaronpinero/ en nospam@codepen.io Copyright 2024 2024-02-26T20:27:17-07:00 CUIMC Pubs: Search Results Page https://codepen.io/aaronpinero/pen/xxBNeXO https://codepen.io/aaronpinero/pen/xxBNeXO Aaron Pinero

See the Code - See it Full Page - See Details

]]>
CUIMC Pubs: Search Results Page 2024-02-26T18:29:06-07:00
CUIMC Pubs: Dept Page https://codepen.io/aaronpinero/pen/ZEPNooG https://codepen.io/aaronpinero/pen/ZEPNooG Aaron Pinero

See the Code - See it Full Page - See Details

]]>
CUIMC Pubs: Dept Page 2024-02-26T18:28:03-07:00
CUIMC Pubs: Depts & Divisions https://codepen.io/aaronpinero/pen/BabeLQO https://codepen.io/aaronpinero/pen/BabeLQO Aaron Pinero

See the Code - See it Full Page - See Details

]]>
CUIMC Pubs: Depts & Divisions 2024-02-26T20:27:17-07:00
Experiment with responsive SVG background https://codepen.io/aaronpinero/pen/qBvOgyx https://codepen.io/aaronpinero/pen/qBvOgyx Aaron Pinero

See the Code - See it Full Page - See Details

]]>
Experiment with responsive SVG background 2024-01-02T21:52:23-07:00
Automobile Temperature Dial https://codepen.io/aaronpinero/pen/GRegXxX https://codepen.io/aaronpinero/pen/GRegXxX Aaron Pinero

See the Code - See it Full Page - See Details

My Hot/Cold Challenge pen, recreating the heater/AC dial from an older automobile, animated using the GSAP library Draggable plugin

]]>
Automobile Temperature Dial 2023-12-26T20:33:18-07:00
FAQ using Popover API + state tracking https://codepen.io/aaronpinero/pen/GRzVPrb https://codepen.io/aaronpinero/pen/GRzVPrb Aaron Pinero

See the Code - See it Full Page - See Details

The popover API could be useful for something like an FAQ. However, there is no native indication of the state of the popover (open or closed). I want to track the state of the popover both on the popover element and on the button that triggers the open and close.

]]>
FAQ using Popover API + state tracking 2023-12-19T16:56:17-07:00
Frequently Asked Questions https://codepen.io/aaronpinero/pen/mdvrxNB https://codepen.io/aaronpinero/pen/mdvrxNB Aaron Pinero

See the Code - See it Full Page - See Details

Based on Bootstrap and https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-faq/

]]>
Frequently Asked Questions 2023-11-08T17:11:19-07:00
Space Occupancy Display https://codepen.io/aaronpinero/pen/rNoqYJq https://codepen.io/aaronpinero/pen/rNoqYJq Aaron Pinero

See the Code - See it Full Page - See Details

]]>
Space Occupancy Display 2023-10-06T13:47:37-07:00
Delivery Address Lookup https://codepen.io/aaronpinero/pen/QWJavoB https://codepen.io/aaronpinero/pen/QWJavoB Aaron Pinero

See the Code - See it Full Page - See Details

]]>
Delivery Address Lookup 2023-07-12T00:36:06-07:00
Sailboats with Clouds https://codepen.io/aaronpinero/pen/ZEmWOXB https://codepen.io/aaronpinero/pen/ZEmWOXB Aaron Pinero

See the Code - See it Full Page - See Details

]]>
Sailboats with Clouds 2023-06-16T19:51:47-07:00