Thomas' Playground


Handleliste / Shoping list (in Norwegian)

A very simple shoping list. This is work in progress, but if you want to test it log in using this credentials:


  • Username: demo
  • Password: demo

This will log you in as a standard user. If you want to log in as a superuser send an email to thomas|at|arton.no and I will send you login information for an admin account. With an admin account you can:

  • Create new acounts
  • Modify and delete other accounts
  • More to come

Todo:

  • There will be a list of all grocary products and their prices so you don't have to add it.
  • Develop a template that can be where you can add your color scheeme and logo for the customer
  • Debugging!
  • Make the site dynamic
  • Debugging!
  • The design is fluid and it works on smart phones and tablets
  • And a lot more!

Jobblog / Work log (in Norwegian)

A very simple work log I developed some years ago more easily keep track of what I have done and how long time I used on each task and on the projects. This log ws completed but unfortunately I cant't find the final project files. Why didn't I use Git? I don't have a good answer for that. It was a small project I developed over a couple of days and simply forgot to upload it to Git.:


Anyway, I found some an early version on my server and decided to complete. Again!

Functionality to implement:

  • A user based system with user and admin roles
  • Delete projects

Todo:

  • Fix unfinished parts:
  • The projects doesn't load in correctly when I click the edit button (the pencil) on tasks.Easy to fix!
  • Total amount of time used on each projects isn't calclated. Easy to fix!
  • Debugging!
  • Debugging!

The relations between two numbers

Shows several relations between two numbers of users choice. This is a WIP while I'm testing Vue.js.


Prime numbers

Find prime numbers by using the old Greek mathematician Eratosthenes' algorithm, called "Eratosthenes sieve".
You can no also check if a single number is a prime number



Unit conversion calculators

Calculate between different measurement units.
I will be adding more measurements units


Simulate dice tosses

I got a question on Facebook about probability when rolling dice. The case was as follow:

  • Use two dice
  • What is the probability to get to equal values?
  • Second, what is the probability that the the dies is equal and that both are 1.
To test if the calculation was correct, I made a simulation in JavaScript. To get statistically significant data I found that I had to run 2000 tosses. To be able to follow the progress I am using the 'setInterval()' set to run every 20 milliseconds.
It confirmed the theory.

Your public IP-address and hostname

Returns your IP-address, hostname and location (if your browser accepts it)



Browser benchmark stress test

A simple performance test tool. I made it for fun and to see how well different browsers on different devices handles x-number (deault is 1000) of random color and size ellipses (bubbles) being added on top of each other. Then the canvas is cleared, but this time the bubbles are multiplyed by 0.98, and being drawn and drawn again and again every 60th microsecond when the canvas is redrawn.


Drawing on Canvas

This is in every aspect a very simple drawing app for free-hand drawing. It is currently right under 100 lines of code, and I could probably have written it with less than half of the chars. I have probably started over 20 drawing applications, and never finished any of them. They were all just proof of concept projects. I realized not long ago that If I had written an app with all the features in this 20+ apps, I think it would have been pretty good. A lightweight online drawing tool. This is why I have started some projects using "<canvas></canvas>" lately. One of them being a performance test tool. I made it for fun and to see how well different browsers on different devices handles x-number (deault is 1000) of random color and size ellipses (bubbles) being added on top of each other. Then the canvas is cleared, but this time the bubbles are multiplyed by 0.98, and being drawn and drawn again and again every 60th microsecond when the canvas is redrawn.


Bootstrap Cheat Sheet

It is exactly what the heading is says,
a cheat sheet for the Bootstrap framework.
I also test Bootstrap related things in here so it can look messed up from time to time.



A spider web-ish project using canvas

It's just a few lines of code to make this work. It doesn't do much, but I like it so I include it anyway. After all, it's my playground! :-)



A sound visualizer developed in Flash were I used Flash's sound spectrum output to create the animation

This is one of the last project I worked on as a Flash developer. I still like it so I want to share it with you
even though Flash has been dead for nearly many years now.
My inspiration for the look is an electrodiagram (ECG or EKG) most people have seen in hospitals or in movie scenes from hospitals. It starts as a "flatline" for a few seconds, meaning there is no heart beat or puls, but when the music starts the heart start "beating" as well. I don't remember the name of the author of the sound track I'm using, but I emailed him when I created this project and asked if it was ok if I used it, and I got his permission I will try to find the name of the composer because credits are important, but that means I have to install Outlook and add a database which is huge > 1GB.


PS: It won't start playing before you click "Allow" somewhere in your browser, were this buttons is located depending on your browser.
I have tested it on all major browsers and it works on everyone on my computers.



Image Comparison

Slide between two different pictures of the same motive to see the how far the spring has evolved in only two weeks the spring of 2018. One picture is take 1. of May and the second 18. of May. Drag the slider from side to side see the difference.
I used some code snippets, especially JavaScript snippets to make it work on iPhone and because I wanted it up and running very fast last the spring of 2018. I understand all the code and considering rewrite it so I can say that I wrote everything entirely, but on the other hand it's important as a developer to be able to use liberaries you haven't wrote yourself. Most developers do use liberaries they find on Internet because it's not necessary to invent the wheel every time.
The pictures are taken by me.