A custom checklist on Tumblr's HTML/CSS for custom-theme beginners
Hey everyone! If you are completely new at custom themes ālike I was not long agoā yet you have some basic knowledge on HTML5 & CSS3 for web design and want to dig in Tumblr's theme customization world to create your own themes, you might have some initial questions about compatibility with certain technologies. If so, this post might be good for you to start.
These are some of the ānow answered by experienceā doubts I had when I first started to code on Tumblr's Editor, the answers of which may hopefully help some of you who might be having the same or similar doubts:
Tumblr's Theme Editor uses HTML5, though you can use JSON to display your posts (specially & recommendably if you're using the Neue Post Format or 'NPF' which, when you find about, you won't like one bit as the majority of us) or AJAX to load your post notes.
You have a Resource Manager for theme-related resources at your disposition. You can upload your media or external styles & scripts here and Tumblr will provide a unique url for each, which you can later paste to link as the tags' source.
Read this Theme Documentation that shows most ābut not all thoughā of Tumblr's variables, which are basically shorthands that get replaced for their final references on the live code.
Almost all HTML tags are allowed: space elements <header> <section> <main> <arcticle> <footer> <div> (of course), headings <h1>, <h2>...<hN>, icons, figures, images, iframes, links, hyperlinks, ordered or unordered lists, and even your own custom meta-tags for prebrowsing, opengraphs and schema. You can of course use your own custom classes and ID's for the mentioned tags for further CSS style customization.
Speak of Style, you can use inline, embedded or linked styles on your Tumblr theme. You don't have to embed all your styles: you can link external stylesheets using the Resource Manager or another hosting service such as Dropbox.
All media queries are compatible and customizable for web responsiveness, and you can use as many as you want/need, both on internal and external CSS. Additionally, media queries can be nested within one another (yes, even in basic CSS, no preprocessor needed).
Tumblr uses CSS3 for inline or embedded styles in the Editor, yet āI think, haven't testedā is compatible with syntactical and some other popular style preprocessors like SCSS or SASS (for external styles only) if you want/need your styles nested.
Similarly, Tumblr accepts vanilla JavaScript for embedded script writing, but you can link external libraries such as jQuery and AJAX. You'll notice, though, hypertext preprocessors (or PHP) are not allowed; so, even if you can add and style your own contact form or other input tags, you won't be able to connect those to a .php action document even if it's hosted in another host service and, hence, to make it functional. This is mostly for security reasons as far as I've understood.
We are allowed to add hyperlinks to external services (such as Facebook, Instagram, Spotify...) to mimic a Social action bar, though from now on they must all be compatible with HTTPS security protocol or either Tumblr won't redirect anymore. We are allowed as well to embed custom and external iframes (like, for example, a YouTube video or a custom widget).
You can choose your theme's typography from among over 20 free fonts available at Tumblr's editor by default. If none of those fully catch your eye, you can upload your own custom font files (only .woff webfonts though) to the Resource Manager to use them as font families, or even link as many fonts as you like from Google Fonts or other public font libraries.
If you've accidentally deleted your theme or erased part of your code, you can easily recover an automatically-saved backup at Tumblr's Theme Recovery page. Though be careful, for you've got access only up to 20 backup copies, so avoid overuse of the 'Save' button or else your theme's oldest versions will be gone forever.
Just in case you're wondering, you ain't forced to share your custom theme publicly with the comunity. However, know that you could āif you want toā publish your theme at the Theme Garden for everyone else to install and use, either paid or for free. You also ain't forced to use all the variables from the theme documentation; but know that if you aim to make your theme public, you have to cover the basic ones and follow these guidelines for theme sharing and it will be pending for approval by the Team.
Some other technologies compatible with Tumblr:
Flexbox
CSS Grid
OpenGraph
Webkit Tools
Pseudoclasses
CSS basic animations
Google Fonts, Font Awesome and other font libraries
If you want to see an example of all of the above at work, you can visit my Tumblr at ricardoherreramusica.tumblr.com
you can get to tumblrās HTML editor by going to your blog > Customize Appearance (top right) > Edit HTML. (if youāre a theme creator, you should already know this though!)
access the editor menu (the cogwheel icon in the top left) for some useful editor features
upload any theme assets to tumblrās servers via the editor menu
Ctrl+F = find+replace
Ctrl+L = find line number
Ctrl+Alt+W = toggle line wrap (be careful! Ctrl+W will close your tab)
Ctrl+/ = turn selected text into a single-line comment (if multiple lines are selected, each line will be turned into a comment)
Ctrl+Shift+/ = turn selected text into a multi-line comment
Ctrl+K = select all instances of selected text
Ctrl+Shift+D = duplicate selected text
Ctrl+Alt+L = write to both sides of selected text (useful for quickly adding tags)
I remembered something but I can't remember the name and none of the search terms I'm using are finding it.
There was a tumblr blog that showed off desktop themes made in an old mac theme editor, that I forgot the name of. No matter what I do, I can't find it. If anyone can help me remember the name of an old program where you made custom themes for your desktop, please let me know.
does anyone know why the theme preview isnāt working in the editor? iāve been wanting to edit my theme but thereās no preview. so i have to keep bring up my blog and refreshing it so that i can see what iām doing. itā very annoying.Ā
Details for EMUI Theme Editor 1.10.8 Pro App Name: EMUI Theme Editor Version: 1.10.8 Pro Unlocked Package Name: com.mixapplications.themeeditor Category: Personalization Requirements: Android 4.2+ | EMUI Based ROM Size: 12.5 MB Ā Screenshots Ā Whatās New [Added] Pro version Available (No Ads ā Work Offline ā Accepting AdBlocker). Ā EMUI Theme Editor 1.10.8 Pro Apk Ā Description tempohari.com ā *ā¦
Hello Android developers, all the time we use to juggle between different components and views in Android studio. But today I am going to explain about one of the unfold editor and that is Ā āAndroid studio Theme Editorā.
Theme editor is very handy if you want to create theme for your own Android apps.
What is a Theme ?
Now few of you may have this exact question, so let me clear it to you. Themeā¦
