javascript - Cómo cambiar la fuente font-family de bootstrap.css en HTML a mi propia fuente descargada

He intentado encontrar cómo hacer eso, al menos este enlace casi me lo consigue. pero ella/él está usando un enlace para cambiar la fuente.

pero tengo mi propia fuente descargada usando un convertidor de fuentes (.eot .otf .svg .ttf .woff .woff2)

y tengo

Leer más →

javascript - Webpack - devtool: source-map para CSS y eval-source-map para JS?

Si uso devtool: 'source-map', funciona muy bien con CSS:

Pero, los nombres de mis variables de JavaScript no son divertidos:

Leer más →

javascript - parámetros complejos para etiquetas svg (análogo a calc() de css)

¿Puedes decirme si las etiquetas svg pueden establecer parámetros complejos?

Para CSS, existe el comando calc(), por ejemplo:

width: calc (50% - 10px);

¿Hay algo como esto para svg, por ejemplo:

<circle r = 'calc (50% - 2px)'>

?

Leer más →

Cómo conectar el backend (python, flask) con el frontend (html, css, javascript)

Info: para el backend estoy usando Python con Flask (por el momento acepta métodos HTTP GET) y para el frontend estoy usando HTML, CSS y JavaScript.

Problema: Estoy tratando de hacer una solicitud http (la primera vez probé POST y luego GET) pero el navegador no me permitió hacerlo: "Acceso a XMLHttpRequest en 'localhost:5000/test' desde el origen 'null' ha sido bloqueado por la política CORS: Las solicitudes de origen cruzado solo son compatibles con esquemas de protocolo: http, data,

Leer más →

javascript - cómo usar el selector de elementos hermanos CSS en styled

Tengo un componente con estilo que se ve así:

import styled from 'styled-components'; import List from '@material-ui/core/List'; import ListItem from '@material-ui/core/ListItem'; import ListItemText from '@material-ui/core/ListItemText'; export const CategoryList = styled(List)` `; //this is what i want to change

Leer más →

javascript - de kebab-case a camelCase a través de localsConvention en css-loader 3.4.2 no funciona

Para propósitos de prueba/aprendizaje estoy usando una versión expulsada de create-react-app 3.4.1 que viene con css-loader 3.4.2, y estoy tratando de reproducir estos resultados donde los selectores CSS están escritos en kebab-case, p

Leer más →

javascript - ¿Cómo obtengo todas las propiedades CSS soportadas en WebKit?

En Firefox, Opera e IE puedo obtenerlos mediante:

>> for (k in document.body.style) console.log(k) -> opacity background height textAlign . ... long list ... . pointerEvents

En WebKit, el resultado es bastante diferente:

>> for (k in document.body

Leer más →

javascript - ¿Cómo evito la interferencia de CSS en un fragmento de HTML inyectado?

Actualmente estoy desarrollando una extensión para Safari que utiliza un script inyectado para inyectar más HTML en la página web actual, así como para inyectar otros scripts para que funcione. Todo esto funciona bien, pero el problema es que el HTML inyectado se ve afectado por las hojas

Leer más →

javascript - ¿Crear una aplicación web en vivo tipo damas con PHP, JS, CSS y HTML?

Quiero crear una aplicación en vivo, similar a las damas, que funcione de la siguiente manera: Habrá múltiples íconos/avatares mostrados en una superficie tipo tablero de damas. Quiero tener un símbolo del sistema debajo de este tablero, o algún otro tipo de interfaz, que les permita controlar un avatar determinado y hacer que realice acciones. Múltiples usuarios la estarán usando al mismo tiempo, y todos podrán ver los cambios/acciones de los otros usuarios en el tablero de damas.

Leer más →

javascript - Estilizado CSS de botones de control estándar en OpenLayers

Estoy usando OpenLayers en un script en mi página, y estoy intentando usar CSS para dar estilo a los botones estándar que vienen en el mapa. Seguí el sitio de documentación de OpenLayers para estilarlos de la siguiente manera:

.olControlNavToolbar div { display:block; width: 28px; height: 28px; top: 300px; left: 6px; position: relative; } .olControlNavToolbar .olControlNavigationItemActive { background-image: url("img/panning-hand-on.png"); background-repeat: no

Leer más →