perrysmotors / sketch-unsplasher Goto Github PK
View Code? Open in Web Editor NEWA Sketch plugin for filling shapes and symbols with images from Unsplash.
License: MIT License
A Sketch plugin for filling shapes and symbols with images from Unsplash.
License: MIT License
Currently, when searching for images by a specific search term, or when using a collection, the process is cumbersome - specially if we aren't happy with the first image found, and want the plugin to fetch another. What makes the process cumbersome is:
What would be ideal is for us to be able to 'store' the search terms or collection id along with the layer - e.g., in the layer name - and then for the plugin to use these (if available) when searching again.
Other plugins - e.g., Paddy, Easing Gradients - store the information they need to use within the layer name. I'd suggest that Unsplasher could use something like this for normal search terms:
Rectangle {face, woman}
...and perhaps something like this for collections:
Rectangle {c: 332024}
The plugin simply doesn't work after the latest updates. Sometimes it works, but doesn't generate another image for the same term.
One of the reasons we use Unsplash a lot in our mockups is the fact that if the client likes the images we've selected, they can use them on their live site or project without fear. But in order to do that, we need to be able to tell the client where to find the originals - i.e., what are the images' IDs/URLs in Unsplash.
This is not a problem when we are manually downloading the images from Unsplash. But when we use a plugin like Unsplasher, once the image has been placed inside a shape, how do we know what the ID/URL of the original is?
It would be ideal if the information was stored somewhere in the layer itself - e.g., in the layer name, as described in Issue #9 - I don't know whether this is doable, but I picture something like this:
Step 1: the user enters some search terms in the layer's title, as described in Issue #9
Rectangle {giraffe, safari}
Step 2: the user runs the plugin. It fetches a random image based on the given search terms. It finds an image, fills the shape with it, and then adds the image id to the layer title:
Rectangle {giraffe, safari, id:YozNeHM8MaA}
This would tell us what the image ID is for the last image that the plugin has placed in that layer. Whenever the plugin is run again, and a new image fetched, it would update the layer title with the ID for the new image.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.