for the first example , a responsive progress bar should be a good example. in tedjs , we have access to all parts. in designing an element we have access to attributes , inner content and DOM properties, to create a fully responsive DOM. this example shows an small widget that can be created by tedjs. the Library tab is the main code of element. in the Result tab you can change the Range Input to change the bar and check the Inspector.
The Current Value is 4%
tedjs in addition to create elements , can create attributes for all or some mentioned tags.
this example is a simple attribute which validate an email in input tag and show an user inserted error at bottom of it.
in here has been used an other way to include the library to tedjs . (js tab)
you can read more about tedjs.export in document.
enter some emails to check the results.
Please Enter Your Email To Validate
this is the power of tedjs to be a platform. a platform to create your frameworks. All your thoughts can be easily implemented.
this example clearly shows what you can do. creating template engine can help client programming be more fast and will not decrease the SEO for using Custom Elements.
in here , we create an if...else statement block template with tedjs TextNode Engine.
it's so easy. test it ...
hello@else this is else data @endif
comments are not always important for users. It just helps programmers to understand what they do. Another point is that comments in client side programming like html will be ignored by Search Engines. so we can use them to store and retrive data that we do not want to be seen by search engines or users. In addition to the store and retrive data , you can process them to do what you want even showing them to users .
this is the p elementthis is the after p element
in tedjs in addition of DOM engine functions , most of needed functions also has been implemented. this functions are like css , selection of dom , data validations , .. and the animation function . animGraph is a engine that will evaluate callback in pysical enviroment on graph lines . you will find more informations in document.