Preview your HTML/CSS code in various layouts as you type.
Preview watermarks applied to images without uploading and regenerating.
A couple of code utilities for making certain aspects of using Toyhouse less tedious! The code editor shows a live preview of code as you type it, 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.
SparklyLightus thanks for catching that! I cannot recreate the error in my Firefox, but I have just pushed a change that I think will solve what I think is going wrong there, let me know if it's working for you now?
EDIT: and just to help me with debugging, did that error appear after you closed and reopened the page, or in the middle of using it?
It's working fine now!
EDIT: It appeared when I opened the page (with the horizontal layout), but the bottom buttons were visible, once I clicked to change into the vertical layout it all turned white. I'm assuming I had the luck to open the page while you were editing and it messed up but I'm not technical enough to be sure LOL
SparklyLightus That's good to hear! And, that's possible--the other possibility is that your browser had an old version of the page cached--I just updated the code to force the files to refresh so that could have fixed it.
okay first off i love this code editor...
second i wish there was a feature to see the code in different themes? like if ur doing CC u would prolly make sure it looks well in all themes,,, idk i just think it would be nice :-]c
serenevintage do you mean the different TH colour themes like default, night etc? There is a Theme menu in the bottom left corner, if you click it, it will let you switch between themes. If you meant something else, let me know!
Astronnut What browser are you using? You're right that I updated the way resizing works in January, and I noticed that it functions differently in different browsers. I may have missed your browser when testing it.
Astronnut ahh, that explains a bit. Is that on a computer? I am aware that there were issues on mobile Safari and maybe my quick fix is correcting in the wrong direction for the desktop version.
Astronnut Gotcha! I'll look into this at my next free day, thanks so much for letting me know about it 👍