frontend

I am trying to create a web application that allows users to create and share Jupyter notebooks. Currently, I have JupyterHub up and running and am able to spawn new servers for individual servers. However, I do not know how to embed a Jupyter notebook into a html page. I have tried nbconvert, but that gives me a static rendering of the noteboo. What I need is a dynamic notebook that users can edit and run. I plan to store notebooks in GitHub and allow users to view them through the web application. I have seen something similar to this in the website Quantopian. (Ex : Quantopian notebook ).

I would like to start a community discussion. As per my question, when do you decide to stop supporting older browsers? I've nearly completed the development of a large personal application. It uses a lot of HTML5, CSS3 and JavaScript. If I were to support older browsers, I would estimate that it would increase my front end work load by at least 50%. And to be frank, I don't want to support the older browsers. From a business point of view, one could argue that if I don't, I could lose revenue. I disagree. I feel that the customers who use older browsers wouldn't be the customers I would want

As I'm starting to do some front end engineering at work, I would like to properly quantify the speedup achieved. I would like to be able to use an average value of, say, 50 page load times measured by YSlow or Google Page Speed. Obviously, I don't want to hit reload 50 times and write down the value. Is there a FF plugin for that or will I have to write a Firebug extension myself? Or maybe there is a non-FF, command-line tool that does what I'm planning? AutomatedTester I recently did a talk about this at Google Test Automation Conference in Zurich for this. Slides for it are here And I did a

I'd be very interested to hear what professional developers think about this, particularly frontend developers. How do you go about testing your designs in multiple browsers? Do you use virtual machines, each with a different version of Internet Explorer installed? What is your setup/workflow? So, what's the most efficient and reliable way to test a design in several legacy web browsers? Thank you. I mostly use Spoon virtualization . They removed IE from the service aftyer Microsoft told them to however it's still a good service for testing other browsers/versions. For IE I tend to use the

I'm considering building a MS Access front-end for an Oracle database. I'm not a developer (I'm a public works guy), but I do know my way around MS Access and Oracle. The number of users would be 5, possibly growing to 10-20. The front end would be mostly reports, with the odd form for data entry. Security isn't a primary concern; that's handled by the database, and the information isn't sensitive. I'm aware that MS Access projects often end up being disastrous monstrosities . As far as I know, MS Access is not meant to be an enterprise system. Yet I'm considering it, because, well, I don't

I am using rc-time-picker package for my project, but I have problem with customizing the style of pop-up of my time picker component. Here is the screenshot of my component: Firstly, I need to change the background-color of time item in the time li from light grey (in the screenshot) to #edeffe when time is hovered and selected . The following is my code: import React from "react"; import TimePicker from "rc-time-picker"; import "rc-time-picker/assets/index.css"; import styled from 'styled-components'; const StyledTimePicker = styled(TimePicker)` &.rc-time-picker-panel-select-option-selected{

I've got a sidebar with two buttons, 'test' and 'about'. Test (rocket icon) is rendered at '/test', and About (home icon) is rendered at '/'. They're both located at the root of the app and are nested within a component. When I start at '/' and click the Link to="/test" it always loads the 'About' component, and when I check the props for the componentDidMount of 'About', the match object contains match data for "/test". Only when I refresh does it render the proper component, 'Test', again. Any idea why this is happening? AppRoutes.js: export class AppRoutes extends React.Component { render()