Pens from Jonas Linn https://codepen.io/segg/ en nospam@codepen.io Copyright 2024 2020-05-06T15:34:53-07:00 Type button https://codepen.io/segg/pen/PoPQWgr https://codepen.io/segg/pen/PoPQWgr Jonas Linn

See the Code - See it Full Page - See Details

]]>
Type button 2020-05-06T15:34:53-07:00
Hover Card | Pure CSS https://codepen.io/segg/pen/rNNampd https://codepen.io/segg/pen/rNNampd Jonas Linn

See the Code - See it Full Page - See Details

]]>
Hover Card | Pure CSS 2019-10-07T19:37:08-07:00
SVG Fill Animation Circle Stroke Meter https://codepen.io/segg/pen/ebMNdj https://codepen.io/segg/pen/ebMNdj Jonas Linn

See the Code - See it Full Page - See Details

Had some fun refactoring this: https://www.smashingmagazine.com/2019/01/html5-svg-fill-animation-css3-vanilla-javascript/

]]>
SVG Fill Animation Circle Stroke Meter 2019-05-08T04:19:11-07:00
Sortable List using typescript https://codepen.io/segg/pen/wYKjmL https://codepen.io/segg/pen/wYKjmL Jonas Linn

See the Code - See it Full Page - See Details

Inspired by UI8s work on Dribbble (<a href="https://dribbble.com/shots/4990084-Knowledge-Base" target="blank" rel="noopener">UI8 Knowledge-Base</a>) Just the dragging though.

]]>
Sortable List using typescript 2018-10-12T14:15:28-07:00
Semantic Pagination https://codepen.io/segg/pen/oPbVeP https://codepen.io/segg/pen/oPbVeP Jonas Linn

See the Code - See it Full Page - See Details

A lightweight pagination with semantic HTML and as few elements as possible. Current page is wrapped in a form element to allow for an easy jump to a certain page.

]]>
Semantic Pagination 2018-08-26T10:50:39-07:00
Switch / Checkbox Input https://codepen.io/segg/pen/MBxNbq https://codepen.io/segg/pen/MBxNbq Jonas Linn

See the Code - See it Full Page - See Details

]]>
Switch / Checkbox Input 2020-03-27T21:08:28-07:00
Sliding Menu with animated Icon https://codepen.io/segg/pen/qyQaJo https://codepen.io/segg/pen/qyQaJo Jonas Linn

See the Code - See it Full Page - See Details

]]>
Sliding Menu with animated Icon 2018-10-12T14:57:45-07:00
World in Dots https://codepen.io/segg/pen/mjRJPK https://codepen.io/segg/pen/mjRJPK Jonas Linn

See the Code - See it Full Page - See Details

SVG Circle Matrix Transformation

]]>
World in Dots 2018-07-20T15:27:54-07:00
Template https://codepen.io/segg/pen/GGxGgZ https://codepen.io/segg/pen/GGxGgZ Jonas Linn

See the Code - See it Full Page - See Details

]]>
Template 2018-06-21T08:17:46-07:00
ins & del Diff https://codepen.io/segg/pen/gzePKQ https://codepen.io/segg/pen/gzePKQ Jonas Linn

See the Code - See it Full Page - See Details

&#35;codepenchallenge using &lt;ins&gt; &amp; &lt;del&gt; for a code diff https://codepen.io/challenges/2018/may/

]]>
ins & del Diff 2018-05-12T03:09:24-07:00