codezandbak.nl

Text Tool

A tool to manipulate text in many ways, like:

  • sorting lines: alphabetically, length
  • editing: remove empty lines, remove non alphanumeric characters, remove non alphabetic characters, remove empty lines, remove spaces, trim spaces, upper and lower case
  • encoding and decoding: base64, next character, previous character, characters to ascii numbers, ascii numbers to characters, characters to alphabetic numbers, alphabetic numbers to character
React Custom Elements

Dice

Dice with statistics. Minimal 1 die, maximum 5 dice. Possibility for different color themes. Statistics can be switched off (made invisible).

Earthquakes

Look at places where on earth earthquakes have been taking place. Use the selector icon in the top middle of the screen to select an area on earth. All earthquakes will be retreived for selected area and selected time period. The will be shown on the map and in the left column you can see more details of the earthquakes. You can also click on a detail card and the place of that earthquakes will light up on the map.

(data source earthquake.usgs.gov)

Ball possession

A tool to keep track of ball possession statistics during a football match.

Passing accuracy

A tool to keep track of passing accuracy during a football match.

Google Versus

Often you're using google to compare things. Like frameworks, programming languages... etc. Here you can just enter one term. All the comparing options shown by google, will be shown in a network graph. You can click one of the dots, to see what you can compare it to. Or you can click the line between two dots. The google search will be opened with this search term.

Zoom Drag

Dragging an image smooth with the click of a mouse.

css
  • will-change
  • transform: scale, translate3d px
javascript
  • MouseEvent.movementX and Y
  • window.­requestAnimationFrame

Zoom Hover

Select a zooming scale and move your mouse pointer over the image.

css
  • will-change
  • transform: scale, transform-origin %
javascript
  • MouseEvent.pageX and Y
  • Element.getBoundingClientRect
  • window.­requestAnimationFrame

Pan Tiles

Slide to next image using mouse

css
  • will-change
  • transform: transform
javascript
  • MouseEvent.movementX
  • window.­requestAnimationFrame

Geometry

Behold the Wacław Sierpiński triangle in 2d and 3d.

Biortime

Check je bioritme!

Just Bet!

Betting site.
Signup and place your bets on Eredivisie matches.