XProfan

- page 38 -

HofK

Bon à savoir, aussi qui Kernobstbrowser peux je pas testen.

quoi mich nervt, sommes qui feinen Abweichungen dans qui représentation. là je droite platzsparend travailler muss, sommes Kleinigkeiten là important.

qui différent Behandlung qui Umrahmung dans den Browsern est un Problem. ensuite encore qui pas absolu äquivalenten Schriften. là muss je encore experimentieren et si ensuite IRGENDJEMAND une missglückte représentation sur einem System findet

, wäre je pour une Mitteilung reconnaissant.

So bricht z.B. un Text um, weil qui place sur einem System pas entier reicht.

aujourd'hui wieder frisch: [...]

25.11.2020 ▲

HofK

j'ai maintenant plus Zeit avec cela verbracht, dans HTML/CSS per Javascript trop stöbern et herumzuexperimentieren comme je vorhatte. cela Ergebnis ist ernüchternd mais pas unerwartet.

malheureusement ist là aucun, qui qui Browser-Programmierer la fois avec den Köpfen zusammen haut, avec cela vous kompatible Produits erschaffen.

qui vielen Tooltips konnte je avec XProfan pour Erfordernis komfortabel gestalten.

après que je eh bien quelques quelque chose ausgefallenere Sachen im Browser probiert habe, suis je wieder zurück trop

si ( tooltip !=='' ) {

    elm.setAttribute('title', tooltip );

}

gekommen.

cela title-Attribut liefert avec Verzögerung automatisch den Tooltip, si on avec qui souris sur cela Element fährt.

un Problem, le moi beim ersten Versuch chez Firefox avant den weiteren Recherchen gesehen hatte, ist qui feste Breite. je devrait viele Hilfetexte aus XProfan de main umformatieren, cela Layout, Zeilen anpassen.

mais bien, peut sich bewerkstelligen.

ensuite qui Test avec Chrome et Opera! autre Breite - d'autre Layout nötig?!

ensuite qui absolute Tiefschlag:

qui Kurzanleitung est un très umfangreicher Tooltip.

Firefox nimmt es locker, qui anderen deux Browser meinen, dass es trop viel wäre et schneiden dans qui Mitte simple ab. comme Trostpflaster gibt es encore trois Pünktchen gratis en supplément. qui sais, quoi safari pouvoir ? je peux es pas vérifier.

Firefox

autre

Momentan là trop testen: [...]

01.12.2020 ▲

p.specht

Interessantes 3D-Link sur 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 ▲

Pour einheitlichere Seiten-représentation dans verschiedenen Browsern, ggf. dans den CSS avec 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. aussi ;image-rendering:pixelated

}

04.12.2020 ▲

HofK

qui Tooltips habe je eh bien individuel programmiert. en supplément un div-Element erzeugt. cet wird, si le souris sur einem entsprechenden Element ist, à qui individuel gewünschte Position gebracht, dans qui Taille convenable gemacht et dem Text pleine. cela div wird de qui vorherigen Position "eingeflogen".

Realisiert wird qui l'affaire par facultativement Angabe de seulement 4 Werten chez Elementen sans Tooltip ou bien Angabe eines 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 ='Contribution System';

là qui index per data[ idx ++ ] chez qui définition weitergezählt wir, ist une nachträgliche Changement qui variante jederzeit possible. Allerdings werde je qui Tooltips analog zur XProfan variante tenir.

Zum Test habe je qui CSS Zeilen de IF avec aufgenommen, vois mais keinen Unterschied.

Den Schieber gestalte je encore individuel pour Présentation meines Controls pour den Schauraum.

un peu CPU ist aussi déjà là.

seulement qui Schrift ist pas unique, chez Firefox ist vous feiner, mais chez XProfan comme vous mir encore besser. je bekomme vous im Browser pas so hin. Muss encore experimentieren. [...]

06.12.2020 ▲

HofK

Wieder la fois trop tôt gefreut!

chez den Tests J'ai eu toujours 100% Zoom ou bien léger abweichend et Elementen am rebord begonnen.

Ändert on mais den Zoom stark, passen qui x,y Werte de onMouseMove pas plus.

qui exakten Werte chez Zoom trop ermitteln ist wieder la fois so une l'affaire - et ensuite qui verschiedenen Browser

Habe là quelque chose trouvé, mais cela veux je Je ne antun

[...]

alors zurück sur Anfang

comment joli simple ging cela doch avec XProfan. Allerdings gibt es là keinen Zoom.

Eventuell muss je avec dem Slogan

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

ins Rennen aller.

qui häßlich breiten cadre à Contribution Elemente chez Chrome/Opera habe je aussi encore pas beseitigen peut.

Chrome

Firefox

XProfan

HofK (09.12.2020)

Wieder la fois trop tôt gefreut!

Avez- Du avec "Zoom" den "Browserzoom" (Strg+ +/-/ MausRad) ou bien css transform scale? Ersteres bekommt on pas dans den Griff, letzteres peux on "ausrechnen".

HofK (09.12.2020)

qui häßlich breiten cadre à Contribution Elemente chez Chrome/Opera habe je aussi encore pas beseitigen peut.

cela wundert mich quelque chose, qui 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. aussi ;image-rendering:pixelated

}

pouvoir alle Ränder platt.

après que Je l' CSS per Console dans Votre page (https://cpusimulation.hofk.de/dev/) eingetragen habe, reagiert es aussi entsprechend:

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

265 kB

Hochgeladen:

09.12.2020

Downloadcounter:

Download

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

285 kB

Hochgeladen:

09.12.2020

Downloadcounter:

Download

HofK

oui, je mon Browserzoom" Strg+ +/- . en supplément oui aussi qui Link trop codepen.

j'ai maintenant dans body { } eingetragen:

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

avec cela peux on pas agrandir sans Teile qui surface trop "verlieren".

quoi allerdings erstaunlicherweise funktioniert, ist qui Verkleinerung. qui Koordinaten volonté angepasst. dans qui Console peux on cela momentan vérifier.

Chrome 50%

trop den fetten cadre:

je kleiner Schlampatz hatte qui Zeilen simple zusätzlich dans body { } reinkopiert.

Solche "Kleinigkeiten" comment *{ } übersehe je volontiers .

Nochmals vielen Dank pour den Tipp. dans CSS suis je blutiger Débutant.

Gäbest Du Größen statt dans z.B. PX plutôt dans VW/ VH/ VMIN/ VMAX à, ensuite wären so ausgezeichnete Elemente ("natürlich") pas "zoombar".

ici un Beispiel pas-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

Pour mobile Geräte soll on Fingerzoom so verhindern:

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

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

(cet Metainfos simple dans den Head)
(user-scalable=0 peux (vom User) cependant per Browsereinstellung "Zoom zwingend aktivieren" verhindert volonté)

s'il te plaît simple annoncer si Du irgend un css/ js/ html etc. besoin.

HofK

j'ai cela avec pas-zoombarer DIV la fois ausprobiert. Sieht pas mal aus, si sich cela Layout qui Fenstergröße anpasst. Dabei habe je vh statt vw benutzt, là es besser zum Layout passt. chez three.js ist cet Funktion aussi pour qui scene realisiert.

Allerdings muss je qui Koordinaten chez mouseover quelque chose komplizierter berechnen.

chez mediaevent.de gibt es une hilfreiche page en supplément: [...]

là ist trop lesen, dass qui Performance un Problem ist. Wäre sûrement ungünstig, si cela Maschinenprogramm fonctionne. aussi dans qui XProfan variante ist qui ungebremste Geschwindigkeit seulement par qui Ausführungsgeschwindigkeit qui Simulation begrenzt.

Wäre quelque chose spät ensuite seulement feststellen trop doit, dass resize aucun gute Entscheidung était. qui momentan gewählte Taille de 1500 la fois 750 Pixeln plus 30 Pixel Kopfhöhe ist derzeit sur chaque normalen ordinateur sûrement disponible.

Muss nochmal dans Ruhe par-dessus sur). Verkleinern allez oui bereits. qui Commutateur qui unité mais est avec quelque chose Aufwand verbunden.

chez mobilen Geräten wird momentan encore qui 3D représentation zum Flaschenhals volonté. sur meinem alten plateau Android 4.4 courir qui einfachsten Sachen là pas. sur neueren Geräten quelque chose plus.

HofK

qui erste Test avec unité vh et three.js renderer sieht pas mal aus. Dabei habe je seulement den obigen Testkreis (modifié) et aucun weiteren Elemente im linken Bereich.

Pour cette qui entsprechenden Werte chez three.js angepasst et là aussi resize permet.

Um qui Performace trop testen, habe je qui linken 4 Register im schnellen change avec 0 et 1 belegt.

sur meinem neuen Mini-PC ist es ne...aucune Problem trop resizen, sur meinem 8 Jahre altem Mittelklasse Laptop wird qui change 0 trop 1 trop 0 très merklich unterbrochen.

cela rendern qui three.js Scene ist mais garantiert aufwändiger comme qui Anpassung qui Elemente sur qui linken page. Somit werde je wohl px sur vh Einheiten ajuster.

qui es testen voudrais: [...]

10.12.2020 ▲

HofK

était encore einmal une quelque chose größere "Zahlenschlacht", mais cela Ergebnis rechtfertigt qui Mühe. Dank nochmal à IF pour den Tipp.

là mir cela Layout aussi encore pas vollständig plaisons hat, habe je dabei juste aussi encore une Veränderung vorgenommen.

aussi quelques Tooltips sommes déjà dabei.

cela Symbolbild sur dem Schieber passt sich encore pas qui Fenstergröße à. Muss je encore regarder, comment cela allez.

Aktuell wieder sur qui /dev page.

14.12.2020 ▲