These are some of my CodePen pens, which some might find interresting. ### Daily notes https://codepen.io/taneltm/pen/Gqoowy This was an experiment to combine Pug and Handlebars templates as well as to make a task list app for myself. The list items are draggable, editable and removable. CodePen has broken this pen 3x with their updates and I made a bug report every time. So I guess someone noticed and they tweeted about it https://twitter.com/CodePen/status/862870960717869057 ### Work hour calculator https://codepen.io/taneltm/pen/KBmJg Actually used it for work for a while. ### Resizable columns with jQuery https://codepen.io/taneltm/pen/EawmPN Needed a system like that for a project ~7 years ago. Couldn't find a suitable plugin. Years later I found that code on my external HDD and added it to codepen. ### Regex tester https://codepen.io/taneltm/pen/KGduj Needed to validate a regex against various conditions I found websites that allowed you to define a regex and a test case, but not multiple test cases, so made my own. ### LZSS encoder (challenge) https://codepen.io/taneltm/pen/QWjgLWb Output isn't optimal, but should be up-to-spec ### Animasher animation library PoC https://codepen.io/taneltm/pen/MWaKGyZ ### SVG icon design system https://codepen.io/taneltm/pen/bGdPpmJ Wanted to write SVG by hand once and see it in different sizes, round and also rectangle The codepen empty template version is here: https://codepen.io/taneltm/pen/wvKKXKL ### Copying a CD Player image to HTML and CSS (challenge) https://codepen.io/taneltm/pen/oNXRPPx ### Flower CSS animation (challenge) https://codepen.io/taneltm/pen/QWbRNER ### Stop using reset.css https://codepen.io/taneltm/pen/dyoqWzO Showing the difference ### My discord channel website riddle https://codepen.io/taneltm/pen/OJVaGoJ Open dev tools, there's an ASCII cow that I drew. ### Multiplication table (challenge) https://codepen.io/taneltm/pen/BaNdrPX Type in for example 10 and 10 ### ROT13 (challenge) https://codepen.io/taneltm/pen/WNbvvzJ ### Make your own encryption (challenge) https://codepen.io/taneltm/pen/mdyJydv Kinda pointless ### Password card https://codepen.io/taneltm/pen/LXLeyv For a long time, I used that to generate all my passwords ### balticfgc.com website proto https://codepen.io/taneltm/pen/KrKrrQ I am not a designer, lol ### Loading spinner in HTML5 canvas https://codepen.io/taneltm/pen/EZQaxE Some of the code is pointless, copied it from another pen and didn't remove ### Snow fall in only CSS with preprocessors https://codepen.io/taneltm/pen/ENGMvx ### Wave animation in CSS https://codepen.io/taneltm/pen/qqKJpj ### Dragon wing? Similar to previous https://codepen.io/taneltm/pen/Nbzyam ### 99 bugs song, written in CoffeeScript https://codepen.io/taneltm/pen/zByAYR ### CSS that shows depth of elements on a page https://codepen.io/taneltm/pen/KMzYRR You can copy the compiled CSS from that pen and using dev tools put it on any website to show element depth. ### Collapsible blog post titles with jQuery https://codepen.io/taneltm/pen/KzqvMm Not a designer, lol