<commit_before># <img src="https://cloud.githubusercontent.com/assets/7833470/10899314/63829980-8188-11e5-8cdd-4ded5bcb6e36.png" height="60"> Independent Research - Weekend Lab

**Objective:** Research a **front-end library or technology** we haven't covered in class, and use it to build a portfolio project. The goal is to add an additional project to your GitHub that shows off your creativity and front-end development skills.

## Examples

Here are a few popular libraries and technologies to you can consider using:

* <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial" target="_blank">HTML Canvas</a>
* <a href="http://www.chartjs.org" target="_blank">Chart.js</a>
* <a href="http://d3js.org" target="_blank">D3.js</a>
* <a href="http://masonry.desandro.com" target="_blank">Masonry</a>
* <a href="http://paperjs.org" target="_blank">Paper.js</a>
* <a href="http://wellcaffeinated.net/PhysicsJS" target="_blank">PhysicsJS</a>
* <a href="http://lab.hakim.se/reveal-js" target="_blank">reveal.js</a>
* <a href="http://piqnt.com/stage.js" target="_blank">Stage.js</a>
* <a href="http://threejs.org" target="_blank">three.js</a>
* CSS3 Transitions:
  * <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transitions" target="_blank">MDN Guide</a><commit_msg>add jquery ui draggable to examples<commit_after># <img src="https://cloud.githubusercontent.com/assets/7833470/10899314/63829980-8188-11e5-8cdd-4ded5bcb6e36.png" height="60"> Independent Research - Weekend Lab

**Objective:** Research a **front-end library or technology** we haven't covered in class, and use it to build a portfolio project. The goal is to add an additional project to your GitHub that shows off your creativity and front-end development skills.

## Examples

Here are a few popular libraries and technologies to you can consider using:

* <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial" target="_blank">HTML Canvas</a>
* <a href="http://www.chartjs.org" target="_blank">Chart.js</a>
* <a href="http://d3js.org" target="_blank">D3.js</a>
* <a href="http://masonry.desandro.com" target="_blank">Masonry</a>
* <a href="http://paperjs.org" target="_blank">Paper.js</a>
* <a href="http://wellcaffeinated.net/PhysicsJS" target="_blank">PhysicsJS</a>
* <a href="http://lab.hakim.se/reveal-js" target="_blank">reveal.js</a>
* <a href="http://piqnt.com/stage.js" target="_blank">Stage.js</a>
* <a href="http://threejs.org" target="_blank">three.js</a>
* <a href="https://jqueryui.com/draggable" target="_blank">jQuery UI Draggable</a>
* CSS3 Transitions:
  * <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transitions" target="_blank">MDN Guide</a>
{'fraction_non_alphanumeric': 0.17952468007312614, 'fraction_numerical': 0.029981718464351007, 'mean_word_length': 5.498812351543943, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 47, 'https://': 7, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6973460', 'n_tokens_mistral': 997, 'n_tokens_neox': 933, 'n_words': 201}