<commit_before># Codelabs

This repository contains getting started codelabs for the Web Animations API.

* [Web Animations Transitions and Playback Control](io2015)

  Learn how to use the Web Animations API to enhance a single-page HTML website, adding transitions between content and an effect based on the scroll position of the page.

* [Icon Popups](iconpopups)

  Use the Web Animations API to enhance a menu containing icons, with an effect inspired by Android's homescreen folders. You'll use animations, groups and learn about playback rate.

## Learn More

If you'd like to learn more about the Web Animations API, try these resources-

* Read the [#animations updates on Google Developers](https://developers.google.com/web/updates/tags/animations) and  [https://developers.google.com/web/fundamentals/look-and-feel/animations/?hl=en](Animations on Web Fundamentals)

* Check out the [Web Animations Demos](http://web-animations.github.io/web-animations-demos/), hosted [on GitHub](https://github.com/web-animations/web-animations-demos)

* Use the [W3C specification](https://w3c.github.io/web-animations/) for reference

* Watch these videos-<commit_msg>reorder resources<commit_after># Codelabs

This repository contains getting started codelabs for the Web Animations API.

* [Web Animations Transitions and Playback Control](io2015)

  Learn how to use the Web Animations API to enhance a single-page HTML website, adding transitions between content and an effect based on the scroll position of the page.

* [Icon Popups](iconpopups)

  Use the Web Animations API to enhance a menu containing icons, with an effect inspired by Android's homescreen folders. You'll use animations, groups and learn about playback rate.

## Learn More

If you'd like to learn more about the Web Animations API, try these resources-

* Read [Web Fundamentals - Animations](https://developers.google.com/web/fundamentals/look-and-feel/animations/?hl=en) and the [#animations updates on Google Developers](https://developers.google.com/web/updates/tags/animations)

* Check out the [Web Animations Demos](http://web-animations.github.io/web-animations-demos/), hosted [on GitHub](https://github.com/web-animations/web-animations-demos)

* Use the [W3C specification](https://w3c.github.io/web-animations/) for reference

* Watch these videos-
{'fraction_non_alphanumeric': 0.09110350727117195, 'fraction_numerical': 0.0051325919589392645, 'mean_word_length': 4.936548223350254, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2287244', 'n_tokens_mistral': 680, 'n_tokens_neox': 656, 'n_words': 247}