JS on Windows 8: Disable Auto-Restart after Updates feature.
Z on JavaScript – Remove XML-invalid chars from a Unicode string or file.
Helder Alonso on Resize-Extend a disk partition with unallocated disk space in Linux – CentOS, RHEL, Ubuntu, Debian & more.
Bootstrap studio review 2016 how to#
a on Windows – How to list all Services using CMD and Powershell.
Niraj on 10 Great Outdoor Logos for Your Inspiration.
Learn how to build next-gen Web Apps and Microservices with a Full-Stack approach using the most advanced front-end and back-end frameworks available today! Categories
Add the following lines to the section of your main index.html file:.
In our example, we’ll just assume that the popper.js library is being stored on the /src/contents/popper.js/1.14.3/ folder.
(Optional) Repeat the above two steps for popper.js, an open-source library package that Bootstrap internally uses for dropdowns, tooltips and popovers displaying and positioning: it’s not required, unless you don’t need these features.
Bootstrap studio review 2016 download#
Manually download the latest Boostrap redistributable package from the Bootstrap official website‘s download page and unpack them to the /boostrap/ folder created above: again, it’s advisable to store each version within a separate folder, such as /4.1.3/ in our scenario.
That folder will contain Bootstrap CSS and JS files.
Create a suitable dedicated folder within your Electron project, such as /src/contents/bootstrap/ (assuming your main index.html page is in the /src/ folder).
If you need to know more, visit its official website and the Bootstrap Wikipedia entry.Īt the time of writing the latest general available version of Bootstrap is 4.1.3: we’re going to add this version to our Electron application. Bootstrap is an open source toolkit for HTML, CSS, and JS development its most notable features include: Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery. In the unlikely scenario you don’t know it, we’ll briefly introduce it as well. Let’s now see how to add Bootstrap, also known as the most popular HTML, CSS, and JS library in the world – as said by the Bootstrap official website.
Add the following line to the section of your main index.html file:Īgain, in case your Electron application has multiple html pages, you need to add the above line within any other jQuery-enabled html file.
Manually download the latest jQuery redistributable package from the jQuery official website‘s download page and unpack them to that folder: it’s advisable to store each version within a dedicated subfolder – for example, /3.3.1/ for the currently latest version.
Create a suitable dedicated folder within your Electron project, such as /src/contents/jquery/ (assuming your main index.html page is in the /src/ folder).
The most straightforward method to add jQuery to your Electron application is to perform the following steps: In the unlikely scenario you don’t, we strongly suggest to take a look at the jQuery official website and to the jQuery Wikipedia entry.Īt the time of writing the latest general available version of jQuery is 3.3.1: we’re going to add this version to our Electron application. Let’s start with jQuery, the “write less, do more” Javascript library created by John Resig: you most likely know it, since it’s one of the most popular client-side libraries since years. In the following article, assuming you already went through that and therefore you already have an Electron project, we’ll briefly explain how to add JQuery and Bootstrap to that project. The project is developed and maintained by GitHub and runs using Node.jsruntime for the back-end part and Chromium for the front-end.įor additional info regarding the Electron framework and a simple guide to setup a “Hello World!” project tutorial with Visual Studio 2017, we strongly suggest to take a look at this post. To put it in other words, it allows web developers to use their existing knowledge to create native desktop clients for the most used operating systems – including Windows, Linux, MacOS and so on. For those who don’t know it yet, we’ll briefly recap what it is: Electron – formerly known as Atom Shell – is an open-source framework designed to build desktop GUI applications using HTML, CSS and JavaScript. We already talked about Electron a number of times, as it’s one of the most interesting development frameworks available nowadays.
0 kommentar(er)
