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.

Code Block 2.5: Scrollable Highlights

By Slides News

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.

  • 15,874