Introducing New.js

New tags and few classes are introduced here, let me explain all of these ones by one.
  1. <new-h1> The very first tag, similar to <h1> in HTML but differs in UI, this will provide you the best suitable interphase for a good UI, if you will put any content inside it, followed by its closing tag then the color of the content will change every second up to infinity.
  2. class="b1 to b9", 9 new classes to use for any div, a new background pattern will be provided to the div which will have any class from b1 to b9.
  3. id="new-back-1" Similarly for the background of the page you have to assign "new-back-1" id to the body and there are 9 id's for that, same as the class. And these varies from "new-back-1" to "new-back-9".
  4. <new-text> what it does, is similar to that of the <input type="text" />, but it is with strong HTML5 validations already, so anyone can use it inside a form tag.
  5. <new-password> what it does, is similar to that of the <input type=" password" />, but it is with strong HTML5 validations already, so anyone can use it inside a form tag.
  6. <new-passconfirm> what it does, is similar to that of the <input type="password" />, but it is with strong HTML5 validations already and matches the password with <new-password> tag. so anyone can use it inside a form tag to get the frequent output with strong form validations.
  7. <new-search> what it does, is similar to that of the <input type=" search" />, but it is with strong HTML5 validations already, so anyone can use it inside a form tag.
  8. <new-submit> what it does, is similar to that of the <input type="submit" />, but it is with strong HTML5 validations already, so anyone can use it inside a form tag.
  9. <new-select-input> The most interesting and powerful tag introduced here is this one. you do not need to write select and options for each, just write values to be assigned to the options separated by comma (eg: 1,2,3,4) and close the tag then. You will automatically provide a select tag with datalist, in which you can select and type as well. Also, it has strong HTML5 validations inside a form tag.
  10. <new-email> what it does, is similar to that of the <input type="email" />, but it is with strong HTML5 validations already, so anyone can use it inside a form tag.
  11. <new-url> what it does, is similar to that of the <input type="url" />, but it is with strong HTML5 validations already, so anyone can use it inside a form tag.
  12. <new-url> what it does, is similar to that of the <input type="phone" />, but it is with strong HTML5 validations already, so anyone can use it inside a form tag. Also, it does pattern matching for a phone number and restricts fake phone numbers thus.
You can check Demo.html page for a quick Demo or go to https://github.com/abhishekvats/new.js