CHRISTIAN BASILE

Check out some of my projects by navigating below. If you would like to see a more in-depth description of the projects or possibly use them, then click the repository links next to the titles.
Description:

Small JS/CSS library that enables one to navigate through 'pages' on a single webpage.

Code:
<div class="pages">
  <div class="page">
    Page-1 content goes here...
  </div>
  <div class="page">
    Page-2 content goes here...
  </div>
</div>
Demo:
Page One
Page Two
Page Three

Jsonformgithub-repo

Description:

Small JS/CSS library that simplifies the creation of formfields using JS.

Code:
<form id="myform"><form id="myform">
...
<script>
   var config = {
    "First Name: ": {"type": "text",
        "placeholder": "my name",
        "default": "John",
        "id": "myName",
        "required": false
    },
    "Age: ": {"type": "number",         "placeholder": "my age",
        "default": "21",
        "id": "myAge",
        "required": "false"
    }};
  var form = new JsonForm(config);
  document.getElementById("myform").innerHTML
    += form.innerHTML;
</script>
Demo:
The form fields below were generated by json code like on the left.

Searchgithub-repo

Description:

Small JS/CSS library that adds efficient and customizable search functionality to a search-field.

Code:
<input type="text" id="someUniqueId" />
...
<script>
  function callback(result) {
    return new Promise(
      function(resolve, reject) {...}
    )
  }
  srch.setup("#someUniqueId", callback)
</script>
Demo:

start to type out a single digit
* notice the intentional delay
* this will limit server requests
   thereby saving wasteful network
   usage