Pens from Abel Lopes https://codepen.io/abelflopes/ en nospam@codepen.io Copyright 2024 2023-10-09T23:40:31-07:00 Real Time Flight Tracker https://codepen.io/abelflopes/pen/GRPzWoJ https://codepen.io/abelflopes/pen/GRPzWoJ Abel Lopes

See the Code - See it Full Page - See Details

]]>
Real Time Flight Tracker 2023-10-09T23:40:31-07:00
React Button With Multiple Statuses Content https://codepen.io/abelflopes/pen/KKbJaeN https://codepen.io/abelflopes/pen/KKbJaeN Abel Lopes

See the Code - See it Full Page - See Details

A React button that can have multiple visual statuses & different content according to its status, there the button width is preserved dinamically

]]>
React Button With Multiple Statuses Content 2023-10-09T23:18:33-07:00
A Pen by Abel Lopes https://codepen.io/abelflopes/pen/poQEYKM https://codepen.io/abelflopes/pen/poQEYKM Abel Lopes

See the Code - See it Full Page - See Details

]]>
A Pen by Abel Lopes 2023-06-23T10:05:12-07:00
A Pen by Abel Lopes https://codepen.io/abelflopes/pen/gOQwPVP https://codepen.io/abelflopes/pen/gOQwPVP Abel Lopes

See the Code - See it Full Page - See Details

]]>
A Pen by Abel Lopes 2023-06-21T09:16:51-07:00
CSS Knob https://codepen.io/abelflopes/pen/RwJmGGm https://codepen.io/abelflopes/pen/RwJmGGm Abel Lopes

See the Code - See it Full Page - See Details

]]>
CSS Knob 2022-12-24T15:43:12-07:00
A Pen by Abel Lopes https://codepen.io/abelflopes/pen/NWYmYGG https://codepen.io/abelflopes/pen/NWYmYGG Abel Lopes

See the Code - See it Full Page - See Details

]]>
A Pen by Abel Lopes 2022-08-24T11:16:38-07:00
CSS Styles Reversed Scoping https://codepen.io/abelflopes/pen/qBoQVqb https://codepen.io/abelflopes/pen/qBoQVqb Abel Lopes

See the Code - See it Full Page - See Details

CSS Reversed scoping - isolate styles, excluding a specific container

]]>
CSS Styles Reversed Scoping 2022-09-01T12:23:05-07:00
Typescript Sequential Promise Array Execution https://codepen.io/abelflopes/pen/PoKayWy https://codepen.io/abelflopes/pen/PoKayWy Abel Lopes

See the Code - See it Full Page - See Details

]]>
Typescript Sequential Promise Array Execution 2021-11-10T03:32:50-07:00
React + TypeScript Expandable Table https://codepen.io/abelflopes/pen/OJgGMMN https://codepen.io/abelflopes/pen/OJgGMMN Abel Lopes

See the Code - See it Full Page - See Details

React + TypeScript Starter for creating applications.

]]>
React + TypeScript Expandable Table 2021-10-01T15:28:34-07:00
Popper.js example with vanilla JS https://codepen.io/abelflopes/pen/ZEpdjdK https://codepen.io/abelflopes/pen/ZEpdjdK Abel Lopes

See the Code - See it Full Page - See Details

]]>
Popper.js example with vanilla JS 2021-01-25T22:30:30-07:00