You'll never guess what this is an ad for.
I love my fath– I’m so big what the fuck. So naturally I chab-, challenged his murderer to a 𝒹𝓊𝑒𝓁. I failed. The six-fingered man left me alive! …but he gave me these. How old were you? Ffive years old. When I was strong enough, I dedicated my life to the study of ᶠʳᵉⁿᶜʰ… Fencing. So the next time we beet, I-I will not fall… fail. I will go up to the six-fingered man and say! 𝓗𝓮𝓵𝓵𝓸. My name is Indigo MontoyyyyyyA….?? You k- you killed my father. Prepare to die, heh.
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.
Looping lava lamp animation on blank blinkies and 88x31 buttons. Tried making some more wacky pastel color combinations with these ones. Groovy. Use them as a base, edit them, or do whatever you want. No credit needed.
PNG borders.
Are you fucking kidding me.