

A few years ago, I made a tool called Get YouTube Thumbnails. [See my original blog post about it](/blog/2018-08-26-new-website-making-it-easy-to-get-thumbnails-of-youtube-videos).

This is what it did.


> When you submit a YouTube URL, you get back the image, a link to that image, and the original height and width of that image (even if it's scaled down on your screen size).
>
> You can also download the image with a YouTube play logo overlaid on the top.


Anyway, that site broke and I didn't remember enough about how it worked to fix it. So I rebuilt [Get YouTube Thumbnails](https://getyoutubethumbnails.netlify.app)

It does exactly the same thing. It's possibly a bit rough around the edges but it works.

[See the code for the site](https://github.com/edjw/get-youtube-thumbnails-svelte). It uses Svelte and Netlify functions this time around and still uses Cloudinary for the image processing.



Re-written website: Get YouTube Thumbnails

I've made a new tool called **[Find the nearest Tailwind colour](https://find-nearest-tailwind-colour.netlify.app/)**.

Enter any hex colour code like #FFFFFF and it willl find the nearest colour in [Tailwind CSS](https://tailwindcss.com/)'s full colour palette for you.

It's useful when you want to quickly use a colour that's close to another (similar) colour but you don't want to [extend Tailwind's colour palette](https://tailwindcss.com/docs/customizing-colors#extending-the-defaults).

([Svelte](https://svelte.dev/) was handy again here.)

[Take a look at the tool](https://find-nearest-tailwind-colour.netlify.app/).

New website: Find the nearest Tailwind Colour

Do you ever find yourself writing a first draft of something but you keep getting bogged down by making little edits?

**[First Draft](https://firstdraft.page/)** is a text editor I've created that stops editing from slowing you down. It's at **[firstdraft.page](https://firstdraft.page/)**.

With *First Draft*, you can type text. But you can't remove any characters you type.

No deleting. No backspace. No selecting text to overwrite it. No cutting. No replacing text with spellcheck.

It takes a tiny bit of getting used to. But it really helps you get over writer's block and procrastination.

When you've got your typo-ridden first draft out of your brain and onto your computer, copy your text over into another text editor to clean it up.

New website: First Draft – Don't let editing slow down your first draft

I've made a very small website of coffee recipes. To be clear, there is [one recipe](https://coffee-coach.netlify.app/v60-by-james-hoffman) on there.

I've called it [Coffee Coach](https://coffee-coach.netlify.app/) – which is way too grandiose.

Basically it just does the calculations for how much coffee or water I need and how much water to pour when I'm making my pourover coffee. There are other bits to a coffee recipe. I haven't mentioned those. This just stops me needing to open my calculator app.

It's been a good way of learning a bit about what [Svelte](https://svelte.dev/) and [Sapper](https://sapper.svelte.dev/) can do as reactive UI and app tools.

Ed Johnson-Williams

Svelte

Re-written website: Get YouTube Thumbnails

New website: Find the nearest Tailwind Colour

New website: First Draft – Don't let editing slow down your first draft

New website: Coffee recipes app to learn Svelte