Pens from Nathan Schmidt https://codepen.io/mrnathan8/ en nospam@codepen.io Copyright 2024 2024-01-18T16:31:43-07:00 A Pen by Nathan Schmidt https://codepen.io/mrnathan8/pen/BabRKrN https://codepen.io/mrnathan8/pen/BabRKrN Nathan Schmidt

See the Code - See it Full Page - See Details

]]>
A Pen by Nathan Schmidt 2024-01-18T16:31:43-07:00
Container Queries & Fluid Text https://codepen.io/mrnathan8/pen/zYemZBz https://codepen.io/mrnathan8/pen/zYemZBz Nathan Schmidt

See the Code - See it Full Page - See Details

]]>
Container Queries & Fluid Text 2023-11-30T19:50:20-07:00
WCAG 2.2 https://codepen.io/mrnathan8/pen/zYyMbrp https://codepen.io/mrnathan8/pen/zYyMbrp Nathan Schmidt

See the Code - See it Full Page - See Details

]]>
WCAG 2.2 2023-10-06T18:38:16-07:00
WCAG 2.2 Focus Appearance https://codepen.io/mrnathan8/pen/gOZXYxq https://codepen.io/mrnathan8/pen/gOZXYxq Nathan Schmidt

See the Code - See it Full Page - See Details

]]>
WCAG 2.2 Focus Appearance 2023-09-18T21:58:54-07:00
WCAG 2.2 Target Size https://codepen.io/mrnathan8/pen/OJrbYzv https://codepen.io/mrnathan8/pen/OJrbYzv Nathan Schmidt

See the Code - See it Full Page - See Details

]]>
WCAG 2.2 Target Size 2023-10-05T17:46:30-07:00
Section Numbers https://codepen.io/mrnathan8/pen/MWzzbZM https://codepen.io/mrnathan8/pen/MWzzbZM Nathan Schmidt

See the Code - See it Full Page - See Details

]]>
Section Numbers 2023-07-31T21:36:11-07:00
Letter Opening https://codepen.io/mrnathan8/pen/NWLEddx https://codepen.io/mrnathan8/pen/NWLEddx Nathan Schmidt

See the Code - See it Full Page - See Details

Simple css animatino of a lettering opening.

]]>
Letter Opening 2023-03-22T23:25:34-07:00
Grid https://codepen.io/mrnathan8/pen/gOdKJyr https://codepen.io/mrnathan8/pen/gOdKJyr Nathan Schmidt

See the Code - See it Full Page - See Details

Simple demo of CSS Grid fr. “1fr” is a fractional unit for CSS Grid and can be interpreted as 1 part of the available space in the grid.

]]>
Grid 2023-03-24T14:37:05-07:00
gsap scroll https://codepen.io/mrnathan8/pen/bGKXGZz https://codepen.io/mrnathan8/pen/bGKXGZz Nathan Schmidt

See the Code - See it Full Page - See Details

]]>
gsap scroll 2022-12-14T20:39:32-07:00
Content scroll Animation https://codepen.io/mrnathan8/pen/xxzKoQa https://codepen.io/mrnathan8/pen/xxzKoQa Nathan Schmidt

See the Code - See it Full Page - See Details

Greensock animation of hero CTA section

]]>
Content scroll Animation 2022-10-24T22:33:38-07:00