Pens from Vaughn Jackson https://codepen.io/vaughnjackson/ en nospam@codepen.io Copyright 2024 2019-05-16T15:59:25-07:00 Firefox Buttons https://codepen.io/vaughnjackson/pen/BeRKZr https://codepen.io/vaughnjackson/pen/BeRKZr Vaughn Jackson

See the Code - See it Full Page - See Details

]]>
Firefox Buttons 2019-05-16T15:59:25-07:00
bing-map-coverbox and map https://codepen.io/vaughnjackson/pen/mgpKBq https://codepen.io/vaughnjackson/pen/mgpKBq Vaughn Jackson

See the Code - See it Full Page - See Details

Bing image map with overlay box in top left corner.

]]>
bing-map-coverbox and map 2019-04-16T21:30:04-07:00
Employee Benefits section https://codepen.io/vaughnjackson/pen/QYKoav https://codepen.io/vaughnjackson/pen/QYKoav Vaughn Jackson

See the Code - See it Full Page - See Details

]]>
Employee Benefits section 2019-01-29T22:18:22-07:00
CSS3 Box Shadows Effects https://codepen.io/vaughnjackson/pen/MLYaww https://codepen.io/vaughnjackson/pen/MLYaww Vaughn Jackson

See the Code - See it Full Page - See Details

http://www.paulund.co.uk/creating-different-css3-box-shadows-effects

]]>
CSS3 Box Shadows Effects 2019-01-22T20:33:16-07:00
Information Card Slider https://codepen.io/vaughnjackson/pen/qLQqma https://codepen.io/vaughnjackson/pen/qLQqma Vaughn Jackson

See the Code - See it Full Page - See Details

]]>
Information Card Slider 2019-01-11T21:31:39-07:00
SVG Clock https://codepen.io/vaughnjackson/pen/roqypb https://codepen.io/vaughnjackson/pen/roqypb Vaughn Jackson

See the Code - See it Full Page - See Details

A clock made with SVG which shows current time and uses SVG's animation functionality.

]]>
SVG Clock 2019-01-10T23:40:35-07:00
vertical-align text using display:table-cell https://codepen.io/vaughnjackson/pen/NeBRWz https://codepen.io/vaughnjackson/pen/NeBRWz Vaughn Jackson

See the Code - See it Full Page - See Details

]]>
vertical-align text using display:table-cell 2019-01-08T22:22:01-07:00
Image Gallery with CSS Grid & Flexbox https://codepen.io/vaughnjackson/pen/zyEeGx https://codepen.io/vaughnjackson/pen/zyEeGx Vaughn Jackson

See the Code - See it Full Page - See Details

This pen shows how CSS Grid (with flexbox fallback) can be used to create a responsive image gallery with no media queries.

]]>
Image Gallery with CSS Grid & Flexbox 2018-12-29T16:28:08-07:00
Responsive full screen background https://codepen.io/vaughnjackson/pen/dwNQOp https://codepen.io/vaughnjackson/pen/dwNQOp Vaughn Jackson

See the Code - See it Full Page - See Details

Just a try out of a full screen responsive background image.

]]>
Responsive full screen background 2018-12-20T16:47:46-07:00
CSS3 Generator: box-shadow https://codepen.io/vaughnjackson/pen/VqjNRv https://codepen.io/vaughnjackson/pen/VqjNRv Vaughn Jackson

See the Code - See it Full Page - See Details

Easily generate CSS code with customized shadows. Nice pre-sets make designing a box lightnig fast...

]]>
CSS3 Generator: box-shadow 2018-12-17T15:59:23-07:00