Creating Tumblr Themes: Websites Or Tools You Might Not Have Heard Of

Creating Tumblr themes: Websites or tools you might not have heard of

There are several posts and pages on how to create Tumblr themes. I figured I'd add some links and tools that I haven't really seen on this hellsite. Enjoy!

Chrome Devtools — This is an obvious one to point out to some, but I don't wanna leave it out. Right click and inspect on a website! "live edit" your CSS and HTML and watch it take action immediately. Just remember to copy the html/CSS into your theme before refreshing ;) I've used similar tools on Firefox since 2010, never looked back. devtools is powerful as fuck, but you don't need to know everything before diving into it.

Prettier.io — "An opinionated code formatter." Use the online playground to check your scripts or neatly fix and arrange your CSS. Or just HTML. It can also be installed in VS Code easily, which I highly recommend.

Coolors.co — colour patterns, gradients, create colour schemes from images, check for accessibility, and so much more.

Lucide Icons — the popular Feather icons just got an upgrade, so many Icons! Go here to see how to integrate it in your themes.

Neumorphism.io — What it says on the tin.

uiverse.io — Universe of UI elements to help you stand out. Great source of inspiration as well.

Fancy Border Radius Generator — Because why settle with squares?

Blob generator — if fancy Border radius isn't enough. Generator of much more than blobs, by the way! Check it out.

Open Props: Sub-atomic styles — Supercharged CSS variables.

Modern CSS Reset — better than Eric Meyer's.

Subtle patterns — been using this for over a decade.

CodeMyUI — repository for CSS snippets.

Codepad — a place for developers to share code snippets: PHP, Java, Bash, C, C++, Python and more.

Mesh Gradient Collection — because it's pretty.

WAVE — Check how your website/theme holds up accessibility-wise. Spoiler alert: get into aria-labels.

Feel free to message me more, and I'll add it to the post.