Code Block v2.5

Scroll Highlights

We've made Slides' built-in
code highlighting even better ↓

















Introducing automatic scrolling
to highlighted code ↓

















It's a great way to reveal and
focus on code incrementally ↓










             !         !
            ! !       ! !
           ! . !     ! . !
             ^^^^^^^^^^^
           ^             ^
         ^  (0)       (0)  ^
        ^        ""         ^
      ^    ***************    ^
     ^   *                 *   ^
   ^    *   /\   /\   /\    *    ^
  ^    *                     *    ^
 ^    *   /\   /\   /\   /\   *    ^
^    *                         *    ^
^   *                           *   ^
^   *                           *   ^
^   *                           *   ^
  ^ *                           * ^
   ^ *                         * ^
    ^ *                       * ^
     ^ *         ) (         * ^
         ^^^^^^^^^ ^^^^^^^^^

Code Block v2.5

Scroll Highlights

We've made Slides' built-in
code highlighting even better ↓

















Introducing automatic scrolling
to highlighted code ↓

















It's a great way to reveal and
focus on code incrementally ↓










             !         !
            ! !       ! !
           ! . !     ! . !
             ^^^^^^^^^^^
           ^             ^
         ^  (0)       (0)  ^
        ^        ""         ^
      ^    ***************    ^
     ^   *                 *   ^
   ^    *   /\   /\   /\    *    ^
  ^    *                     *    ^
 ^    *   /\   /\   /\   /\   *    ^
^    *                         *    ^
^   *                           *   ^
^   *                           *   ^
^   *                           *   ^
  ^ *                           * ^
   ^ *                         * ^
    ^ *                       * ^
     ^ *         ) (         * ^
         ^^^^^^^^^ ^^^^^^^^^

Tell us what to highlight and we'll take care of the rest

<section>
  <h2>Tabular Tables</h2>
  <table>
    <thead>
      <tr>
        <th>Item</th>
        <th>Value</th>
        <th>Quantity</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Apples</td>
        <td>$1</td>
        <td>7</td>
      </tr>
      <tr>
        <td>Lemonade</td>
        <td>$2</td>
        <td>18</td>
      </tr>
      <tr>
        <td>Hand Sanitizer</td>
        <td>$999</td>
        <td>2</td>
      </tr>
    </tbody>
  </table>
</section>

Combine with Auto-Animate to reveal code changes.

<section>
  <hgroup>
  <h2>Tabular Tables</h2>
  <h3>Works with Auto-Animate</h3>
  </hgroup>
  <table>
    <thead>
      <tr>
        <th>Item</th>
        <th>Value</th>
        <th>Quantity</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Apples</td>
        <td>$1</td>
        <td>7</td>
      </tr>
      <tr>
        <td>Lemonade</td>
        <td>$2</td>
        <td>18</td>
      </tr>
      <tr>
        <td>Hand Sanitizer</td>
        <td>$999</td>
        <td>2</td>
      </tr>
    </tbody>
  </table>
</section>

Outro

Available today.

Log in or sign up for free to try it out.

Available today.

Log in or sign up for free to try it out.

Copy of Code Block 2.5: Scrollable Highlights

By slivqa

Copy of Code Block 2.5: Scrollable Highlights

We've made our built-in code highlighting even better by automatically scrolling step-by-step highlights into view.

  • 235