Category: Web
-
Stacks of Web Developments for Numerical Simulations
There are many different combinations of technologies that can be used to build a web application, and these combinations are often referred to as “stacks”. Some common web development stacks include: These are just a few examples, and there are many other possible stacks that can be used for web development. The specific stack that…
-
How to Enable webgui_jupyter_widgets and Make Webapp from *.ipynb File
webgui_jupyter_widgets is a package that provides tools for building web GUIs using Jupyter and the ipywidgets package. It is built on top of the ipywidgets library, which provides a set of interactive HTML widgets for use in Jupyter notebooks and the JupyterLab web-based development environment. webgui_jupyter_widgets extends the functionality of ipywidgets by providing additional widgets…
-
Required Packages for Webapp based on Jupyter Notebook and NGSolve Webgui
To use NGSolve with a web GUI, you will need to install the following Python packages: To install these packages, you can use pip, the Python package manager. For example, you can install the ngsolve package by running the following command: You can install the other packages in the same way. webgui_jupyter_widgets is a package…
-
Websites Development from HTML, CSS and Javascript : (4) Using Linear Algebra Library
There are several linear algebra libraries available for JavaScript. Here are a few popular ones: You can find more information about these libraries, including documentation and examples, on their respective websites. Here is an example of how you can perform some simple linear algebra operations using the linear-algebra library: This code creates a 2×2 matrix…
-
Websites Development from HTML, CSS and Javascript : (3) Make Triangle at Website using WebGL
Here is an example of an HTML page with two tile-style buttons and a 3D view using WebGL: The first button has an onclick attribute that calls the displayDate function, which displays the current date in an alert box. The second button has an onclick attribute that calls the drawTriangle function, which gets the canvas…
-
Websites Development from HTML, CSS and Javascript : (2) Dividing Html File to HTML, CSS and Javascript and Service the Website using Flask
You can divide your HTML, CSS, and JavaScript code into separate files and link to them from an HTML file. This can make your code easier to organize and maintain. To link to a CSS file from an HTML file, you can use a link element in the head section of the HTML file, like…
-
Websites Development from HTML, CSS and Javascript : (1) Hello world and simple button
Here is an example of a “Hello, World!” program in HTML: To create an HTML file, you will need to use a plain text editor, such as Notepad on Windows or TextEdit on Mac. Save the file with an .html extension, then open it in a web browser to see the result. Here is an…