ska-dev

I made this - it's not free, but it's FSE and Tailwind: https://sinukoduleheabi.ee/blocks/

> However, closer examination reveals a huge line of highly obfuscated code when scrolling way over to the right.

Seems like a pointless method to "hide" the code but I've fallen for this myself looking through some files in a compromised WordPress installation and missed these "off the screen" bits initially.

ska-dev

2 年前議論

It's like Tailwind playground but instead of editing raw HTML directly you can edit WordPress blocks that have a UI for Tailwind classes and then get HTML or JSX back once you're done.

ska-dev

2 年前議論

> I was really annoyed by editing big amount of hover:, focus: and other styles because of the duplication

I share that sentiment. I even "invented" something called "selectors" [1] which is a UI to handle all the Tailwind variants.

I popped this monstrosity of a Tailwind class in and your extension worked wonderfully in creating a tree of it: [2]

How ever when I collapsed it back to a single line something went wrong and it increased the length of the classes by ~15x creating this: [3]

[1] https://sinukoduleheabi.ee/docs/ska-blocks/selectors/

[2] https://pastebin.com/raw/Nk3xBHfw

[3] https://pastebin.com/raw/bKLdTYjD (Edit: pastebin removed it for some reason)

ska-dev

2 年前議論

Yesterday I was reaching for the JS I have used in the past for smooth scrolling to anchor links, until I discovered that `scroll-behavior: smooth;` exists.

ska-dev

3 年前議論

Looks like a mammoth undertaking with endless avenues for improvement, how do you decide what is worthy and what to leave on the backlog?

投稿

Show HN: Edit Tailwind HTML as WordPress Blocks

コメント