Feature requests upon friendly web page building for NON software coding background

Feature Requests
1

Hello,

Why so manny people like Hype? even software engineers.

NO CODING NEEDED.

I complete all of pages on website by Hype with NON software coding technical background.

I believe most of users of HYPE are not software engineers, but animation creative & GUI designers, and website page designers with NON software technical background, and we can work without one line coding, and I think this is just the much advantages of HYPE, I mean for NON coding background peoples. and I think the reason why so manny people like Hype is that it is a creative tool but NOT coding compiler tool.

Here are some feature requests upon webpage building, and I know there are already some code snippets on this official forum, but I still think it would be much much great if these features should be Hype DESIGNED-IN (or build-in) features:

1# Support to set an element Animation at fixed Y-position with Cross-Purpose ONLY by input a number.

Here is a great example:

and here is a example from apple mac:

The reason why this feature is so much important for webpage designers, is that the animations are usually in a one full screen page with limited area, there is no need to set some element at fixed Y-postion.

But if the work is in webpage, that scene might be a very long Scene with quite height.
So, It would much important to EASILY set an element animation at at a fixed Y-position, because the webpages are always need to scroll up and down.

So, it would much great if there is place to input a number as variable under Element Inspector.

This feature will be quite useful in lots of situation, like fixed menu, float bar, parallax effect, and CROSS or MULTIPLE PURPOSE.

2# Scroll timeline and scroll video

It is great way to present content by showing different information with more than one dimension at same time by scroll several different timeline.

Yes, I know there are some JS code support, but I am talking about how to friendly webpage design.

3# Stick element at a fixed Y-postion.

4# Align

Align is the most used feature. I know there is layout grid tool, but I think it would be much more great if there is visual tool under Element Inspector.

Furthermore, If there are lots of elements, what should be the object of reference to be align? one of element or a scene?

Here is reference from Adobe illustrator, Stecth or Pixelmator:

#5 set a single or a group of elements to be full screen height in one page.

In any traditional webpage composer, it is really easy to achieve this purpose:

Because all of element content is in rows, and the height of the page is dynamical with the changing of row height, and any row could be set to Full Screen height according to any Device.

In Hype, it is very difficult to achieve it IF the page content are more than one full screen.

6# Set text gradient:

I just found I mentioned it before at

7# Radial Gradient support

It seems only LinearGradient support now, it would be great if it support Radial Gradient too.

1565498300113

8#Cut image

In most of situation, an image is suitable to desktop layouts, but need to cut for mobile layouts. It would be much great if there is an tool to cut the image within Hype.

9# Hide layout:

It would be great if there is a function to hide a layout, mostly like the following screenshot:

03%20AM
03%20AM633×929 30 KB

Alex

1 Like
2

I understand where you are coming from. I think rather then bloating the runtime, the GUI should be truly extendable. Putting specialized behavior in plugins that offer their own settings GUI. Replacing “waypoints” with something more modern and powerful (like IntersectionObserver) would also be nice, though. Either way scrolling actions and animations are very modern and certainly therefore desirable whatever the path.

1 Like
3

@MaxZieb
Thanks for your idea.

I do not know exactly the meaning of runtime:).

The way by plugins are acceptable, actually I think anyway to approach these features will be ok.

I am not software technical background, so these features are from my experience.

Hype is great, just like Pixelmator and Sketch, and I believe these features will be much more friendly for webpage bulding.

Thanks

4

Thanks for the requests! One question:

Can you elaborate on how this is different than request #1? Thanks!

5

Hello @jonathan

The #3 feature s the basic feature, it might be simply used to create a stick menu, or an always floating bar, or a fixed image at a specific Y-position.

Here is an example, and you will note that the menu will be fixed when the page is scroll up and down:

But, the #1 feature might be used for Cross-purose, the fixed elements might be only appear and fixed at that position on some conditions, and it might be disappear and go right or left, go down or up, zoom in or zoom out, or go with any other animation timelines.

Here are two example to show what I mean:

and the screenshots:

and here is the code example to show cross purpose:

The above example are really really quite frequently used for webpage, because the webpages are usually a long height page but not a single full height page.

I am just thinking the possibility of supporting only input the number of value and achieve this purpose, that means the related javascript code will be integrated or built-in Hype.

By the way, I added the #5 feature if possible:
set a single or a group of elements to be full height page.

I worked for webpage design for years with NON software coding experience, so I used several traditional webpage composers.

In any tradition webpage composer, it is really easy to achieve this purpose:

In Hype, it is very difficult to achieve it IF the page content are more than one full screen.

Most of webpage designers are not software engineers but creators who are good at Photoshop and Illustrator, sketch, Pixelmator, but not software coding, and they are using webpage composer tools without coding needed.

I believe the above features will great helpful to the most of webpage workers like me, and great improvement of HYPE .

It would be great if you could let me know whether we can expect these features:)

Thanks.

Alex

6

Cool, thanks for the clarification.

We don't comment on features or release dates, sorry! :slight_smile:

7

Ok, I understand. thanks anyway.

There are maybe lots of features that you need take into balance or by priority.

Anyway, if it is possible, you might like take this as priority, and name it as ADVANCED feature:

**In Hype, there are maybe some build-in javascript model which are loaded from your official server, so that you can manage them dynamically or update it if needed.

At Hype user end, those javascript could be loaded from your hosted server or CDN dynamically. Just for reference.**

Thanks and have a nice day.

8

I am working on a integration that could solve some of the ideas in a rather simple but powerful manner. Will post it in a couple of hours a day or two (it got rather busy here)… should help with the original request.

1 Like
9

Oh… That would be Great.

:slight_smile:

10

Any progress there please?:grinning:

Thanks

11

Look at Hype ScrollKit. Still not finished but the start is there. Hype ScrollKit (Scrollama, Intersection Observer and more)

12

Hello,

New feature request added:

1 Like
13

If You are ever going to be creatively FREE you can’t be confined by other’s strictures however well intended. If You are a designer learn about coding. If You are a coder learn about designing. Knowledge & creativity need to be integrated not segregated.

One of the many qualities I love about this Forum is the expansion of possibilities - and the generous spirit of the many contributors that engender it.

1 Like
14

Thanks for the request! (improving gradient tools is a long-standing area that we want to improve, since it hasn’t been revisited since v1.0 and is a popular request)

15

Jonathan,

Thanks for your reply and comments.

I always thought a lot before submit a feature request since I am not sure whether it is a reasonable request.

Your reply make me more confident to post request as Non coding background user, and I will leave more request if I found.

Thanks again.

16

All requests are welcome! Hype itself is targeted at non-coders. It is useful to know how you are using Hype and what roadblocks or improvements might be beneficial. We file all requests and prioritize based on creative potential and popularity. So always feel free to keep 'em coming.

Some requests may have coding workarounds. This is generally pretty neutral to the request since it does indicate that folks are wanting to do it and is feasible to implement, but at the same time requests that can’t be accomplished in code at all can usurp the priority levels.

17

Hi Jonathan,

Thanks for reply.

I am very clear upon your implementation of feature request now.

As to the feature of gradients, you know, the color gradient is so important for ANY design, any animation and webpage design is a part of BRANDING.

So, ROADBLOCKS are everywhere if we can not use color flexibly not only on TEXT font, but elements like rectangle, ellipse, here is a simple example to show:

Actually, I want to add a blue gradient mask on that coconut image, finally, I use a CSS way on rectangle mask:

.bluegrad {
  background: -webkit-radial-gradient(circle, rgba(0, 216, 237, 0.000), rgba(0, 216, 237, 0.317), rgba(0, 216, 237, 0.699)); /* Safari 5.1 - 6.0 */
  background: -o-radial-gradient(circle, rgba(0, 216, 237, 0.000), rgba(0, 216, 237, 0.317), rgba(0, 216, 237, 0.699)); /* Opera 11.6 - 12.0 */
  background: -moz-radial-gradient(circle, rgba(0, 216, 237, 0.000), rgba(0, 216, 237, 0.317), rgba(0, 216, 237, 0.699)); /* Firefox 3.6 - 15 */
  background: radial-gradient(circle, rgba(0, 216, 237, 0.000), rgba(0, 216, 237, 0.317), rgba(0, 216, 237, 0.699)); /* standard */
  }

but, still it is quite limited, since I can not custom setting the scope of every color.

For MULITIPLE colors complex usage, please check this image

Flying%20Elves-2
Flying%20Elves-22048×1219 456 KB

or check at

It would really really big gun if the FULL gradient feature could be released on next version.

Thanks

1 Like
18

You can always just use something like this:

http://elrumordelaluz.github.io/draGGradients/

1 Like
19

Thanks - this is definitely on the revamp list!