javascript - Come cambiare il font-family di bootstrap.css in HTML con il mio font scaricato

Ho provato a scoprire come fare, almeno questo link quasi ci è riuscito. ma lei/lui sta usando un link per cambiare il font.

ma ho il mio font scaricato usando il convertitore di font (.eot .otf .svg .ttf .woff .woff2)

e ho style.css come segue:

Continua a leggere →

javascript - Webpack - devtool: source-map per CSS ed eval-source-map per JS?

Se uso devtool: 'source-map' funziona benissimo con il CSS:

Ma, i nomi delle mie variabili JavaScript non sono divertenti:

Continua a leggere →

javascript - parametri complessi per i tag svg (analogo a calc() per css)

Puoi per favore dirmi se i tag svg possono impostare parametri complessi?

Per il CSS, c'è il comando calc(), per esempio:

width: calc (50% - 10px);

Esiste qualcosa del genere per svg, per esempio:

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

?

Continua a leggere →

Come collegare il backend (python, flask) con il frontend (html, css, javascript)

Info: per il backend sto usando Python con Flask (per il momento accetta metodi http get) e per il frontend sto usando HTML, CSS e JavaScript.

Problema: Sto cercando di fare una richiesta http (la prima volta ho provato POST e poi GET) ma il browser non me lo ha permesso: "Accesso a XMLHttpRequest su 'localhost:5000/test' dall'origine 'null' è stato bloccato dalla politica CORS: Le richieste cross-origin sono supportate solo per schemi di protocollo: http, data, chrome, chrome-extension

Continua a leggere →

javascript - come usare il selettore dei fratelli in CSS con styled

Ho un componente stilizzato che sembra così:

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 e

Continua a leggere →

javascript - da kebab-case a camelCase tramite localsConvention in css-loader 3.4.2 non funziona

Per scopi di test/apprendimento sto usando una versione estratta di create-react-app 3.4.1 che viene fornita con css-loader 3.4.2, e sto cercando di riprodurre questi risultati dove i selettori CSS sono scritti in kebab-case, ma l'ogge

Continua a leggere →

javascript - Come faccio a ottenere tutte le proprietà CSS supportate in WebKit?

In Firefox, Opera e IE posso ottenerli tramite:

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

In WebKit il risultato è abbastanza diverso:

>> for (k in document.body.sty

Continua a leggere →

javascript - Come posso prevenire l'interferenza dei CSS in un pezzo di HTML iniettato?

Attualmente sto sviluppando un'estensione per Safari che utilizza uno script iniettato per inserire ulteriormente del HTML nella pagina web corrente, oltre a iniettare altri script per farlo funzionare. Tutto questo funziona bene, ma il problema è che l'HTML iniettato viene influenzato da

Continua a leggere →

javascript - Creare un'app web simile a dama in tempo reale con PHP, JS, CSS e HTML?

Voglio creare un'app dal vivo simile a dama, che funzionerà così: Ci saranno più icone/avatar visualizzati su questa superficie simile a una scacchiera. Voglio avere un prompt dei comandi sotto questa tavola, o qualche altro tipo di interfaccia, che permetta agli utenti di controllare un certo avatar e fargli eseguire azioni. Più utenti la utilizzeranno contemporaneamente, e tutti potranno vedere le modifiche/azioni degli altri utenti sulla scacchiera.

Quello che mi chi

Continua a leggere →

javascript - Styling CSS dei pulsanti di controllo standard di OpenLayers

Sto usando OpenLayers in uno script sulla mia pagina e sto cercando di usare il CSS per stilizzare i pulsanti standard presenti sulla mappa. Ho seguito il sito di documentazione di OpenLayers per stilizzarli in questo modo:

.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-re

Continua a leggere →