Warning: letsGo is still pre-version 1.0.0. Please excuse this documentation as it evolves with the product.
What is letsGo?
letsGo is available now and is functional, however the code will still be gaining some features, so the parameters for the function are subject to change. Once the parameters and functionality is finalized, the code will hit 1.0.0.
Why We Created letsGo
We have run into a handful of situations where we just simply wanted to add some nice CSS transitions. Unfortunately, regular HTML seems to be deprived of this, so we aimed to remedy this problem. We created letsGo because we wanted to create a lightweight framework that features powerful HTML extensions without the weight of a full framework such as Angularjs or Vuejs.
npm install letsgo
bower install letsgo
Download a letsGo .zip via GitHub, then place the unzipped folder inside of your project's folder.
You will need to pick out the version of letsGo you would like to use, most likely the latest. A list of all releases is available on GitHub.
If the command in use is either 'add' or 'remove', then an attribute to be added or removed is required. If the command is 'toggle' then it will just alternate between show/hide unless an attribute is declared. Can either be a class, id, or attribute.
If set to true, this command is added to a queue. It will only run after every other command in the queue ahead of it finishes. Defaults to false.
Examples: true, false (default)
// insert comment for specific example
<div onclick="letsgo(.info-box-div, add, .blue-background, true)"></div>
// Insert comment for specific example
<div onclick="letsgo(#side-bar-menu, hide, false)"></div>
With letsGo the animations themselves are handled completely by CSS. The animations can be done via a CSS Animation or CSS transition. By using letsGo, certain classes are added to the element being altered in a specific order, allowing you to do the CSS animation.
Classes Added Order
Here is an example of the classes added when adding a class. For this example we are adding the class '.kitty-cat'.