#Tumblr icons for sidebar how to
#Tumblr icons for sidebar generator
#Tumblr icons for sidebar full

full width header option and optional header image.Previews: version one // version two // live preview Lunar: a header-sidebar theme with with multiple customization modes. Spoiler alert: get into aria-labels.įeel free to message me more, and I'll add it to the post. WAVE - Check how your website/theme holds up accessibility-wise.Mesh Gradient Collection - because it's pretty.Codepad - a place for developers to share code snippets: PHP, Java, Bash, C, C++, Python and more.CodeMyUI - repository for CSS snippets.Subtle patterns - been using this for over a decade.Modern CSS Reset - better than Eric Meyer's.

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

Generator of much more than blobs, by the way! Check it out. Blob generator - if fancy Border radius isn't enough.Fancy Border Radius Generator - Because why settle with squares?.uiverse.io - Universe of UI elements to help you stand out.Neumorphism.io - What it says on the tin.

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

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

It can also be installed in VS Code easily, which I highly recommend.

Prettier.io - 'An opinionated code formatter.' Use the online playground to check your scripts or neatly fix and arrange your CSS.

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

Chrome Devtools - This is an obvious one to point out to some, but I don't wanna leave it out.

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

customAudio.js: photoset.css with lightbox: and like and reblog if you like this and or are using it!Ĭreating Tumblr themes: Websites or tools you might not have heard of.

Icon: NPF v3.0 fix, minify spotify player, AA Icon fonts: Toggle tumblr control: Minified soundcloud player: Fonts: Noto Sans, Noto Serif Google Fonts.

Customizations for both the search entry and the custom link icons will be below read more.

Usual disclaimer and discretion on NPF posts apply.

Built-in light/dark mode which persists once toggled.

The live preview uses 600px posts and 13px font size.

Customizable post width and font size.Suitable for all kinds of blogs, but will also do well with image-heavy blogs. Turns out better than I expected honestly, am quite proud of myself. This theme was conceived around the idea of having a SVG element as a decorative element. Live Preview (Temporary) / Static Preview: / Get the code: Theme #05: Sakurairo by matter how many times we cry, we will laugh again.

#Tumblr icons for sidebar full

#Tumblr icons for sidebar generator

#Tumblr icons for sidebar how to