šŸ›  TH code editor | TH watermark previewer

Posted 1 year, 4 months ago (Edited 2 months, 28 days ago) by circlejourney

Toyhouse code editor with live preview

Bookmark it on Toyhouse

iK7KEkl.png

Preview your HTML/CSS code in various layouts as you type.

Toyhouse watermark previewer

Bookmark it on Toyhouse

mekM2EJ.png

Preview watermarks applied to images without uploading and regenerating.


A couple of code utilities for making certain aspects of using Toyhouse less tedious! and the watermark previewer lets you preview the appearance of watermarks on images.

I created these tools to help make coding and applying watermarks easier. I'm not affiliated with Toyhouse and I'm maintaining these for fun in my free time. (If you'd like to support me, you can donate to my ko-fi.)

These are works in progress, and I've been fixing all bugs that I find/am informed of. I'm always happy for feedback, suggestions and bug reports! Do check the "known issues" section on the website to see what has already been reported.

Mortymer

that's heckin neato, thank you for this, ; v; )9
i think the url might be going to the generalized site tho? o:

HeartlessSpade

Lotor Sorry for the ping but in case you didn't find it, here it is!

Mortymer

HeartlessSpade || ahh, thanks!Ā  ( i never mind pings, no worries! )

Bellamy

this is awesome!! thank you :D

circlejourney

Oh dang thank you Lotor I can't believe I didn't pick up on that. Fixed it. Don't make posts at 4am kids

Mercer

Oh man this is exciting! So far I've encountered a little predicament. When using, for example, Lotor's HTML cover code, it'll completely overlay the box for the code. It can be fixed by deleting your cookies and is easily worked around, but I'm sharing all the same.

This is amazing though. Thank you so much for sharing!

KnightOfTheFallen

Wow, this really is amazing! I was just thinking about how I wished something like this existed due to having to go back and forth to see if the code was okay. As someone who is trying to learn how to code on TH this is really helpful, thank you for making this! If anything seems wrong or if I find any bugs I will say so <3

circlejourney

Hey thanks for mentioning the issue Mercer! I managed to fix the background problem, but I'm also noticing that the margin at the top gets messed up, probably because of the missing bar at the top. I'll look into that next!

dragonofeternal

Holy shit this is so cool! I can't wait to muck around with it some, and I'll be sure to let you know if I find any bugs

redenvii

Yo- thank you so much for this?! I literally installed a tab refresher just to see a "live" view of my code. This is a huge help!

Kattenkwaad

oh man, thank you so much for making this <3

Mercer

The fix worked great! ā™„

I'm using this a ton and it's definitely made editing without proper knowledge easier, as bad as that sounds. I don't have a lot of experience so this has made trial and error so much smoother. Thank you again!

Possible suggestion would be a way to force the resolution to different sizes, like testing for mobile. It's doable by shrinking the browser window, but that of course shrinks the space you can code in as well.

circlejourney

Thanks guys! I was definitely hoping that the tool would be helpful in exactly this way; I know how hard it is to experiment with layouts and coding when you have to keep saving and refreshing the page to preview things.

Mercer Sadly I don't think I can simulate a mobile screen, because device type is something that the webpage detects automatically. If you're using Chrome (and some other platforms too) you can simulate it in the developer tools!

Pepperly

This is really useful, thanks so much!
For some reason the code goesĀ absolutely berserkĀ in a specific portion of one of my layouts, andĀ here'sĀ what it looks like live. I haven't the foggiest what's doing it but if you need the live code to troubleshoot, drop me a line.

Edit: hold on, I'm seeing some complaints in the thing but it's still really chewing through the hearts; lemme double check

I fixed it! Good ol' thanks!

greedy

hello!! this is amazing work and literally a lifesaver, thank you so so so much!!!

do you think you'll ever consider adding a tab for an editor for the world pages? if not i 100%%% understand!!