Pens from Nate https://codepen.io/nategabriel/ en nospam@codepen.io Copyright 2024 2023-10-27T21:06:41-07:00 A Pen by Nate https://codepen.io/nategabriel/pen/zYerqLO https://codepen.io/nategabriel/pen/zYerqLO Nate

See the Code - See it Full Page - See Details

]]>
A Pen by Nate 2023-10-27T21:06:41-07:00
Easy Responsive Grid https://codepen.io/nategabriel/pen/zYwyKGj https://codepen.io/nategabriel/pen/zYwyKGj Nate

See the Code - See it Full Page - See Details

]]>
Easy Responsive Grid 2021-10-13T17:08:41-07:00
Scrolltrigger Issue https://codepen.io/nategabriel/pen/gOgPmpz https://codepen.io/nategabriel/pen/gOgPmpz Nate

See the Code - See it Full Page - See Details

]]>
Scrolltrigger Issue 2021-03-25T19:49:10-07:00
A Pen by Nate https://codepen.io/nategabriel/pen/abZPKoz https://codepen.io/nategabriel/pen/abZPKoz Nate

See the Code - See it Full Page - See Details

]]>
A Pen by Nate 2020-11-18T01:36:04-07:00
A Pen by Nate https://codepen.io/nategabriel/pen/mdEjJaV https://codepen.io/nategabriel/pen/mdEjJaV Nate

See the Code - See it Full Page - See Details

]]>
A Pen by Nate 2020-11-04T18:05:09-07:00
Flexbox and text truncation https://codepen.io/nategabriel/pen/JjooJPb https://codepen.io/nategabriel/pen/JjooJPb Nate

See the Code - See it Full Page - See Details

]]>
Flexbox and text truncation 2019-12-03T23:05:55-07:00
Dynamic image grid https://codepen.io/nategabriel/pen/mdbxZdY https://codepen.io/nategabriel/pen/mdbxZdY Nate

See the Code - See it Full Page - See Details

Needlessly complex media float grid with however many columns you want. Probably not the best way to handle things like this, but its a fun excercise

]]>
Dynamic image grid 2021-08-09T23:55:00-07:00
Demo: css-vars-ponyfill https://codepen.io/nategabriel/pen/ZqgWKa https://codepen.io/nategabriel/pen/ZqgWKa Nate

See the Code - See it Full Page - See Details

css-vars-ponyfill is a ponyfill that provides client-side support for CSS custom properties ("CSS variables") in legacy browsers. https://github.com/jhildenbiddle/css-vars-ponyfill Legacy "support" for CSS custom properties often means using a CSS preprocessor such as PostCSS or Sass to perform a one-time transformation of custom properties to static values prior to deployment. This approach allows developers to define variables and values using the CSS custom property syntax, but it fails to deliver one of the primary benefits of CSS custom properties: the ability to set values dynamically at runtime and have the DOM update accordingly. This ponyfill was created specifically to address this issue. There are limitations to consider (see link), but if these limitations are acceptable then this ponyfill should simplify working with custom properties when legacy support is required.

]]>
Demo: css-vars-ponyfill 2018-11-02T00:32:01-07:00
Sample Site https://codepen.io/nategabriel/pen/YLdrOw https://codepen.io/nategabriel/pen/YLdrOw Nate

See the Code - See it Full Page - See Details

]]>
Sample Site 2018-05-18T22:56:23-07:00
A Pen by Nate https://codepen.io/nategabriel/pen/aLGgVg https://codepen.io/nategabriel/pen/aLGgVg Nate

See the Code - See it Full Page - See Details

]]>
A Pen by Nate 2017-10-10T20:52:51-07:00