My work is almost always proprietary, but occasionally I play around and make something I can share.
Did you ever make space on your SD card, but forgot to copy your photos to your harddrive? Did you ever carry around your important documents an a USB stick, and one day the stick just died... taking your documents with it? The goal of this project is to make sure your portable files are automatically backed up when you attach your USB device to your computer. It runs on Linux. As it is written in C, it does not require any runtime or application virtual machine. Follow the Github link to get the source files.
Similar to a kanban board. The vertical board can be used to organise our thoughts or manage our tasks. You can download the files from the repository and use it from your own computer.
Simply a page with timers and stopwatches. A larger countdown time on a timer will produce more beeps.
By using a hybrid CSS and JS approach to web dark/light mode theme support we automatically provide the user their preferred theme but still allow them to change the theme. It is good to give the user a choice, because although they may prefer to see their regular applications in a light theme, they may prefer to use our websites in a dark theme or a custom theme.
Some things I had to look up or find out at some point. Hopefully I can save people some time by making them accessible here. This is not really an article or project, but I hope that people can find the solution they are looking for here when they are searching online.
CSS tutorials / examples
Here are some CSS explanations or CSS / SVG effects that I like. Maybe these simple examples can be helpful to someone.
- Using CSS and SVG to mix and cut out background images
- An alternative explanation of how CSS polygon clip path rules work
- The Breathing section has an example of CSS-only animation, and a slightly dynamic user interface. View the source of the page to see how it works; it is all in one document. More examples are in the 'Doodles that do not stay' section.
Box breathing is a calming breathing technique. It is also known as 4-4-4-4 breathing. The idea is to breathe in a pattern. We breathe in for four seconds, hold for four, exhale for four, and hold for four. Then we breathe in again for four seconds, and continue the pattern. Personally I prefer to exhale through the mouth and inhale through the nose.
I have made a visual aid to help keeping to the pattern . It works with CSS only. A counter will be shown after hovering or tapping in the bottom half of the screen.
We can't control the outcome, and the outcome is not saved.