Pens from Mark Campbell https://codepen.io/artsmc/ en nospam@codepen.io Copyright 2024 2024-02-26T22:17:40-07:00 Time Selector Radio Inputs https://codepen.io/artsmc/pen/oNmqPjX https://codepen.io/artsmc/pen/oNmqPjX Mark Campbell

See the Code - See it Full Page - See Details

Sample code for a project that has a grid of times availble for users to choose from.

]]>
Time Selector Radio Inputs 2023-11-21T19:32:38-07:00
Gradient Blob https://codepen.io/artsmc/pen/RwMzRzX https://codepen.io/artsmc/pen/RwMzRzX Mark Campbell

See the Code - See it Full Page - See Details

]]>
Gradient Blob 2022-08-27T14:43:23-07:00
A Pen by Mark Campbell https://codepen.io/artsmc/pen/JjGYJNE https://codepen.io/artsmc/pen/JjGYJNE Mark Campbell

See the Code - See it Full Page - See Details

]]>
A Pen by Mark Campbell 2020-06-08T18:49:34-07:00
Color Changing Header https://codepen.io/artsmc/pen/QYQxNo https://codepen.io/artsmc/pen/QYQxNo Mark Campbell

See the Code - See it Full Page - See Details

]]>
Color Changing Header 2019-02-26T17:41:01-07:00
Leaping Loaders: Preloader + Chained Animation https://codepen.io/artsmc/pen/rPyVQV https://codepen.io/artsmc/pen/rPyVQV Mark Campbell

See the Code - See it Full Page - See Details

Jumping loading with a smooth bounce animation

]]>
Leaping Loaders: Preloader + Chained Animation 2024-02-26T22:17:40-07:00
Navigation Study https://codepen.io/artsmc/pen/JragQG https://codepen.io/artsmc/pen/JragQG Mark Campbell

See the Code - See it Full Page - See Details

]]>
Navigation Study 2017-10-14T16:52:36-07:00
Javascript Jelly Input field https://codepen.io/artsmc/pen/PqaeQz https://codepen.io/artsmc/pen/PqaeQz Mark Campbell

See the Code - See it Full Page - See Details

Material Design Jelly Input Implemented with JQuery and D3. Not meant for multiple fields but could easily be extended into a plugin.

]]>
Javascript Jelly Input field 2015-07-15T15:51:46-07:00
CSS Jelly Input field https://codepen.io/artsmc/pen/WvyGLd https://codepen.io/artsmc/pen/WvyGLd Mark Campbell

See the Code - See it Full Page - See Details

Of course it does not function properly when you hover off with content but it would be easy to fix with javascript. Someone should give it a go with SVG

]]>
CSS Jelly Input field 2015-07-14T01:30:49-07:00
Responsive Navigation Part 2 https://codepen.io/artsmc/pen/xbWdew https://codepen.io/artsmc/pen/xbWdew Mark Campbell

See the Code - See it Full Page - See Details

Decided to write another responsive navigation with just one div. And no JS. Although this would be pretty sick with some javascript, it requires minimal. Also took a more Object Oriented approached and built a mixin that can be tweaked and adjusted for size and color.

]]>
Responsive Navigation Part 2 2015-02-19T17:19:15-07:00
Dribbble Rebound Open Close https://codepen.io/artsmc/pen/NWXRKV https://codepen.io/artsmc/pen/NWXRKV Mark Campbell

See the Code - See it Full Page - See Details

https://dribbble.com/shots/1625281-?list=users&offset=1 THought this would be cool to recreate

]]>
Dribbble Rebound Open Close 2014-07-17T14:13:27-07:00