A feature I’d like to see in Hopscotch is:
Device Type/Name variable
I’d use it for this type of project:
If you had a tapper or a website with a specific layout that was good for iPad, but it didn’t work for iPhone, you could change the positions of all the buttons on screen so they would work for iPhone.
Here are some examples of Hopscotch code that could be improved if we had this:
See above
Here is an example design I’ve made:
I’ve seen something similar in another programming languages, it looks like this:
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
(CSS)