DEV Community

Cover image for Introducing the new remote control for your presentations
David Dal Busco
David Dal Busco

Posted on

Introducing the new remote control for your presentations

Change is the essential process of all existence - Spock

A little more than a month ago, we launched our web open source editor for presentations: DeckDeckGo

It went way above our expectations, quickly three thousand people had tried out our editor and we received a lot of positive feedback. It was really an unexpected start and just an heartwarming experience. Thank you all, for everything 🙏

Following this release we spent the month of October improving our platform, thanks to our community and many Pull Requests. It was definitely a really nice Hacktoberfest 2019 season for us.

Finally came the time to ask ourselves: And now, what’s next?

We quickly identified two new cool ideas, which would be fun to implement, unique and useful for our users. But you know what? These aren’t the ones we are publishing today 🤣 We thought that before chasing these, we should first resolve one of the most users’ requested feature (“speaker notes”) and improve a long time known weakness, at least in my eyes, the UX of our controller.

That’s why we are happy to launch today our brand new remote control 🎉

A demo of our brand new remote control

So, what’s new?

Enough teasing, here are the major new features of our remote controller.

Speaker notes with Markdown support

Through our Slack channel, GitHub or messages, being able to add “speaker notes for the slides in the web editor” was often the most requested feature. Fortunately, it was already implemented in our core and even available in the developer kit, therefore, the biggest challenge was “only” its integration in terms of UX. Moreover, when implementing the feature, we thought that it would be handy if Markdown would be supported too 😃

Edit your speaker notes with Markdown in our web open source editor

Synchronized content

Ever since I implemented the very first version of our remote control, we always thought that it would be just really cool to synchronize the content between presentation and controller. Guess what, we did it 😉

It’s worth to notice that the presentation don’t have to be published on internet in order to be synchronized. As for the connection and commands, it is performed through WebRTC and therefore work even if you run your presentation locally 😁

Note: this new solution is a **breaking change. It is automatically rolled out in our web editor but if you have already published a deck, you just would have to publish it again in order to upgrade it.

Synchronized content

New user experience

Although all functions (swiping the slides, drawing over the presentations, playing a video, displaying the notes, etc.) were implemented in the remote control, I never felt fully convinced by its UX. I was kind of ok with but had for months somewhere in my mind the idea that I needed to improve its behavior. The actions to trigger the swipe of the slides and to play video were too small, specially to be used during a talk, IRL. That’s why these were the main concern of the redesign and are now filling half of the screen size of the remote control 😊

Moreover, the speaker notes weren’t really cleverly displayed. That’s why we moved them to a new sheet component which could be opened with a “swipe up” gesture.

New user experience

Responsive design for tablets

Earlier October I attended the DINAcon 2019 conference in Bern. The speakers were presenting their subjects on a shiny stage, behind a stylish thin desk which aimed, I guess, to be discrete but on the other hand, they were still using a laptop to have a look at their talk and notes 🤔

Katariina Kari speaking about “Knowledge Graph” and having a quick look at her laptop at DINACon 2019 (source Flickr)

Suddenly it hit me: why not having a discrete dashboard displayed on a tablet instead of a laptop? I started to think about it and imagined that delivering a talk could be like being on the USS Enterprise bridge with all its commands to make it fly 🤣

If you read these lines I’m guessing that now you know why the cover photo is a bit inspired by Star Trek.

Moreover of the user experience, this new version of our remote control introduces a new responsive design which aims to implement this vision and aims to deliver all the information and commands needed to perform your talk with tablet devices or any browsers in landscape mode as support.

Inspired from the USS Enterprise bridge

Hello darkness my old friend

Last goodies, as we already did with our documentation for developers, we also rolled out a light and dark theme switcher 🌓

Switch between light and dark theme

Get Started Now

A picture speaks a thousand words — give it a try 😉

  1. Open the remote control on your phone or table
  2. Start a presentation on another device
  3. Have fun 🎉

To infinity and beyond 🚀


P.S.: Background photo of the cover by Cerqueira on Unsplash

Discussion (14)

daviddalbusco profile image
David Dal Busco Author

Merci Diane 👍

I tried the demo on my Mac with the scroll bar behavior set to "always" on faced "only" one scrollbar (better than three or even two 😉).

The thing is, it's already set to overflow: auto (see screenshot). As the content is bigger than its height aka as the content produces an overflow, having a scrollbar is correct right? or I'm missing something?

That being said, two scrollbars is definitely weird. I'm not sure how to reproduce this 🤔

daviddalbusco profile image
David Dal Busco Author

Agree with you, I think we have the same understanding.

Sure here's the link to the demo or the link to the specific page of the demo.

Are you still facing the issue?

Thank you for your time, really appreciated.

daviddalbusco profile image
David Dal Busco Author

That's so weird, as far as I know I didn't released, I think, something regarding this css 🤣 Maybe an old cache?

Anyway, that's super duper cool that you took the time to analyze this and I'm really happy to hear that it is solved (at least not two scrollbars).

That being said, I should keep that in mind and an eye on it! Definitely!

Again merci beaucoup, vraiment hyper cool 🙏

daviddalbusco profile image
David Dal Busco Author

Better than three 😅

Does it happens in a deck or in the remote? On which OS/browser?

I guess not Mac as I don't see any scrollbar in any of my test browsers. Thx for the feedback in advance.

pedroapfilho profile image
Pedro Filho

I told you that adding those tags would help! Congrats!

daviddalbusco profile image
David Dal Busco Author

Thx! Definitely a good idea 👍

patricnox profile image


daviddalbusco profile image
David Dal Busco Author

Thx Patric 🙏

daviddalbusco profile image
David Dal Busco Author

Weird. Cool if you could give it a try again on Windows with FF.

Keep me posted and again, merci beaucoup pour les efforts et le temps que tu investis, super sympa 👍