Pens from Regis Philibert https://codepen.io/regisphilibert/ en nospam@codepen.io Copyright 2024 2018-05-05T18:26:38-07:00 CSS Grid - Header with action buttons https://codepen.io/regisphilibert/pen/WJZjrz https://codepen.io/regisphilibert/pen/WJZjrz Regis Philibert

See the Code - See it Full Page - See Details

]]>
CSS Grid - Header with action buttons 2018-05-05T18:26:38-07:00
Tabs https://codepen.io/regisphilibert/pen/rJpZXo https://codepen.io/regisphilibert/pen/rJpZXo Regis Philibert

See the Code - See it Full Page - See Details

]]>
Tabs 2018-02-18T01:17:26-07:00
Merry Gridmas! https://codepen.io/regisphilibert/pen/eyNExa https://codepen.io/regisphilibert/pen/eyNExa Regis Philibert

See the Code - See it Full Page - See Details

You sure don't need CSS Grid for that ! But look at this grid-template-areas ASCii art! Merry Christmas!

]]>
Merry Gridmas! 2017-12-14T20:52:32-07:00
UI Motion – Shipping Concept https://codepen.io/regisphilibert/pen/EwROvr https://codepen.io/regisphilibert/pen/EwROvr Regis Philibert

See the Code - See it Full Page - See Details

# 🚚 / 🥕🥕🥕 = 😱 I know, I should be hanged for shipping three carrots in a huge truck. Maybe next time I'll make a drone collect the parcel? --- This is one of three experiments in this collection: [UI Motion explorations](https://codepen.io/collection/DgggNa/) --- You know that feeling when you've completed an order online and click ship it...? Yeah, nice right? In this exploration I'm trying to anchor and extend that sweet feeling while solving some UX stuff: * eliminate the perception of waiting by entertaining the user while the purchase is being processed (2 seconds) * in a fun and emotional, yet sensible way, clearly show that the stuff you bought is on its way to you * reinforce a brand perception, in this case casual and playful --- I experiment with JS, GSAP, UX, motion and more, so follow if you like that kinda stuff! ❤️

]]>
UI Motion – Shipping Concept 2017-10-11T17:28:17-07:00
planet pen https://codepen.io/regisphilibert/pen/JrvBGQ https://codepen.io/regisphilibert/pen/JrvBGQ Regis Philibert

See the Code - See it Full Page - See Details

]]>
planet pen 2017-10-10T13:35:36-07:00
Grid Layout https://codepen.io/regisphilibert/pen/vxgEqJ https://codepen.io/regisphilibert/pen/vxgEqJ Regis Philibert

See the Code - See it Full Page - See Details

]]>
Grid Layout 2017-03-08T21:20:34-07:00
Sass Loop https://codepen.io/regisphilibert/pen/BWaJBL https://codepen.io/regisphilibert/pen/BWaJBL Regis Philibert

See the Code - See it Full Page - See Details

]]>
Sass Loop 2017-02-23T22:22:58-07:00
Attributes:LinkFile https://codepen.io/regisphilibert/pen/qZRPdj https://codepen.io/regisphilibert/pen/qZRPdj Regis Philibert

See the Code - See it Full Page - See Details

]]>
Attributes:LinkFile 2016-03-17T14:47:59-07:00
Target Blank Styling https://codepen.io/regisphilibert/pen/grgxBe https://codepen.io/regisphilibert/pen/grgxBe Regis Philibert

See the Code - See it Full Page - See Details

]]>
Target Blank Styling 2016-03-17T14:09:04-07:00
A Pen by Regis Philibert https://codepen.io/regisphilibert/pen/nJgVPE https://codepen.io/regisphilibert/pen/nJgVPE Regis Philibert

See the Code - See it Full Page - See Details

]]>
A Pen by Regis Philibert 2014-02-18T13:54:12-07:00