Welcome to the new slide design! The new slide design not only has a pleasing new color scheme but some slick new features that allow more flexibility when designing video exercises as well. Read on to find out about how to update your course and what new features are available.


Why should I convert to the new slide design?

There are a number of strong reasons to take some time to update to the new slide design. Among them are:

  1. A better user experience for students, such as the ability to visually differentiate code input from output, adjust code font size, and full-width slides that increase the visibility of your content.
  2. Aesthetic improvements that will ensure your course looks modern and is consistent with the rest of our content library. Students rarely take a course in isolation, and thus maintaining a cohesive theme is key to a great learning experience.
  3. Updating now to the new slide design makes it so that no additional work will be needed when the brand refresh is rolled out in late 2020.

Getting Started

If you are reading this article, then you should have already been provided with a new branch of your course in the Teach editor with the new slide design enabled. If not, please create an issue and assign datacamp-contentquality in GitHub or send us an email at [email protected].

From here, it is a matter of systematically going through each video in your course and doing two things:

When you have gone through each video exercise to ensure there are no problems and that you have taken advantage of the new features, create a pull request on GitHub and assign @datacamp-contentquality as a reviewer. One of our Content Quality analysts will review and merge the content as quickly as possible.

  1. Checking for existing issues with your slides. The new branch will already have the new slides enabled, which will automatically have converted all of your content to the new design. Thus, there may be times when content no longer fits on the page correctly. In these cases, use the new features such as code zoom and image resizing described in the New Features section below can help you to resolve these issues.
  2. Making use of the new features to improve your existing content. Although there may not be any obvious issues with the content after it has been converted, the new slide design can vastly improve the experience for our students.
  • Formatting any code output as a separate colored code block.
  • Resizing content to be as large and clear as possible. The new code zoom and image resizing in particular can help guarantee that the images and code on the slides is more readable. In some cases, hiding the title can also help fit your content on the slide in an efficient manner.

Note: In R code blocks, the > sign should also be deleted before each line of input code if it was previously included.

When you have gone through each video exercise to ensure there are no problems and that you have taken advantage of the new features, create a pull request on GitHub and assign @datacamp-contentquality as a reviewer. One of our Content Quality analysts will review and merge the content as quickly as possible.

New Features

Full-width slides

Old slides:

New slides:

Enabling full-width slides is limited to admins only. To get full-width slides, contact your CD to request the creation of a new branch with full-width slides enabled.

Image resizing

You can now resize images IN THE EDITOR!!! Image resizing uses a specific Markdown syntax (see below) that requires you to scale the image to resize, i.e., the default image size is 100%, to reduce the image to 50% of its size, add  = 50  to the end of the image's URL within the Markdown. The spaces surrounding the equal sign are required.

![Alternative text](link_to_image = 50)

Code output formatting

Clearly and cleanly separate code input from code output using colored code blocks.

The following syntax highlighting achieves the above results. Notice in the second code block that python is replaced with out. The out formatting works with all technologies (Python, R, SQL, etc.).

```python
# range(start,stop)
nums = range(0,11)
nums_list = list(nums)
print(nums_list)
```{{1}}

```out
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
```{{2}}

Note: Currently, a line break between the two code blocks is required to gain this functionality. 

Code zoom

So you're missing just a bit of content from your slide? Use the "code zoom" feature to decrease the font size of your code. Code zoom is located below the script field.

Warning: Use code zoom sparingly and conservatively. Using a code zoom below 80 can lead to very small font that will not be easily viewable on a 13" monitor (which our platform targets).

Optional title field

Do you need a bit more space on your slide? Is the slide title redundant information? Is content cut-off? Click on the "Hide title from slide" checkbox below the title field.

Before:

After:

Did this answer your question?