Front End Design

FrontEnd Design

Neper Sticks

John Neper (1550-1617)
was a Scottish mathematician, astronomer, and alchemist who invented a counting set for multiplication known as Neper's sticks. Each stick in this set contains a multiplication table by a separate number. If, for example, you need to find the number 9x371, then you should place the sticks next to the multiplication tables for the numbers 3, 7 and 1, and read the contents of the ninth row, which will look like this: 276200

There were rumors that Neper dabbled in witchcraft, having a black rooster at his disposal. He periodically ordered one of his servants to come into the room and pet the rooster, saying that the rooster would check their honesty. In fact, Neper was just smearing the bird's feathers with ashes. If the servant was "unclean", then he did not stroke the rooster, and his hands remained clean. At the same time, the cunning master immediately saw that the servant was lying.

1
0
1
0
2
0
3
0
4
0
5
0
6
0
7
0
8
0
9
1
0
2
0
2
0
4
0
6
0
8
1
0
1
2
1
4
1
6
1
8
2
0
3
0
3
0
6
0
9
1
2
1
5
1
8
2
1
2
4
2
7
3
0
4
0
4
0
8
1
2
1
6
2
0
2
4
2
8
3
2
3
6
4
0
5
0
5
1
0
1
5
2
0
2
5
3
0
3
5
4
0
4
5
5
0
6
0
6
1
2
1
8
2
4
3
0
3
6
4
2
4
8
5
4
6
0
7
0
7
1
4
2
1
2
8
3
5
4
2
4
9
5
6
6
3
7
0
8
0
8
1
6
2
4
3
2
4
0
4
8
5
6
6
4
7
2
8
0
9
0
9
1
8
2
7
3
6
4
5
5
4
6
3
7
2
8
1
9
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
Result

I've made a little app that illustrates this trick. To drag elements, an API is used that allows you to assign the draggable property to elements. This allows you to abandon the usual javascript code, where to implement such an approach it was necessary to track the movement of the pressed mouse and assign the coordinates of its movement to the dragged object.

Custom Code

  • Image Training Vocabulary
    Training new vocabulary online
  • Image Images carousel
    Carousel with parallax
  • Image Info Cards
    Profile and product cards
  • Image Rounded Corners
    Add rounded corners to layers
  • Image Compare Images
    Compare two images
  • Image Images slideshow
    Scalable Images slideshow
  • Image Clip-path
    Animation with clip-paths
  • Image Rotating Heading
    Heading moving in a circle
  • Image Simple Charts
    Simplest Charts Ever
  • Image Curved Divs
    Custom curved divs
  • Image Niper sticks
    Niper Sticks
  • Image Google Charts
    Using Google charts
  • Image Log In Form
    MySQL/PHP authenication
  • Image HTML Post
    Send HTML in you email
  • Image Google Sheets
    Embed Google sheets into web site
  • Image Flip Card
    Flip person or product card
  • Image Banner ads
    Clickable banner ads
  • Image Json+MySql
    Retrieve Data with Json and MySql
  • Image Calculate Route
    Calculate Route Length on Map
  • Image Online quest
    Online language quest
  • Image Scattered text
    Online language quest
  • Image Map with regions
    Interactive map with regions
  • Image Splitted SVG
    Splitted SVG heading
  • Image Translate Page
    Translate page into user language
  • Image Math on Page
    Display math in html