Pens from John Driscoll https://codepen.io/jwd1/ en nospam@codepen.io Copyright 2024 2024-01-28T14:25:25-07:00 A Pen by John Driscoll https://codepen.io/jwd1/pen/PoVrZMj https://codepen.io/jwd1/pen/PoVrZMj John Driscoll

See the Code - See it Full Page - See Details

]]>
A Pen by John Driscoll 2024-01-28T14:25:25-07:00
Daily UI #003: Landing page https://codepen.io/jwd1/pen/PoRRbwx https://codepen.io/jwd1/pen/PoRRbwx John Driscoll

See the Code - See it Full Page - See Details

https://dailyui.co/ #003 Just code, no photoshop. Also available on my Dribbble :) https://dribbble.com/shots/2526009-Daily-UI-003-Landing-Page

]]>
Daily UI #003: Landing page 2022-08-03T19:21:34-07:00
Animated Carousel on CSS with Minimal JS https://codepen.io/jwd1/pen/dymmObJ https://codepen.io/jwd1/pen/dymmObJ John Driscoll

See the Code - See it Full Page - See Details

Responsive header with CSS animated carousel from test landing page (JS only for images self switching).

]]>
Animated Carousel on CSS with Minimal JS 2022-08-03T19:15:12-07:00
Freecodecamp Survey Form https://codepen.io/jwd1/pen/zYwZaVe https://codepen.io/jwd1/pen/zYwZaVe John Driscoll

See the Code - See it Full Page - See Details

]]>
Freecodecamp Survey Form 2021-07-15T17:39:23-07:00
Login Form https://codepen.io/jwd1/pen/LrrzdK https://codepen.io/jwd1/pen/LrrzdK John Driscoll

See the Code - See it Full Page - See Details

]]>
Login Form 2018-06-23T15:38:11-07:00
Sign-Up/Login Form https://codepen.io/jwd1/pen/wPZxGQ https://codepen.io/jwd1/pen/wPZxGQ John Driscoll

See the Code - See it Full Page - See Details

A design for a sign-up/login form using tabs and floating form labels.

]]>
Sign-Up/Login Form 2017-12-05T23:11:22-07:00
Split 3D Carousel https://codepen.io/jwd1/pen/WXZqgM https://codepen.io/jwd1/pen/WXZqgM John Driscoll

See the Code - See it Full Page - See Details

A new spin on the carousel pattern with a split panel transition in three dimensions.

]]>
Split 3D Carousel 2017-11-16T16:54:26-07:00
CSS Page curl https://codepen.io/jwd1/pen/yzKYGB https://codepen.io/jwd1/pen/yzKYGB John Driscoll

See the Code - See it Full Page - See Details

CSS Page curl with one div.

]]>
CSS Page curl 2017-10-08T09:53:44-07:00
CSS Acordion https://codepen.io/jwd1/pen/GMEVwO https://codepen.io/jwd1/pen/GMEVwO John Driscoll

See the Code - See it Full Page - See Details

]]>
CSS Acordion 2017-09-30T16:25:51-07:00
Liquid layout responsive https://codepen.io/jwd1/pen/yJzqMV https://codepen.io/jwd1/pen/yJzqMV John Driscoll

See the Code - See it Full Page - See Details

]]>
Liquid layout responsive 2019-05-18T23:08:02-07:00