Pens from Robert Gage-Smith https://codepen.io/robgs/ en nospam@codepen.io Copyright 2024 2024-03-10T20:48:23-07:00 A Pen by Robert Gage-Smith https://codepen.io/robgs/pen/poBywEL https://codepen.io/robgs/pen/poBywEL Robert Gage-Smith

See the Code - See it Full Page - See Details

]]>
A Pen by Robert Gage-Smith 2024-03-10T20:48:23-07:00
animated gradient border https://codepen.io/robgs/pen/RwYJGBE https://codepen.io/robgs/pen/RwYJGBE Robert Gage-Smith

See the Code - See it Full Page - See Details

]]>
animated gradient border 2023-06-15T09:51:59-07:00
Teds Tables Challenge https://codepen.io/robgs/pen/NWMvZqq https://codepen.io/robgs/pen/NWMvZqq Robert Gage-Smith

See the Code - See it Full Page - See Details

]]>
Teds Tables Challenge 2022-09-23T15:53:42-07:00
Long Text Challenge V1b https://codepen.io/robgs/pen/xxWWggm https://codepen.io/robgs/pen/xxWWggm Robert Gage-Smith

See the Code - See it Full Page - See Details

first stage - will add input fields to change text and amount of vowels. plus some kind of design might be nice too ;)

]]>
Long Text Challenge V1b 2023-03-01T16:19:02-07:00
easy accordion https://codepen.io/robgs/pen/KKyXrEL https://codepen.io/robgs/pen/KKyXrEL Robert Gage-Smith

See the Code - See it Full Page - See Details

]]>
easy accordion 2022-02-15T14:36:31-07:00
using data with css https://codepen.io/robgs/pen/NWjmObR https://codepen.io/robgs/pen/NWjmObR Robert Gage-Smith

See the Code - See it Full Page - See Details

]]>
using data with css 2023-05-16T15:55:27-07:00
Basic Grid layout starter https://codepen.io/robgs/pen/zYZLdvL https://codepen.io/robgs/pen/zYZLdvL Robert Gage-Smith

See the Code - See it Full Page - See Details

]]>
Basic Grid layout starter 2023-05-16T15:56:25-07:00
html,body,svg { height:100% } <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">   <path d="M 10,30 A 20,20 0,0,1 50,30 A 20,20 0,0,1 90,30 Q 90,60 50, https://codepen.io/robgs/pen/BaNBEKV https://codepen.io/robgs/pen/BaNBEKV Robert Gage-Smith

See the Code - See it Full Page - See Details

]]>
html,body,svg { height:100% } <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">   <path d="M 10,30 A 20,20 0,0,1 50,30 A 20,20 0,0,1 90,30 Q 90,60 50, 2023-05-16T15:59:12-07:00
JS Prototyping https://codepen.io/robgs/pen/Exabaax https://codepen.io/robgs/pen/Exabaax Robert Gage-Smith

See the Code - See it Full Page - See Details

]]>
JS Prototyping 2023-05-16T16:00:16-07:00
Basic Ticket Generator https://codepen.io/robgs/pen/XWJNXKo https://codepen.io/robgs/pen/XWJNXKo Robert Gage-Smith

See the Code - See it Full Page - See Details

Simple way of creating a customer ticket. Not worried about recurring ref number. Chance of the same person getting the same number on the same date is pretty small ;-)

]]>
Basic Ticket Generator 2023-05-16T01:40:59-07:00