Amazing Hacktoberfest 2020 — Thanks To Our Contributors ❤️

The outcome of all amazing contributions to DeckDeckGo.

Image for post
Image for post

Display Regions

We aim to be transparent. That’s why we are listening publicly each and every third party services we are using.

Image for post
Image for post

Auto Slide

Being able to loop a presentation and make its slides swipe automatically for showcase purpose war requested since more than a year.

Image for post
Image for post

Version And License Badges

Akash Borad (Twitter / GitHub) is a long time contributor, therefore we should not just thank him for having added badges to all our mono-repo READE.md files but also for his constant help and support.

Image for post
Image for post

Script To Remove www Before Build

We had an issue when our editor was build locally if the www (output folder) was not cleared first. Akash provided a script to automatically process this step.

Border Radius

Thanks to the many (yes many, not just once) contributions of Thomas Ledoux (Twitter / GitHub), a front end developer from Belgium, the elements of our users’ slides can now be styled in new ways, such as modifying their border radius.

Image for post
Image for post

Letter Spacing

Useful specially for titles, Thomas added another style option to modify the letter spacing of elements.

Image for post
Image for post

Colors History

To be honest with you, the color picker used to not be my favorite part of our editor, I always thought that it should be improved. Fortunately, thanks to a full rewrite of the component and enhancements provided by Andreas Moldskred (GitHub), in order to keep track of the colors used among slides, and Jonathan Wagoner (GitHub), to display the focus on selected state, it is now more convenient than ever to work with.

Image for post
Image for post

Standalone Pager Web Components

Our presentations used to display a “pager” in the bottom left corner (“Page 1 on page XY”). This default display was turned optional a couple of months ago, when I noticed I rather liked decks without these 😉. Nevertheless, it remained in our core Web Component.

Full Screen Bottom Sheet

Together with the help of Andreas, we have redesigned the editor’s actions when displayed in full screen mode. The goal of this change was to make the tools less predominant when users are actually not editing their slides but rather moving their mouse while presenting.

Image for post
Image for post

Style List Items

Thanks to a feature provided by Koushtav Chakrabarty (GitHub), users can style the items of their ordered or unordered lists.

Image for post
Image for post

User Experience

Generally speaking, through Pull Requests or discussions and thus since many months, Roy (Twitter / GitHub), a font end developer from the Netherlands, helped and made our editor more accessible to anyone.

Optional Chaining

In addition to the UX improvements, Roy also refactored the editor to introduce optional chaining through seven Pull Requests!

Overflow Hidden

I particularly like this bug fix provided by Betina Zhou (GitHub).

Image for post
Image for post
Image for post
Image for post

Prompt To Reload

Slides published with DeckDeckGo are Progressive Web Apps. To make readers aware if new versions of the decks they are reading have been published, Akash provided a prompt to reload for all our kits.

Image for post
Image for post

Word Cloud

I once saw a tweet of Michael D. Callaghan which gave me the idea that it would be nice to be able to generate on the fly “word of cloud” in presentations.

Image for post
Image for post

Box-Shadow

Thomas was eager to add many new sweet styling options. Thanks to another of his contributions, users are able to set box-shadows for elements of their slides.

Image for post
Image for post

Waves

In addition to horizontal transitions, presentations made with DeckDeckGo can newly be swiped vertically or scrolled with a new mode we called “Papyrus”. These two new animation made the slides looks like a bit more like landing pages. That’s why adding “waves” to their background feels almost natural.

Image for post
Image for post

Workbox v5

In addition to his “word cloud” contributions, Achilles even took the time to migrate our editor from Workbox v4 to v5, something I was hoping to solve for quite a while.

Active Slide Number

Another nice UX improvement was submitted by Rodolfo Nei (Twitter / Github). Wich such enhancement, the number of the active slide is displayed in the toolbar breadcrumbs and, hopefully, makes the user more aware of the progression in the presentation.

Image for post
Image for post

Medium Profile URL

One of our component takes care of rendering social links. As I noticed that Medium changed their profiles’ URL, I opened a feature request which was then solved by Sai Bhargava Ramu (GitHub).

Markdown

I have to include a final feature which was developed during last October. Christian Petro (GitHub), from Slovakia, has provided this week a full new standalone Web Component developed with Stencil to bring the Markdown support to our editor.

Summary

Hacktoberfest 2020 has really surpassed my expectations and, I am so grateful so many contributors helped us bring our editor for slides forward.

Freelancer by day | Creator of DeckDeckGo by night | Organizer of the Ionic and IndieHackers Zürich Meetup

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store