Extracting javascript/framework and/or css style of underlying dashboard - javascript

I would like to know how I can extract the framework of a specific dashboard on a specific site: https://tradytics.com/overall-market. I like their UI very much, especially the sidebar and the theme in general. I would like to know how to recreate this, but since I have no working knowledge in javascript I don't know how to go about this. I know about the chrome developer console which gives me quite some information on the structure already, but I really want to extract it as some theme or transfer this to dash (in python) manually. How do I go about this?

Related

Custom Web Component with React?

never asked a question here as usually I would find all my answers by just putting the right search query in. For right now, I'm not even sure I am looking towards the right direction and how possible is what I'm wanting to do..
Sadly, we do not really have a senior enough FE engineer in the team I could talk to.
The problem: my company wants to build a widget that they would be able to share with our 3rd party partners - basically give them a JS code snippet / HTML they would embed on their website and have it branded in their ways + for them to have some control to configure that widget. Just the way e. g. Intercom (or other help / support chats work when you want to integrate with them). So what you share is a JS (and maybe a CSS file) from your CDN + some code to embed on their website, needs to be platform-agnostic.
That's why the solution I came up with, was build a custom web / HTML component, having like a custom tag with some custom attributes like <my-component my-attribute1="" my-attribute2="" ... > bundled into a plain / vanilla JS file we could share with them.
Our current website (and the functionality we'd like to reuse this way) is built in React + NextJS. Am I on the right path / is it even possible that we wrap what we currently have (JSX React Component) in this custom HTML element and bundle it into a JS we could give to them?
I've gone through tons of online articles and even tried things in the sandbox, one thing I still cannot get right is - will they need to still reference React resources, how do I make it a separate / distributable bundle which is relatively small (we are using nextJS build + webpack), has someone ever done a thing like that before, what issues did they face and was it even worth it?
Another option is embed it all in an iframe referencing our URL with that functionality on a partner's website, which could be ugly, much less customisable + a whole bunch of security concerns...

Creating a website for a blogger and give admin rights

I want to create a website (using HTML, CSS and JavaScript/Jquery) for a blogger. However, she intends to change the content and color of the page pretty frequently, without asking for my help everytime.
I know how to create Login credentials to allow a specific user to modify the page (background or innerHTML), but I do not know how to upload these changes to the server directly from the website page.
Any help would be great.
It might be worth looking into getting a content management system like Wordpress (PHP) or Umbraco (C#.net), you can code the site design then she can log in and change the content. You will have to code in functionality to change colours and whatever else she needs.
The best way to go about this would probably be to use an existing CMS (Content Management System), like Wordpress or Joomla. You will have to research the options yourself.
Even this might be overkill if all she wants is a blogging tool, it all depends on the requirements (maybe a custom theme for a bogging site would do). In any case, while it is certainly not as much fun as building something new, the existing CMS tools and blogging tools have been around for a long time and has been meeting the needs of bloggers and people who need to update websites without technical skill for a very long time.
So, my recommendation is to find a good tool, get yourself acquainted with it and learn how to customize it to fit your clients' needs, then use that.

Best API/code library to build a timeline/chart

I'm reaching out for some advice on the best API/code library to use to build an interactive timeline/chart. I have included an example image below. The idea would be that you have a key, and clickable elements along a path/line that pop up/out when interacted with.
I have a lot of experience with Google Maps API, but this is quite clearly something a little different. Would you suggest ChartJS? Or something else? Just trying to get some background/research.
Do let me know if posting this on SO was the wrong thing to do.
Take a look at D3J or Dojo. They are both JavaScript libraries for data-driven and data-centric front-end applications.

Display Comic Book files on a webpage?

I'm thinking about creating a webpage and I'm trying to brainstorm some ways to display them in the page.
If i wanted to get dirty and create everything myself, i think i could do it with html5, CSS3, and javascript/jquery. Just do some kind of page buttons with an image tag and maybe get into some more detailed stuff as it comes up (i dont know how i would do zooming and multiple pages).
But wahat i really want to know is if there is already some way to do this? I've looked around for a bit and cant seem to find any sort of plugin that would read a cbz file or display an set of images with the 'e-reader' type of tools in mind. Just wondering if anyone knows of anything?
Thanks
I used to use an online reader for a long time so I started an experiment to build one myself a while back: netcomix
It's open source so you can see if you find anything appealing in what I did. I figured I'd do all the real UI work client side with HTML, CSS, and JavaScript and the server was strictly responsible for acting as a service (for example, to supply a list of comics or a list of all the pages in a particular issue) and serving up the individual JPG/PNG/GIF files. That compartmentalized things nicely and I was very pleased with how jQuery BBQ gave me a history that I could back through even though I stayed on one page the whole time.
Now if I were to do the same experiment again, I'd use Backbone.js to give some structure to the client side and obviously it needs a lot of love because the server side really does nothing at the moment. Early versions were strictly hard coded although I started putting in some simple SQL stuff in there in the latest version. It's nothing more than an experiment though and should be treated as such. It's there for ideas and little else. If you find it interesting and want some more ideas contact me and I'll be happy to let you know all my wacky ideas for such a program.
I know this is an old question. But web technologies have gotten better in the last few years. There are several comic book readers that can work in the browser using pure HTML and JavaScript. I wrote one called: http://comic-book-reader.com .
If you want to see a very simple example of how to read CBR and CBZ files in the browser. You should check out http://workhorsy.github.io/uncompress.js/examples/simple/index.html which uses the JavaScript library https://github.com/workhorsy/uncompress.js

webpage templates vs building from scratch

I want to build a website which will accommodate the basics like a navigation bar and contact form, ect. I was wondering what the best way to go about this is. I would want to be able to make any layout I want, (which theoretically I could do with css,) like make it look like http://www.jquery.com or http://www.sciencedaily.com or even http://www.stackoverflow.com .
Whats the best method to do this? Should I use Joomla (which I'll need to learn), some site builder (which I'll also need to learn), some template, or just make it from scratch?
Keep in mind I want to be able to add js code and be able to easily add new features and options.
It depends on your experience and effort. Of course building from scratch is the best option if you want to build the thing that you want it to be. But it also take time and skill and effort to build such website (HTML, CSS jQuery etc.)
Choosing website template is just for people who don't have time or expertise on the field.

Categories

Resources