XProfan

- Página 38 -

HofK

Lo que conviene saber, auch el Kernobstbrowser kann Yo no testen.

Was mich nervt, son el feinen Abweichungen en el Darstellung. Desde que bastante platzsparend trabajo muss, son Kleinigkeiten como wichtig.

El diferente Behandlung el Umrahmung en el Browsern es una Problema. Dann todavía el no absolut äquivalenten Schriften. Como muss Todavía experimentieren y si entonces IRGENDJEMAND una missglückte Darstellung en una Sistema findet

, wäre Yo para una Mitteilung dankbar.

So bricht z.B. una Texto en, porque el Platz en una Sistema no bastante reicht.

Heute otra vez frisch: [...]

25.11.2020 ▲

HofK

Yo habe ahora mehr Tiempo así verbracht, en HTML/CSS por Javascript a stöbern y herumzuexperimentieren como Yo vorhatte. Das Ergebnis es ernüchternd pero no unerwartet.

Leider es como keiner, el el Navegador-Programmierer veces con el Köpfen zusammen haut, así ellos kompatible Productos erschaffen.

El vielen Tooltips podría I, con XProfan después de Erfordernis komfortabel gestalten.

Nachdem Yo nun algunos algo ausgefallenere Sachen en el Navegador probiert habe, bin Yo otra vez zurück a

if ( tooltip !=='' ) {

    elm.setAttribute('title', tooltip );

}

gekommen.

Das title-Attribut liefert con Verzögerung automáticamente el Tooltip, si uno con ratón encima el Element fährt.

Ein Problema, el Yo beim ersten Intento en Firefox antes el más Recherchen gesehen hatte, Es el feste Breite. Yo debería viele Hilfetexte de XProfan a mano umformatieren, el Layout, Zeilen adaptar.

Aber bien, lässt se bewerkstelligen.

Dann el Test con Chrome y Opera! Andere Breite - más Layout nötig?!

Dann el absolute Tiefschlag:

El Kurzanleitung es una muy umfangreicher Tooltip.

Firefox nimmt lo locker, el otro zwei Navegador media, dass lo a viel wäre y schneiden en el Mitte simplemente de. Als Trostpflaster hay todavía drei Pünktchen gratis dazu. Wer weiß, qué Safari macht ? Puedo no prüfen.

Firefox

Andere

Momentan hay a testen: [...]

01.12.2020 ▲

p.specht

Interessantes 3D-Link encima Handy-Prozessoren on a chip: [...]

XProfan 11
Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'...

03.12.2020 ▲

Für einheitlichere Páginas-Darstellung en verschiedenen Browsern, ggf. en el CSS con aufnehmen:

Alle Sprachen
WinXP, SP3, Core(TM) i7-3770 @ 3.40GHz

*{

    ;box-sizing:border-box
    ;border-collapse:collapse
    ;outline:0
    ;border:0
    ;margin:0
    ;padding:0
    ;cellspacing:0
    ;cellpadding:0
    ;border-spacing:0
    // ggf. auch ;image-rendering:pixelated

}

04.12.2020 ▲

HofK

El Tooltips Yo nun individuell programmiert. Dazu una div-Element producido. Dieses se, si la Ratón encima una entsprechenden Element es, a el individuell gewünschte Position gebracht, en el Größe passend gemacht y el Texto gefüllt. Das div se de el vorherigen Position "eingeflogen".

Realisiert se el Sache por wahlweise Angabe de sólo 4 Werten en Elementen sin Tooltip oder Angabe uno Datenfeldes.

let data = [];
let idx = 0;
data.push( [ 342, 2, 120, 18, 474, 30, 660, 520, shorthlpText ] );//  element & tooltip:  left, top, width, height,   tooltipText
const shorthlp = makeElement( lft, button,'', csfont, gray, data[ idx ++ ] );
shorthlp.innerHTML ='Short Instruction';
const inputSystem = makeElement( lft, span,'', shfont, sandy, 9, 9, 120, 24 );
inputSystem.innerHTML ='Entrada Sistema';

Como el Index por data[ idx ++ ] en Definition weitergezählt wir, es una nachträgliche Änderung el Variante en cualquier momento posible. Aunque voluntad Yo el Tooltips analog a XProfan Variante halten.

Zum Test Yo el CSS Zeilen de IF con aufgenommen, sehe aber no hay diferencia.

Den Schieber gestalte Todavía individuell después de Presentación meines Controls para el Schauraum.

Ein wenig CPU es auch ya como.

Nur el Schrift es no einheitlich, en Firefox es ellos feiner, pero en XProfan gefällt ellos me todavía mejor. Yo bekomme ellos en el Navegador no así hin. Muss todavía experimentieren. [...]

06.12.2020 ▲

HofK

Wieder veces a früh gefreut!

En el Tests Tuve siempre 100% Zoom oder ligeramente abweichend y Elementen al Rand comenzó.

Ändert uno aber el Zoom stark, passen el x,y Werte de onMouseMove no mehr.

El exakten Werte en Zoom a ermitteln es otra vez veces así una Sache - y luego el verschiedenen Navegador

Posesiones como algo gefunden, aber el voluntad Yo no antun

[...]

Also zurück en Anfang

Como schön simplemente ging el doch con XProfan. Aunque hay como no Zoom.

Eventuell muss I, con el Slogan

...
..."Designed for Firefox 100% Zoom"

en el Rennen ir.

El häßlich breiten Rahmen a Entrada Elemente en Chrome/Opera Yo auch todavía no beseitigen puede.

Chrome

Firefox

XProfan

HofK (09.12.2020)

Wieder veces a früh gefreut!

¿Te ha con "Zoom" el "Browserzoom" (Strg+ +/-/ MausRad) oder css transform scale? Ersteres bekommt uno no en el Griff, letzteres puede ser "ausrechnen".

HofK (09.12.2020)

El häßlich breiten Rahmen a Entrada Elemente en Chrome/Opera Yo auch todavía no beseitigen puede.

Das wundert mich algo, el o.g. CSS:

Alle Sprachen
WinXP, SP3, Core(TM) i7-3770 @ 3.40GHz

*{

    ;box-sizing:border-box
    ;border-collapse:collapse
    ;outline:0
    ;border:0
    ;margin:0
    ;padding:0
    ;cellspacing:0
    ;cellpadding:0
    ;border-spacing:0
    // ggf. auch ;image-rendering:pixelated

}

macht todos Ränder platt.

Nachdem Yo, el CSS por Konsole en Su Página (https://cpusimulation.hofk.de/dev/) eingetragen habe, reagiert lo auch entsprechend:

bildschirmfoto_2020-12-09_15-02-59.png Prevista

265 kB

Hochgeladen:

09.12.2020

Ladeanzahl:

Descargar

bildschirmfoto_2020-12-09_15-03-58.png Prevista

285 kB

Hochgeladen:

09.12.2020

Ladeanzahl:

Descargar

HofK

Sí, Yo mi Browserzoom" Strg+ +/- . Dazu en efecto el Link a codepen.

Yo habe ahora en body { } eingetragen:

overflow: hidden; /* to avoid incorrect mouse coordinates ( mouseover -> self-created 'div' tooltips) */

Damit puede ser no vergrößern sin Teile el Oberfläche a "verlieren".

Was allerdings erstaunlicherweise funktioniert, Es el Verkleinerung. El Koordinaten voluntad adaptado. In el Konsole puede ser el momentan prüfen.

Chrome 50%

Zu el fetten Rahmen:

Yo kleiner Schlampatz hatte el Zeilen simplemente zusätzlich en body { } reinkopiert.

Solche "Kleinigkeiten" como *{ } übersehe Me gusta .

Nochmals vielen Dank para el Tipp. In CSS bin Yo blutiger Principiante.

Gäbest Usted Größen en lugar de en z.B. PX más en VW/ VH/ VMIN/ VMAX a, entonces wären así ausgezeichnete Elemente ("natürlich") no "zoombar".

Hier una Ejemplo no-zoombarer DIV:

<div style="width:10vw;height:10vw;border:0.3vw dotted #900;font-size:1vw;background-color:#00F3;border-radius:100%;text-align:center;padding-top:4vw;box-sizing:border-box;cursor:pointer">qwe</div>

qwe

Für mobile Geräte se uno Fingerzoom así verhindern:

Alle Sprachen
WinXP, SP3, Core(TM) i7-3770 @ 3.40GHz

<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />

(esta Metainfos simplemente en el Head)
(user-scalable=0 kann (vom User) sin embargo por Browsereinstellung "Zoom zwingend aktivieren" verhindert voluntad)

Bitte simplemente informe si irgend una css/ js/ html etc. necesidad.

HofK

Yo habe el con no-zoombarer DIV veces ausprobiert. Sieht no schlecht de, si se el Layout el Fenstergröße anpasst. Dabei Yo vh en lugar de vw benutzt, como lo mejor para Layout passt. En three.js es esta Función auch para el scene realisiert.

Aunque muss Yo el Koordinaten en mouseover algo komplizierter berechnen.

En mediaevent.de hay una hilfreiche Página dazu: [...]

Dort es a lesen, dass el Performance una Problema es. Wäre sicher ungünstig, si el Maschinenprogramm se ejecuta. Auch en el XProfan Variante Es el ungebremste Geschwindigkeit sólo por el Ausführungsgeschwindigkeit el Simulation begrenzt.

Wäre algo spät entonces sólo determinar tener, dass resize no gute Entscheidung war. El momentan gewählte Größe de 1500 veces 750 Pixeln plus 30 Pixel Kopfhöhe es actualmente en cada normalen Computer sicher verfügbar.

Muss otra vez en Ruhe darüber nachdenken. Verkleinern va sí ya. El Interruptor el Einheit es doch con algo Aufwand verbunden.

En mobilen Geräten se momentan todavía el 3D Darstellung para Flaschenhals voluntad. Auf mi alten Tablett Android 4.4 laufen el einfachsten Sachen como no. Auf neueren Geräten algo mehr.

HofK

Der erste Test con Einheit vh y three.js renderer sieht bastante bien de. Dabei Yo sólo el obigen Testkreis (verändert) y No más Elemente en el linken Zona.

Dafür el entsprechenden Werte en three.js adaptado y hay auch resize ermöglicht.

Um el Performace a testen, Yo el linken 4 Register en el schnellen Wechsel con 0 y 1 belegt.

Auf mi neuen Mini-PC es kein Problema a resizen, en mi 8 Jahre altem Mittelklasse Laptop se el Wechsel 0 a 1 a 0 muy merklich unterbrochen.

Das rendern el three.js Scene es aber garantiert aufwändiger como el Anpassung el Elemente en el linken Página. Somit voluntad Yo wohl px en vh Einheiten ajustar.

Wer lo testen möchte: [...]

10.12.2020 ▲