# Embeddable hasties 🤯

# Prequel - What Is [Hasty.dev](https://hasty.dev)?

I recently - 28/10/2021 - launched a new side-project. [hasty.dev](https://hasty.dev) is the name of it, or rather Hasty.

I've an old version of this laying around for a while,
![hasty - old.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635549237954/4l5pJRQ7y.png)

I didn't like the design of it, so I decided to redesign it, and boom, it now looks like it does as of today. The new design speaks much more sleekness and UX, if you ask me. But I'm no designer.

> See the `cover`-image of this post or navigate to [hasty.dev](https://hasty.dev), or read even further! [The How](#the-how) explains it. 

I'll be repeating myself a little in this post, but not much. It's simply because, the reasoning behind this tool is quite simple, and mostly cannot be explained in many ways. Maybe.

Anyways, what [hasty.dev](https://hasty.dev) does is to check for which line of code is faster. It does this, by you providing a `global` line of code to test from, and then a few test cases. These will then be ran by the back-end - in a super sophisticated room full of super computers (that's a lie, it's on my home server). It'll then return the results to you, for free! Yes, it's free of charge. Not even a cookie to find!

Now, let's get on with the embeddables.

# Sequel - The Hasties

## The What

What feature does any great tool require? You got it! An embeddable component! This is exactly what I just added as the latest feature of #hasty.

With [hasty.dev](https://hasty.dev) you've got the ability to add the globals along with (or without) some tests and simply press the *"Embed"* button to get an easily embeddable piece of code, which you can embed any- and everywhere amongst the web - sometimes even natively, but this depends on the software.

So, what are you waiting for? Go check out the new embeddable feature, if you don't know which code to test, I've even prepared one for you: [https://hasty.dev/#eyJnbG9iYW...](https://hasty.dev/#eyJnbG9iYWwiOiJjb25zdCBkYXRhID0gWyAuLi5uZXcgQXJyYXkoMTAwMCkua2V5cygpIF0iLCJ0YXNrcyI6W3siaWQiOiJOLXdQMnlGdHRNYUZLZ05SRFJnRWIiLCJjb2RlIjoiZGF0YS5maW5kKHggPT4geCA9PSA4MDApIiwib3BzIjowLCJwY3QiOjAsImVycm9yIjoiIiwiY29sb3IiOnsibW9kZWwiOiJyZ2IiLCJjb2xvciI6WzE1Ni4yNTExODM4MTU0MzUzNSw1NSwxOTBdLCJ2YWxwaGEiOjF9fSx7ImlkIjoiNU9haDV0V1YxSFV0UHZfSy0zZG04IiwiY29kZSI6ImRhdGEuZmlsdGVyKHggPT4geCA9PSA4MDApIiwib3BzIjowLCJwY3QiOjAsImVycm9yIjoiIiwiY29sb3IiOnsibW9kZWwiOiJyZ2IiLCJjb2xvciI6WzE5MCw1NSwxODIuNjg0MDMzNjM1MzM5MzhdLCJ2YWxwaGEiOjF9fSx7ImlkIjoiVHlmd3dOb29yWVpUN2VmdWk4a29aIiwiY29kZSI6ImNvbnN0IGluZGV4ID0gZGF0YS5pbmRleE9mKDgwMCk7IGRhdGFbaW5kZXhdIiwib3BzIjowLCJwY3QiOjAsImVycm9yIjoiIiwiY29sb3IiOnsibW9kZWwiOiJyZ2IiLCJjb2xvciI6WzU1LDE5MCwxMDYuOTk5OTk5OTk5OTk5OTddLCJ2YWxwaGEiOjF9fV19).

## The Why

Is this even useful, you may ask. The answer to that is - of course - **yes**, very!

I, for one, am going to be using these in some posts in the future. These can even be used educationally. Simply think about it, the professor scolds the student, that some piece of code is _waaay_ faster than their code, but the student won't listen without proof, but how do they test it? Well, simply hasty those two code-pieces; and bam! The student was right all along.

## The How

Just navigate to [hasty.dev](https://hasty.dev), write your *"global"* code, a few test cases, and press *"Embed"*. Simple as that!

PS. This is an embedded hasty:

<iframe
  style="
    border: none;
    border-radius: 5px;
    box-shadow: var(0 0 #0000, 0 0 #0000), var(0 0 #0000, 0 0 #0000),
      var(0 0 #0000);
  "
  src="https://embed.hasty.dev/#eyJnbG9iYWwiOiJjb25zdCBkYXRhID0gWyAuLi5uZXcgQXJyYXkoMTAwMCkua2V5cygpIF0iLCJ0YXNrcyI6W3siaWQiOiJOLXdQMnlGdHRNYUZLZ05SRFJnRWIiLCJjb2RlIjoiZGF0YS5maW5kKHggPT4geCA9PSA4MDApIiwib3BzIjowLCJwY3QiOjAsImVycm9yIjoiIiwiY29sb3IiOnsibW9kZWwiOiJyZ2IiLCJjb2xvciI6WzE1Ni4yNTExODM4MTU0MzUzNSw1NSwxOTBdLCJ2YWxwaGEiOjF9fSx7ImlkIjoiNU9haDV0V1YxSFV0UHZfSy0zZG04IiwiY29kZSI6ImRhdGEuZmlsdGVyKHggPT4geCA9PSA4MDApIiwib3BzIjowLCJwY3QiOjAsImVycm9yIjoiIiwiY29sb3IiOnsibW9kZWwiOiJyZ2IiLCJjb2xvciI6WzE5MCw1NSwxODIuNjg0MDMzNjM1MzM5MzhdLCJ2YWxwaGEiOjF9fSx7ImlkIjoiVHlmd3dOb29yWVpUN2VmdWk4a29aIiwiY29kZSI6ImNvbnN0IGluZGV4ID0gZGF0YS5pbmRleE9mKDgwMCk7IGRhdGFbaW5kZXhdIiwib3BzIjowLCJwY3QiOjAsImVycm9yIjoiIiwiY29sb3IiOnsibW9kZWwiOiJyZ2IiLCJjb2xvciI6WzU1LDE5MCwxMDYuOTk5OTk5OTk5OTk5OTddLCJ2YWxwaGEiOjF9fV19"
  width="752"
  height="652"
  frameborder="0"
  scrolling="no"
  allowfullscreen
></iframe>

---

{ Best, [Mads Bram Cordes](https://buymeacoff.ee/mc) }