Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I would like to know whether github support common Jekyll plugins like those used for code minification, concatenation, uglification etc, as a part of learning Jekyll. I'm planning to host my site in GitHub.
This might be a very basic question, but being a newbie to Jekyll, please help me to know about this.
Short answer: No, but you probably won't need it to.
The "No" Part
Github supports those plugins supported by the Github pages gem. See here: https://help.github.com/articles/adding-jekyll-plugins-to-a-github-pages-site/
The supported list evolves, but the current list can be seen here: https://pages.github.com/versions/
I understand the tasks you are after are not supported by any of those at the time of writing.
The Other Part
The way most people use Jekyll means you do not need Github to do the processing.
The process is normally:
Create on your computer a local git clone repository of the repository on Github.
Do your work locally where the plugins will work - or any grunt / gulp tasks you will probably end up using instead.
Then push the updated files back up to github - allowing the now "processed" contents of _site folder to be hosted on github pages and telling github NOT to re-process your files again using jekyll by including an empty .nojekyll file in your root folder.
Others will explain it better than I, but that is the general gist.
Have fun!
EDIT: Updated per #David Jacques comment
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
I've been looking for a VS Code / Git extension, add-on or anything that can help me prevent but to also identify code that is already repeated so I can abstract it away and reuse it.
You know, maybe even build a library for the darn app but I haven't found anything useful and fresh yet.
There is, but it is not free. WebStorm IDE or any there JetBrains IDE show code repetition and also give you a very good insight into your code. you can try it for free for 30 days and if you liked it then buy it.
WebStorm - The smartest JavaScript IDE
Sonarlint is one of the best tool. It says code duplications and makes sure the code is good shape based on the best practices. You can also add that as a plugin in the VS Code.
SonarCube is the actual product you are looking for, it provide lot more than code duplication details.
Sonar Cube will do following things for you
Code Quality Check, it actually analyses your entire code and provides you information about Bugs and vulnerabilities
it also provides you code coverage on new-code which get pushed
it provides you information and graphs about code coverage, bugs etc.
it provides you information about code duplication
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
I'm trying to speed up my website. I used www.unused-css.com/ to trim away excess CSS, but I cannot find anything similar for JavaScript. Is there an online service that can detect the js code being used and then trim away the unused code?
Here is the website with the problem: IQ Tests for Kids
I'm using bootstrap code and it is very bloated. I'm sure that I'm only using a fraction of js because I trimmed down my HTML as well.
The best you are going to get is running the JavaScript itself through a dead code removal process, such as the one provided by the Google Closure Compiler with ADVANCED_OPTIMIZATIONS enabled or Uglify's dead_code option. Some people even combine both of these.
Tree shaking is an even better process you will hear people talk about. But this is more difficult to achieve in your case, because tree shaking involves using ES6 modules, which the code you are dealing with almost certainly is not. Thus it would be a lot of work to get that going, as you would have to modify the code.
Don't know any online tool for that, but there are techniques to do what is called "tree shaking". You can google about it more.
Best my used tools to have it working are webpack and Flow
Webpack is quite general tool to make all kind of magic with JS, while Flow is type checking tool which, if you have type checking active can provide very good tree shaking.
But as you mentioned, you are using Bootstrap, so best place to start looking at would be customize your build:
http://getbootstrap.com/customize/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
me and my friend have this develop a game in 18 hour competition on friday, and we have to use javascript (I don't know why) and it isn't very pleasant to work on the same project from two computers and exchange code over a network share folder, is there any way to have a sort of Google docs for javascript coding? Where we can both edit the same document in real time from two different computers? Any time appreciated.
You're referring to "version control".
A good tool (usually the de-facto) for that is Git.
You can then push your code to something like GitHub.
Lots of stuff you can do with this... You can both have individual branches, push them to GitHub, and then "diff" them, meaning you can see individual changes line-by-line and decide what you want to keep or discard. These can be merged to, say, a master branch which represents your final product.
use some sort of source control! Github is an excellent site to use GIT with. Other options include, but are not limited to, SVN and mecurial
SVN, GitHub, TFS are good tools for source control. They will also provide you the ability to check in/check out so that things can be merged in the background. So, if you and your friend are working on the same file and both commit the changes, they would be merged together. However, if you're wanting to see your buddies changes as he types, you're going to need to write something to do this. If you want this type of functionality, there's a cool library out there called signalR (http://signalr.net/). This may be a little overkill but I don't know any text editors out there that will allow you to see someone elses changes as they type. You could probably spin something up with ajax calls but again, that would be overkill and performance would be an issue.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Recently I started reading about Smalltalk and its way of development and I was quite impressed. I was wondering whether there is some sort of library that makes possible the same way of development in JavaScript. I found some libraries but they just reload the page or restarts a running node.js server. I'm interested in both client side and server side JavaScript libraries. Amber Smalltalk is nice but I'm looking for a way to do the same in JS.
Edit: I'm looking for some sort of live editing of objects and prototypes and saving the changes to a file, or changing the contents of a file and the added methods are propagated to a running page or server. All this placed in an IDE similar to that of Pharo. What I found is that Meteor and Brackets support some kind of this functionality (live editing going from a source file to a browser).
You should have a look at "Lively", a project providing a Smalltalk-like environment in JavaScript:
http://lively-web.org/
It was initiated by Dan Ingalls, implementor of the original and later Smalltalks.
You can find an earlier version and some additional resources at http://lively-kernel.org/
There is also morphic.js, by Jens Mönig, which is the engine powering the Snap! graphical language/environment:
https://github.com/jmoenig/morphic.js
It is not client+server, but it is really easily portable to NodeJS.
Checkout LiveReload.js. Allows you to write javascript and changes are updated in realtime without refreshing the page using the LiveReload protocol.
Take a look at SqueakJS:
SqueakJS executes Squeak in a web page without a plugin. It is a fully
capable virtual machine implemented in pure JavaScript running
unmodified Squeak images. Squeak is a modern implementation of
Smalltalk, the original dynamic object-oriented programming
environment. It runs bit-identically on virtually any platform, and
now in the web browser, too.
https://bertfreudenberg.github.io/SqueakJS/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
Inspired by Dave Ward to host javascript files externally, I have several questions concerning the hosting of Javascript files externally:
Everybody knows that known libraries can be directly sources to, for free:
//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js
//ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js
The scope of this question however focuses to hosting custom javascript files externally:
Q1. Is it possible to host private JavaScript files on a fast free public CDN?
Q2. Are there any speed penalties or is hosting on third party CDN practically always better?
Q3. Are there any safety risks involved in hosting custom JavaScript files externally?
Thanks to 13 people who have favorited this question, I am reopening this question! As of 2021, lightning fast websites (with all their JavaScript components) its more important than ever before to gather a collaborative understanding of objective ways to speed up page load. Untill this question is reopened, feel free to comment below your answer/suggestions to the three questions!
jsdelivr is a free, fast and reliable service to host your javascript files on a CDN.
The file should be on github repository first, then use the following format to use the CDN:-
https://cdn.jsdelivr.net/gh/user/repo#version/file
In the above format replace user with your username on github, repo with repository name and version with the version of your repository
You can use this CDN service for hosted anywhere like npmjs.com or even on your wordpress sites using their plugin.
Please visit the website for more information and to know how it works.
EDIT: as of 2021-07-10 this feature doesn't work at codepen anymore.
codepen.io allows you to host some js files without registration. Once you have an anonymous codepen saved the js part of it is available by just adding a .js at the end of your url.
I'm using http://yourjavascript.com for 3 years and happy with their free service.
You can use CoralCDN which is a free cdn. It is unlikely to be as fast as Google's but it's free!
If your script is hosted on Github or NPM, I would suggest jsDelivr. It even allows you to target a specific version, or minify your scripts.