The latest articles on DEV Community by Drakso (@drakso). https://dev.to/drakso https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F52504%2F325f5a5a-6058-4ffd-8cc4-8fa3d62d2a79.jpg https://dev.to/drakso en Drakso Wed, 31 Jan 2018 12:03:34 +0000 https://dev.to/drakso/any-advice-on-building-my-first-javascript-library-4n7b https://dev.to/drakso/any-advice-on-building-my-first-javascript-library-4n7b <p>Hey guys, I wrote some code for better explaining and visualizing JavaScript code execution, showing what happens at a particular line of code. It turns out to be a pretty nice tool for presentations and teaching how javascript works, so I decided to make it a library. But I don't really have a clue what to actually do to make my code a library. If I only add my code on git, does it make it a library? What licence should I use? Are there some extra things that I need to worry about? </p> <p>If there are people that have experience on the matter I would really appreciate to hear some opinions and advice :)</p> javascript beginners Drakso Thu, 04 Jan 2018 12:03:48 +0000 https://dev.to/drakso/your-experience-with-embedded-js-code-snippets-4p3m https://dev.to/drakso/your-experience-with-embedded-js-code-snippets-4p3m <p>I am building a simple website with small but useful code examples of how javascript works for people that are new to the language. It is nothing fancy but I ran into the problem of showing lots and lots of code snippets on my page. Since there were many I needed to find the right service that would load a lot of code snippets FAST. I tried JSFiddle, GitHubGist and CodePen. These are my findings:</p> <p><a href="https://jsfiddle.net/">JSFiddle</a>:</p> <ul> <li>Simple and elegant design</li> <li>Nice code color theme</li> <li>takes two-three seconds for loading 10 snippets</li> <li>The link changes depending on the number of times you changed the snippet</li> <li>Nice and spacious UI for creating html, js and css at the same time</li> </ul> <p><a href="https://gist.github.com/">GitHubGist</a>:</p> <ul> <li>A bit bulky in design but can be edited with a <a href="https://github.com/blairvanderhoof/gist-embed">gist-embed</a> library</li> <li>Takes 1 second or less to load 10 snippets</li> <li>Does not have "Result" tab that shows compiled result of the code snippet</li> <li>Multiple files such as JS, CSS, HTML show as multiple snippets</li> <li>A very good and fast updating and tracking of changes system</li> </ul> <p><a href="https://codepen.io/">CodePen</a>:</p> <ul> <li>The slowest of the bunch ( for me at least ) 3+ seconds loading</li> <li>Nice way to toggle on or off code and see result</li> <li>Has a nice option of saving the code snippet as a gist</li> <li>Editable without extra effort ( external libraries )</li> <li>Lot of help while typing even if its not vanilla JS</li> </ul> <p>GitHubGist is not the prettiest and I really miss the "Result" button and the multiple screens for multiple documents, but I think I will use it for my project because it is the fastest and I can track and change my snippets easily. People can also contribute by directly sending changes or fixing some mistakes in the code. </p> <p>I would love to hear your experiences and thoughts on this. Also if you have any idea of a better service that is not mentioned above or a suggestion on how to use the above mentioned services better feel free to share it. </p> discuss webdev javascript