ich friemel gerade mit nem ESP8266 (NodeMCU) herum. Der läuft als Webserver und soll eine HTML-Seite ausliefern. Auf dieser soll man ein paar Eingaben (z.B. 1-2 Zeilen Text) machen und abschicken können. Soweit so gut. Das ganze soll auf nem Schmierphone vernünftig zu bedienen sein, ne Desktop-Optimierung muss das nicht haben.
Das Ding kann jetzt ne HTML-Seite ausliefern, CSS, JS und so weiter könnten von ausserhalb hinzugegeben werden. Soweit so gut. Jetzt hab ich mir mal Bootstrap (https://diyprojects.io/bootstrap-create ... ts-esp8266) sowie LayoitIt (https://www.layoutit.com/build#) angesehen und muss sagen: ich verstehe nüscht. Aber sowas von.
Kann mir da mal jemand unter die Arme greifen? Oder mir z.B. diesen Editor von LayoutIt erklären? Nur mit HTML habe ich so das gefühl, das ich nicht weiterkomme. Das sieht alles so winzig aus aufm handlich....
Oder anders ausgedrückt: kann mir mal jemand ne simple Seite basten mit nem Formular zur Texteingabe und nem Radiobutton oder so? Das ich ne Basis zum fummeln habe?
Bei dem Bootstrap Gemüffel kann ich dir nicht helfen.
Aber bei Schmierkrams darfste in der CSS nicht mit absoluten Werten arbeiten.
Alles muss mit Prozentwerten der Browserfenstergröße laufen, selbst die Schriftgröße.
Nen Button machste dann eben so breit wie die Browserbreite und 1/5 so hoch zB.
Fritzler hat geschrieben:Alles muss mit Prozentwerten der Browserfenstergröße laufen, selbst die Schriftgröße.
Das halte ich für ein Gerücht. M.m.n. kann man problemlos die Schriftgröße in px angeben.
Siehe dazu auch:
https://mindtheshift.wordpress.com/2015/04/02/r-i-p-rem-viva-css-reference-pixel/ hat geschrieben:Pixel units, as used in the last rule, are relative to the resolution of the canvas, i.e. most often a computer display. If the pixel density of the output device is very different from that of a typical computer display, the UA should rescale pixel values. The suggested reference pixel is the visual angle of one pixel on a device with a pixel density of 90dpi and a distance from the reader of an arm’s length. For a nominal arm’s length of 28 inches, the visual angle is about 0.0227 degrees.
Der Schlüssel ist das Gridsystem, darauf basiert alles. Eigentlich ganz einfach.
Gut zu wissen ist auch das die Macher von Bootstrap keinerlei Verträge mit Kompatiblität haben. D.h. wenn man die BS upgraded, dann gehen idR. Dinge mit mehr. Die benennen fleißig Sachen um oder schmeißen Dinge mal eben so komplett über Board. Sollte man wissen, sonst artet das schnell in Arbeit aus.
Wenn es wirklich nur die Größen sind, die Dir Probleme bereiten, würde ich Bootstrap und Co eher meiden;
das braucht doch ein büschn Speicher auf deinem Gerät (falls das kein Problem ist, ziehe ich den Einwand freilich zurück). Meistens sind das nur sehr wenige CSS-Fragmente, die man da wirklich braucht. Einheiten pt und em könnten ggf helfen, da zumindest pt immer die gleiche Größe haben sollte, sonst prozentual.
Da gibt es im GitHUB das Projekt openHAB, das beschäftigt sich mit open Source Home Automation. Da gibt es auch z.B. Software für die OBI-Funksteckdose mit dem ESSP8266, da kann man sich sicher viel abgucken, wie die das mit der Webseite auf dem ESP machen.
