Template for a better presentation

Tips for accessibility and readability slides

React Brasil
React Brasil
Published in
2 min readSep 30, 2017

--

Template Google Slides

For a better accessibility of all live attendees or understanding of post video coverage audience, we’ve collected some researches and encourage you to check your keynote to assure readability, big size typography, contrast colors and accessibility.

Note: This is not required. It is just a suggestion ;)

We create a presentation template example for a better view at React Conf Brasil 2017. You can access the Google Slides at:

or here:

How to highlight your syntax with code formatting

1 — First, you need access Google Docs:

https://www.google.com/docs/about/

2 — Install this plugin:

https://chrome.google.com/webstore/detail/code-blocks/ebieibfdjgmmimpldgengceekpfefmfd

3 — Paste you code in new document without formating, Select all code, change font for “Roboto Mono Normal”, font-size 14 and click in Complements -> Code Blocks -> Start. Select you Language, theme: “atom-one-dark” and check flag “No Background”. Press format and the page happens.

4 — Copy all code and paste in Google Slide using layout “Code — With Google Docs”

Example of code format result:

This code was generated with Code Blocks Add-on

--

--

React Brasil
React Brasil

Comunidade React Brasil, organizadora da React Conf Brasil, rede de Meetups React