# Dev Diary Ep36 - Powerful New Scroll Effects

**URL:** <https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659>\
**Category:** RapidWeaver Elements\
**Created:** [September 17, 2024, 10:32am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659 "2024-09-17T10:32:24Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 17, 2024, 2:53pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/43 "2024-09-17T14:53:18Z")

</div>

> [@anon68150607](#):
>
> One thing that might help new users is that when a feature is removed (ie: Sections) is to update those Dev Diaries that do mention it as being out-of-date with regards to specific features, and then point to any new, relevant information.
> 
> It might take a little time, but you’ll probably also save a lot of time responding to users confused about why their current version of Elements doesn’t reflect what they’re seeing in the previous Dev Diaries.

That’s a great suggestion! I also think I should do a video specifically for new beta testers on how everything works (although we’ve stopped adding people now).

Something to think on, and thanks so much for the constructive ideas, it’s appreciated!

---

<div class="post-metadata">

**Author:** ![ajenks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ajenks/32/34693_2.png) [@ajenks](https://forums.realmacsoftware.com/u/ajenks)\
**Post date:** [September 17, 2024, 2:53pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/44 "2024-09-17T14:53:36Z")

</div>

I agree with Dan here, you should not be trying to use Elements in a production environment, that’s what Classic is for. Beta’s are for testing, that’s it.

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [September 17, 2024, 2:56pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/45 "2024-09-17T14:56:38Z")

</div>

never did use in production environment but when uploaded to a spare domain I have a few things showed up which didnt show in preview mode…so they got sorted or checked on. if they weren’t published dan wouldn’t have known!!! little things like putting a £ sign which showed ok in preview but not when uploaded…which dan showed me how to sort with a little bit of code

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [September 17, 2024, 3:05pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/46 "2024-09-17T15:05:34Z")

</div>

I know you probably think im a Pratt for some of my comments but I really do want this to work as when I kick the bucket my friend has to take over and hes nowhere near as computer literate as me hahaha

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 17, 2024, 3:16pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/47 "2024-09-17T15:16:49Z")

</div>

You’re all right with us, we’ll do our best to make Elements easy to use!

---

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [September 17, 2024, 3:22pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/48 "2024-09-17T15:22:24Z")

</div>

Hey @dan

I think you expressed your acknowledgement of lot’s of things ‘in the cue’ and testers were just venting their frustrations along the same line. I would think it would be much better to focus on all the to-dos in the beta-testers suggestion list first before demoing new things, as that will calm people’s anxieties about development. Feel free to continue developing new things behind the scenes, but put clearing of to-dos in videos as the main subject of the videos and I think everyone will feel much better about the progress of things.

---

<div class="post-metadata">

**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\
**Post date:** [September 17, 2024, 3:24pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/49 "2024-09-17T15:24:19Z")

</div>

> [@anon68150607](#):
>
> The way you’ve implemented many of these effects and features is baked into certain Elements (ie: grid items, flex items, etc ) and not available on others. This means that users have to remember which Elements/components they can access these properties on, and which they cannot. You’ve essentially created a frustrating puzzle where users try to fit random Elements together to achieve their goals. I’m also struggling to see how 3rd party components will fit into this jigsaw in any meaningful way.
> 
> The whole inspector is still just a never-ending game of whack-a-mole and “Where’s Waldo?”, and the constant refrain of “it’s so powerful and intuitive“ is getting old, especially as it doesn’t represent my experience using Elements at all.

I know I’m responding to my own post, but something that’s been driving me nuts with Elements is how it uses [TailwindCSS](https://tailwindcss.com/) but completely misses the fact that [Tailwind is built on a utility-first concept](https://tailwindcss.com/docs/utility-first), which enables you to add pre-defined utility classes and modifiers to _ **any element** _ in order to create custom designs without writing CSS. However, in Elements we have no way of applying these utility classes unless they have been included/exposed in the specific element/component you’re using, or you enter them into the Advanced → Custom CSS Classes text field, (ie. `py-8 px-8 max-w-sm mx-auto bg-white`).

This approach either requires the **duplication** of all common properties _for **every** element_ (_including_ custom elements), or (what we’re seeing) where every element implements only a few properties, and often in different and confusing ways (different labels, location, widget, etc).

I keep coming back to that the base elements, the _core building blocks_ of Elements, [should have an inspector similar](https://forums.realmacsoftware.com/t/elements-ui-ux-ideas/43943/9) to that of [Sketch](https://www.sketch.com), [Pages](https://www.apple.com/ca/pages/), etc. (if you’re going to be Apple/Mac only, then _lean_ into it) that enable users to add and remove utilities classes and modifiers in much the way we edit, add and remove background colours, strokes, fonts, etc in other applications. All of the base elements share a vast number of properties (margin, padding, colour, background, border, radius, etc - keeping in mind that they often have AND relationships, not OR, ie. multiple backgrounds, borders, etc.) with each other, and other elements such as Grid, Flex, Images, and Video have a few additional properties that are bespoke to them (columns, rows, gap, src, alt, etc).

Taking an approach like this would create a more intuitive, consistent, and useable interface, and allow custom elements to only focus on the things that make them unique.

---

<div class="post-metadata">

**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\
**Post date:** [September 17, 2024, 4:19pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/50 "2024-09-17T16:19:29Z")

</div>

> [@anon68150607](#):
>
> All of the base elements share a vast number of properties

I totally see where you are going with this and I support it.

This list can become really long. Apple implements tabs in order to differentiate the available resources. Not saying this isn’t possible, but it would take some very careful thought to get it right.

The biggest challenge I see here is finding the balance between people who know CSS terminology versus those who are expecting an easy to use app that uses “common” terminology.

---

<div class="post-metadata">

**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\
**Post date:** [September 17, 2024, 4:24pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/51 "2024-09-17T16:24:04Z")

</div>

> [@Flash](#):
>
> The biggest challenge I see here is finding the balance between people who know CSS terminology versus those who are expecting an easy to use app that uses “common” terminology.

The UI/UX of Elements will be integral to the success of the product. It’s going to take time, and a lot of thought. Throwing seemingly random properties into one big collapsible list isn’t likely to attract many non-technical users. It’s an ‘easy’ developer or power-user (ie. coming from Blender, Cinema4D, After Effects, etc) solution, not a user-focused one.

I would also **strongly** err on the ‘common (accessible) terminology’ side wherever possible - especially as Tailwind somewhat abstracts it anyway. Using Tailwind classes within Elements should be optional, being available primarily for power users and developers.

Again, look to Pages and Sketch for inspiration - and then steal as much as you can - like any self-respecting artist 👨‍🎨 (or product designer, software developer, business person, etc).

---

<div class="post-metadata">

**Author:** ![Bruno](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruno/32/25457_2.png) [@Bruno](https://forums.realmacsoftware.com/u/Bruno)\
**Post date:** [September 17, 2024, 4:58pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/52 "2024-09-17T16:58:40Z")

</div>

You know me, I can’t help but share my questionable humor, so once again I apologize in advance…  
WHAT A POWERFULL NEW SCROLL EFFECTS !!!  
I can’t wait for the next one 🥱 Please don’t even try to launch a powerfull new boom effects please 🙏  
Just in case: I offer follow-ups and support for not too much money, results not guaranteed, no refund nope 🙂‍↔

---

<div class="post-metadata">

**Author:** ![DaveMac](https://avatars.discourse-cdn.com/v4/letter/d/fbc32d/32.png) [@DaveMac](https://forums.realmacsoftware.com/u/DaveMac)\
**Post date:** [September 17, 2024, 6:32pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/53 "2024-09-17T18:32:52Z")

</div>

Nobody questioned the obvious ? I spy …

- “Uses a Javascript Library”
- “Show scroll trigger markers”
- “Scroll Trigger”
- “Power 1 Out”
- “Scrub”

🧐  
Elements Hover Effects & Scroll Effects === **GSAP** + **ScrollTrigger**?

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [September 18, 2024, 8:37am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/54 "2024-09-18T08:37:08Z")

</div>

Correct! Well spotted 🙂

We are looking at using GSAP for scroll based animations. It’s a very powerful library that gives us a lot of control and flexibility for doing all sorts of animations.

---

<div class="post-metadata">

**Author:** ![Berthold](https://avatars.discourse-cdn.com/v4/letter/b/b2d939/32.png) [@Berthold](https://forums.realmacsoftware.com/u/Berthold)\
**Post date:** [September 19, 2024, 6:38am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/55 "2024-09-19T06:38:49Z")

</div>

Hi Dan,

I recognise the fantastic possibilities of Elements. Especially the ability to build your own elements is a great feature.

However, I have the impression that your team is not focussing enough on the essential things. I don’t need effects if I can’t even design a good menu. Most websites need menus, grids, text areas, images and footers. If these things match the requirements of the testers you can worry about visual effects but only then.

In my eyes, Elements is more of an alpha than a beta version. A beta is there to find the last bugs. The many structural changes in Elements unfortunately give the impression of an alpha version.

Please don’t show new gimmicks every week, but real progress on the important components.

The potential of Elements is really impressive, but it needs to be utilised. Unfortunately, I will continue to work with Classic, as I can’t see that Elements will be usable for me in the near future.

Concentrate on the essentials, the visual gimmicks can be delivered later.

---

<div class="post-metadata">

**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\
**Post date:** [September 19, 2024, 11:40am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/56 "2024-09-19T11:40:33Z")

</div>

> [@Berthold](#):
>
> Concentrate on the essentials, the visual gimmicks can be delivered later.

Dan [addressed these concerns](https://forums.realmacsoftware.com/t/dev-diary-ep37-lets-talk-beta-feedback/44678/1) yesterday. His reply can be found in the link.

---

<div class="post-metadata">

**Author:** ![trinube](https://avatars.discourse-cdn.com/v4/letter/t/df788c/32.png) [@trinube](https://forums.realmacsoftware.com/u/trinube)\
**Post date:** [September 20, 2024, 5:55am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/57 "2024-09-20T05:55:53Z")

</div>

I’ve participated in many beta programs, FMP, Lightroom, Indesign, Photoshop and a bunch of others. I also write (non-web based) apps so I have a decent understanding of the process and how difficult it can be. It’s OK to ask about missing features but to whine and complain in a derogatory tone isn’t helping anyone.

I’ve asked about links and menus and a few others things too, and received the answer.; they know about them, they’re coming, it’s a beta.

Dan and the team are in the best position to determine what gets done first.

If you’re don’t want to live with the restrictions of the beta then wait for the release version. No-one on here was forced to beta test - we ALL requested access. Don’t like it, don’t do it.

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [September 20, 2024, 6:25am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/58 "2024-09-20T06:25:06Z")

</div>

Kim…when you tested all these betas…how much did you pay???  
ill use my car analogy…heres you new test car to check…but its not got an engine…thats coming down the line sir…but ive already paid…whens the engine coming…ummm dont exactly know sir…but anyway here’s the key take her out for a spin.  
my analogy of a beta…heres the keys for you new car sir take her out for a spin…its a test model…I took her out for a spin and theres a strange knocking from the engine…ok sir leave it with us come back tomorrow and the knocking will be fixed…  
FEEDBACK is feedback…thats what its here for!!!

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [September 20, 2024, 6:33am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/59 "2024-09-20T06:33:20Z")

</div>

I think it was made very clear in the sign-up process what the situation was with the beta with warnings that lots of things could change as the beta progressed and to only purchase the beta if you wanted to support the development.

As Kim says, no-one was forced to beta test - it was your choice to pay to access the beta.

I purchased the beta because I wanted to support Dan and the RM team and to help them out and not because I was expecting an almost production ready App.

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [September 20, 2024, 6:38am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/60 "2024-09-20T06:38:41Z")

</div>

well done…  
I too want to support Dan and Realmac.  
I too wanted to write a paragraph like you have here in elements…but I cant  
Basics thats all I said originally. all I wanted was a few basics.

---

<div class="post-metadata">

**Author:** ![trinube](https://avatars.discourse-cdn.com/v4/letter/t/df788c/32.png) [@trinube](https://forums.realmacsoftware.com/u/trinube)\
**Post date:** [September 20, 2024, 6:45am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/61 "2024-09-20T06:45:57Z")

</div>

> [@Godber](#):
>
> Kim…when you tested all these betas…how much did you pay???

Logrunner said it better than I could. It was VERY clearly spelt out how it was going to work and every beta tester chose to participate with those conditions. I’m not at all bothered by the payment - it gets me a full license, discounts going forward and early beta access. Your analogy couldn’t be more ridiculous.

You say you’re no longer on the beta so why are you still here? It really appears you just want to create noise, which is certainly not a constructive contribution.

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [September 20, 2024, 6:48am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/62 "2024-09-20T06:48:06Z")

</div>

quote from Centrecode **How Long Should My Beta Test Be?**

**‍** The typical duration of a beta test will vary depending on its objectives. Of the hundreds of tests we’ve run for customers in the last two years, about **half of them were between three and five weeks of testing time**.

here cos I still want elements to work…but you never answered my question…how much did you pay for all your beta testing

and if you look at my original post…all I asked for was a couple of BASICS thats all…perfect example is right here in this post…BOLD, ITALICS, LINKS,

[Previous page](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659.md?page=2)

[Next page](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659.md?page=4)
