Pink Burberry nova check bag.
2K notes
·
View notes
612 notes
·
View notes
NPF Theme Development
I don’t know how many of my followers here are theme developers but in case there are I thought I would make a little post about theme development.
It recently came to my attention that Tumblr is working on this new post editor that I think is tied to the “Neue Post Format” and that apparently it creates a bit of complication for those who don’t really know JavaScript very well.
I thought that I would announce that for any of those who are interested I’ve been developing a library in my spare time to simplify the development process. Depending on how much JS you know the library can be quite versatile and still enables you to define how post types can be laid out. I wrote a pretty basic interpolation class in which a developer can define their own “blocks” and “values” as I’m calling them when instantiating the library object.
I’m calling it Paradigm. Before the Paradigm instance is called each post is pushed to an array. With each array push an object with properties relating to the post is included - these will be prepared for interpolation once the the library is instantiated and the render method is called.
A “block” will be indicated by: {! block:start !} {! block:end !}
While a value will be indicated by: {? value ?}
I’m still in the process of developing it and would like to push it a little further than its JS confines and enable the developer to do this with HTML. So far the results I’m getting are quite promising.
41 notes
·
View notes
CSS Code for those who run photo/image/aesthetic blogs
If you’re concerned about the image quality of image posts created in the NPF editor being distorted on your blog theme (particularly if it’s important for you for small/medium images to remain being in the original size resolution), then be sure to add this CSS code to your theme HTML:
<style tmblr-npf>
:root {
–NPF-Caption-Spacing:1em;
–NPF-Image-Spacing:4px;
}
.npf_col:only-of-type img {
height:auto!important;
}
.tmblr-full img {
width:auto!important;
}
</style>
Thanks to @glenthemes for the assistance. For a more comprehensive code that also includes having image posts created in the NPF editor be rendered as image posts on your blog theme (among other stuff), check out their post here. If you need further assistance, their Discord channel is located at the bottom of that post. They are very helpful.
Note: This probably only works on single-column themes.
49 notes
·
View notes
ㅤㅤㅤㅤ୨᭄ㅤ꒰ㅤdividers : made by me. . ੭
͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ͏͏͏ ♡ or ↻ , thanks.
ㅤㅤㅤㅤ
250 notes
·
View notes