Tpyo lets visitors to your site tell you about typos. Let's call it crowdsourced corrections.
Why?
Because typos make you look bad. Mistakes in instructions frustrate your users. Because my favourite beef bourgignon recipe calls for 12kg of potatoes and that's been bugging me for years.
What?
What exactly does it let your visitors do? Well, when they select a piece of text on a page, an unobtrusive little tag will show up at the bottom of the screen asking if they would like to report a typo. Clicking this brings up the Tpyo box, where they will see the text they have selected, be able to enter in a message such as a suggested correction, and hit submit to report the typo. As you may have guessed, Tpyo is running on this very page. Go on, select some text.
How?
It is a little-bit-of-JavaScript that you include in your site. It will start itself up and listen for a few mouse events. It's tiny and fast so don't worry about performance. You'll also need to handle the corrections on the server, checkout the GitHub Repo to see some examples.
Section One
Nunc nonummy metus. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. In auctor lobortis lacus. Fusce vulputate eleifend sapien. Suspendisse potenti.
Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
Section One and a Half
Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
| Animal | Animal | Live Together? |
| Cats | Cats | Yes |
| Dogs | Dogs | Yes |
| Dogs | Cats | No |
| Dogs | Fish | Yes |
| Cats | Fish | No |
Section Two
Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.Proin magna. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Ut non enim eleifend felis pretium feugiat. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.