Pens from Adam Sommer https://codepen.io/asommer70/ en nospam@codepen.io Copyright 2024 2018-10-17T15:21:06-07:00 CSS "Always on the bottom" Footer https://codepen.io/asommer70/pen/EdQpzR https://codepen.io/asommer70/pen/EdQpzR Adam Sommer

See the Code - See it Full Page - See Details

Using CSS, this footer rests at the bottom of the page, even if the content above it is too short to push it to the bottom of the viewport naturally. However, if the content is taller than the user’s viewport, then the footer disappears from view as it would normally, resting at the bottom of the page (not fixed).

]]>
CSS "Always on the bottom" Footer 2018-10-17T15:21:06-07:00
Vue Dynamic Form Table https://codepen.io/asommer70/pen/MBmVeK https://codepen.io/asommer70/pen/MBmVeK Adam Sommer

See the Code - See it Full Page - See Details

]]>
Vue Dynamic Form Table 2018-07-24T15:57:19-07:00
<input type="range" min="5" max="10" step="0.01"> https://codepen.io/asommer70/pen/yEoWWX https://codepen.io/asommer70/pen/yEoWWX Adam Sommer

See the Code - See it Full Page - See Details

]]>
<input type="range" min="5" max="10" step="0.01"> 2018-06-15T01:17:16-07:00
vanilla JavaScript autocomplete https://codepen.io/asommer70/pen/zEoVoY https://codepen.io/asommer70/pen/zEoVoY Adam Sommer

See the Code - See it Full Page - See Details

autocomplete implemented using vanilla JavaScript, based on an array. using SCSS + Compass.

]]>
vanilla JavaScript autocomplete 2017-09-25T10:22:38-07:00
Pure CSS custom checkboxes https://codepen.io/asommer70/pen/XeNPEe https://codepen.io/asommer70/pen/XeNPEe Adam Sommer

See the Code - See it Full Page - See Details

Custom checkboxes with no images

]]>
Pure CSS custom checkboxes 2017-09-25T02:34:04-07:00
Minimalist CSS Photo Grid https://codepen.io/asommer70/pen/xrdOGb https://codepen.io/asommer70/pen/xrdOGb Adam Sommer

See the Code - See it Full Page - See Details

]]>
Minimalist CSS Photo Grid 2017-06-20T15:21:53-07:00
4 lines jQuery tabs https://codepen.io/asommer70/pen/VWbZmZ https://codepen.io/asommer70/pen/VWbZmZ Adam Sommer

See the Code - See it Full Page - See Details

Simple jQuery tabs.

]]>
4 lines jQuery tabs 2017-06-20T10:10:16-07:00
CSS Text Animations https://codepen.io/asommer70/pen/qmbXBg https://codepen.io/asommer70/pen/qmbXBg Adam Sommer

See the Code - See it Full Page - See Details

Showing some fading/sliding text animations without Javascript

]]>
CSS Text Animations 2017-04-19T14:59:32-07:00
Invoice Template https://codepen.io/asommer70/pen/KWjzRG https://codepen.io/asommer70/pen/KWjzRG Adam Sommer

See the Code - See it Full Page - See Details

For personal use. Freelancing invoice template.

]]>
Invoice Template 2017-04-07T13:38:59-07:00
Rich Text Editor - Draft.js example https://codepen.io/asommer70/pen/RprGyO https://codepen.io/asommer70/pen/RprGyO Adam Sommer

See the Code - See it Full Page - See Details

]]>
Rich Text Editor - Draft.js example 2017-03-01T22:16:25-07:00