Front End Demo Tool website

Recently ready to write a blog, write a series of front-end blog, summed up the recent learning.

The front-end things are relatively superficial, but more and more complex, if the back-end theory can barely be called science, the front-end can only be said to be technology, skills, not much deep-seated thinking. This technique requires a lot of the examples that are seen, so look at it, so look for a few examples of online demo, registration used to engage in the morning.

1.Codepen

This site I personally prefer, relatively concise and friendly. I made an example to try the effect:

Its edit page is as follows:

After doing a good example, just click on Share, select Embed, click on the iframe generated IFRAME code, copy it and put it in your own code is OK. (PS: When writing an example, you can easily load JS library frame and so on, the popular basic are: Jquery,argular,backbone,zepto ...)

2.jsbin

This is a casual look, similar to the above.

3.runJS

We all know the reason, the foreign site because the wall filter rules to waste time, so the building association slower .... Come here, this is a website of the same function in the country. The goods of the interaction is still possible, the UI feel bad, but the use of feeling very convenient, may be less function, there is no many interactive branches of the reason it.

Front End Demo Tool website