Pens from QDeltaE https://codepen.io/QDeltaE/ en nospam@codepen.io Copyright 2024 2017-07-16T23:20:58-07:00 Fullscreen canvas template https://codepen.io/QDeltaE/pen/WOWdQb https://codepen.io/QDeltaE/pen/WOWdQb QDeltaE

See the Code - See it Full Page - See Details

]]>
Fullscreen canvas template 2017-07-16T23:20:58-07:00
Twitter style average colour image modals https://codepen.io/QDeltaE/pen/qjvxOW https://codepen.io/QDeltaE/pen/qjvxOW QDeltaE

See the Code - See it Full Page - See Details

I saw the affect on twitter where the expanded view of images had borders as the average colour from the image, so I thought I'd give it a shot. Hey, I think I did pretty good.

]]>
Twitter style average colour image modals 2017-07-15T00:15:06-07:00
CSS Only Emoji Customizer / Creator https://codepen.io/QDeltaE/pen/awXMvJ https://codepen.io/QDeltaE/pen/awXMvJ QDeltaE

See the Code - See it Full Page - See Details

# CSS Only Emoji Customizer / Creator I'm shocked at how many emotions it's possible to create with just these simple combinations of mouth and eyes. I made this by using the `:checked` CSS pseudoselector. Please give suggestions in the comments for what to add (New Eyes, New Mouths, New Misc) Hey, I think I did pretty good.

]]>
CSS Only Emoji Customizer / Creator 2017-07-14T03:36:03-07:00
Radial-Gradient single element CSS image helper https://codepen.io/QDeltaE/pen/RgvWWY https://codepen.io/QDeltaE/pen/RgvWWY QDeltaE

See the Code - See it Full Page - See Details

# Radial-Gradient single element CSS image helper Click and drag to make circles use the input in the upper left to change the color, retrieve the CSS to make any element contain your drawn image from the bottom right. Originally I was gonna include linear-gradients as well but I kinda ran out of steam. But either way. Hey, I think I did pretty good.

]]>
Radial-Gradient single element CSS image helper 2017-07-13T01:19:09-07:00
Simplified Keyboard HTML with Basic CSS https://codepen.io/QDeltaE/pen/YQdgPj https://codepen.io/QDeltaE/pen/YQdgPj QDeltaE

See the Code - See it Full Page - See Details

Made for a post to demonstrate how I made [Keyboard Debugger](https://codepen.io/QDeltaE/full/PjXWZr/)

]]>
Simplified Keyboard HTML with Basic CSS 2017-07-12T16:35:56-07:00
Simplified Keyboard HTML https://codepen.io/QDeltaE/pen/XgoOgb https://codepen.io/QDeltaE/pen/XgoOgb QDeltaE

See the Code - See it Full Page - See Details

Made for a post to demonstrate how I made [Keyboard Debugger](https://codepen.io/QDeltaE/full/PjXWZr/)

]]>
Simplified Keyboard HTML 2017-07-12T16:35:03-07:00
Programming Simulator https://codepen.io/QDeltaE/pen/zzyEEq https://codepen.io/QDeltaE/pen/zzyEEq QDeltaE

See the Code - See it Full Page - See Details

#Programming Simulator I saw others of these in a collection and thought I'd do my own twist on it. Hey, I think I did pretty good.

]]>
Programming Simulator 2017-07-12T07:39:31-07:00
Keyboard Debugger https://codepen.io/QDeltaE/pen/PjXWZr https://codepen.io/QDeltaE/pen/PjXWZr QDeltaE

See the Code - See it Full Page - See Details

# Keyboard Debugger I saw [Mouse Debugger](https://codepen.io/Streetproject/full/RgqXeV/) by [Matthew Steele](https://codepen.io/Streetproject/) in the picked pens and it inspired me to make this. Best used in [Full Page](https://codepen.io/QDeltaE/full/PjXWZr/) mode. Hey, I think I did pretty good.

]]>
Keyboard Debugger 2017-07-13T04:08:20-07:00
Pure CSS CodePen Logo https://codepen.io/QDeltaE/pen/MoZeZr https://codepen.io/QDeltaE/pen/MoZeZr QDeltaE

See the Code - See it Full Page - See Details

# Pure CSS CodePen Logo I was so happy that my first Post was picked that I made this. Hey, I think I did pretty good.

]]>
Pure CSS CodePen Logo 2017-07-12T00:26:00-07:00
SCSS, Haml, and jQuery template https://codepen.io/QDeltaE/pen/vZvKdw https://codepen.io/QDeltaE/pen/vZvKdw QDeltaE

See the Code - See it Full Page - See Details

]]>
SCSS, Haml, and jQuery template 2017-07-14T04:54:19-07:00