updated
This commit is contained in:
parent
e4f89f6a87
commit
797e8c2d90
94
TODO.md
94
TODO.md
@ -75,25 +75,36 @@
|
|||||||
- x add modal geht bei enter key nicht zu -> liegt daran, dass ich nicht mehr .modal("hide") verwende
|
- x add modal geht bei enter key nicht zu -> liegt daran, dass ich nicht mehr .modal("hide") verwende
|
||||||
- ich könnt's umstellen, aber will ich das?
|
- ich könnt's umstellen, aber will ich das?
|
||||||
- nicht mehr aktuell
|
- nicht mehr aktuell
|
||||||
|
|
||||||
### open
|
### open
|
||||||
|
|
||||||
- im Chromium sind die Slider für Damage im #combatant-modal ungestylet
|
- dafür sorgen, dass lange Namen nicht das Design sprengen -> https://www.design-fluide.com/09-12-2018/how-to-break-long-words-in-an-html-or-css-table/
|
||||||
- Seite für größere Screens anpassen (Schrift, Buttons, Icons skalieren)
|
- Design
|
||||||
- media queries
|
- im Chromium sind die Slider für Damage im #combatant-modal ungestylet
|
||||||
- nicht px benutzen, sondern vw/vh/vmin/vmax -> muss aber schauen, ob FF4And das unterstützt
|
- augmented-ui Fallstricke:
|
||||||
- clamp(minsize, relsize, maxsize)
|
- --aug-[b|t|][l|r|] fkt. nur sicher mit Werten in px; em, rem, % etc. fkt. idR nicht
|
||||||
- auch mgl.: calc(0.75em + 1vw) (macht den Vergrößerungseffekt für große Viewports irrelevant)
|
- --aug-border-* fkt. nicht mit Wert 0, es muss 0px sein
|
||||||
- Tabellenbreite begrenzen?
|
- Seite für größere Screens anpassen (Schrift, Buttons, Icons skalieren)
|
||||||
- make color scheme friendly for people with red green bindness (Felix)
|
- Breakpoints: 600px, 1200px
|
||||||
- see here: https://venngage.com/tools/accessible-color-palette-generator
|
- Elementbreite begrenzen
|
||||||
- tests
|
- viewport width <= 600px: 100%
|
||||||
- weiß: ghostwhite, white, lightgrey
|
- viewport width > 600px: (100-x/24)% mit x = vWidth-600px
|
||||||
- gelb: gold, yellow, orange
|
- viewport widht > 1200: 75%
|
||||||
- grün: lawngreen, lime, greenyellow
|
|
||||||
- rot: orangered, red, darkred
|
- nicht px benutzen, sondern vw/vh/vmin/vmax -> muss aber schauen, ob FF4And das unterstützt
|
||||||
- im FP3T Tor Browser kann ich rauszoomen, bis ich die ganzen damage monitors und action menus sehe -> verhindern!
|
- clamp(minsize, relsize, maxsize)
|
||||||
- action-menu und damage-monitor sliden jetzt nicht mehr rein, sondern bleiben an Ort und Stelle
|
- auch mgl.: calc(0.75em + 1vw) (macht den Vergrößerungseffekt für große Viewports irrelevant)
|
||||||
- das sollte die Sache verhindern
|
- make color scheme friendly for people with red green bindness (Felix)
|
||||||
|
- see here: https://venngage.com/tools/accessible-color-palette-generator
|
||||||
|
- Favicon nicht vergessen!!
|
||||||
|
- tests
|
||||||
|
- weiß: ghostwhite, white, lightgrey
|
||||||
|
- gelb: gold, yellow, orange
|
||||||
|
- grün: lawngreen, lime, greenyellow
|
||||||
|
- rot: orangered, red, darkred
|
||||||
|
- im FP3T Tor Browser kann ich rauszoomen, bis ich die ganzen damage monitors und action menus sehe -> verhindern!
|
||||||
|
- action-menu und damage-monitor sliden jetzt nicht mehr rein, sondern bleiben an Ort und Stelle
|
||||||
|
- das sollte die Sache verhindern
|
||||||
- warum fkt. das Ganze nicht als Webapp?
|
- warum fkt. das Ganze nicht als Webapp?
|
||||||
- Firefox (android) sieht die Seite nicht als installable an
|
- Firefox (android) sieht die Seite nicht als installable an
|
||||||
- Webmanifest ist aber da und scheint auch in Ordnung zu sein (sagt Firefox on Linux)
|
- Webmanifest ist aber da und scheint auch in Ordnung zu sein (sagt Firefox on Linux)
|
||||||
@ -107,6 +118,30 @@
|
|||||||
|
|
||||||
## Feature Requests
|
## Feature Requests
|
||||||
|
|
||||||
|
- Seite als Web App auf FF4And installable machen
|
||||||
|
- mal sehen …
|
||||||
|
- Seite auch mal im Chrome checken
|
||||||
|
- -moz-… mit -webkit-… ergänzen
|
||||||
|
- Animationen? Transitions?
|
||||||
|
- deployment: dist/* soll direkt auf hermes hochgeladen werden
|
||||||
|
- x warum sind im dist/-Folder immer zwei Versionen der gleichen Datei? -> lag an parcel-reporter-static-file-copy
|
||||||
|
- HTML soll nicht in eine Zeile umgedingst werden, das sieht doch nicht aus
|
||||||
|
- bootstrap, jquery, font auch lokal vorhalten
|
||||||
|
- x font
|
||||||
|
- docstrings
|
||||||
|
- parcel soll aus dem HTML code nicht die Newlines rausnehmen -> macht er das überhaupt noch?
|
||||||
|
- falls ja: .htmlnanorc anlegen, s. https://parceljs.org/languages/html/#minification und https://htmlnano.netlify.app/modules#collapsewhitespace
|
||||||
|
- nicetohave: Wenn ich rea editiere, könnte sich die ini automatisch anpassen -> da müsste ich aber die Würfelergebnisse für speichern
|
||||||
|
- nicetohave: Anzeige, wieviele Aktionen einer hat u.d wieviele davon schon verbraucht sind
|
||||||
|
- Sache mit dem ServiceWorker mal richtig angehen
|
||||||
|
|
||||||
|
- x progressive web app
|
||||||
|
- x Service Worker einrichten, um die Dateien lokal zu cachen
|
||||||
|
- x lief nicht mit Parcel pur, brauchte Paket "serve" -> npx serve dist/
|
||||||
|
-> mittlerweile geht's doch
|
||||||
|
- x parcel bindet sw.js nicht automatisch mit ein, ich muss es nach dist/ hardverlinken
|
||||||
|
- und die File-list in sw.js darf nur Files enthalten, die auch geladen werden können; sobald einer 404 ergibt, schlägt der gesamte Cache-Vorgang fehl
|
||||||
|
- geht
|
||||||
- x nochmal wg. Daten wie name, dice, rea, true-ini und damage-x:
|
- x nochmal wg. Daten wie name, dice, rea, true-ini und damage-x:
|
||||||
- Verwalte sie jetzt komplett mit der data-* API; verwende dafür ausschließlich .attr() als Getter/Setter
|
- Verwalte sie jetzt komplett mit der data-* API; verwende dafür ausschließlich .attr() als Getter/Setter
|
||||||
- Füge die Werte aus dem Attribut per CSS direkt ins Element ein (::after und content).
|
- Füge die Werte aus dem Attribut per CSS direkt ins Element ein (::after und content).
|
||||||
@ -136,32 +171,7 @@
|
|||||||
- zumindest modal.js muss ich einzeln laden
|
- zumindest modal.js muss ich einzeln laden
|
||||||
- aber sonst brauch ich es glaube ich nicht
|
- aber sonst brauch ich es glaube ich nicht
|
||||||
- x dependencies lokal einbinden
|
- x dependencies lokal einbinden
|
||||||
- x progressive web app
|
|
||||||
- x Service Worker einrichten, um die Dateien lokal zu cachen
|
|
||||||
- x lief nicht mit Parcel pur, brauchte Paket "serve" -> npx serve dist/
|
|
||||||
-> mittlerweile geht's doch
|
|
||||||
- x parcel bindet sw.js nicht automatisch mit ein, ich muss es nach dist/ hardverlinken
|
|
||||||
- und die File-list in sw.js darf nur Files enthalten, die auch geladen werden können; sobald einer 404 ergibt, schlägt der gesamte Cache-Vorgang fehl
|
|
||||||
- geht
|
|
||||||
- x dafür sorgen, dass die Seite erst dann aufgebaut wird, wenn die CSS-Files geladen sind, damit man nicht den ungestylten Krams sieht -> passt schon
|
- x dafür sorgen, dass die Seite erst dann aufgebaut wird, wenn die CSS-Files geladen sind, damit man nicht den ungestylten Krams sieht -> passt schon
|
||||||
- x CSS aufräumen
|
- x CSS aufräumen
|
||||||
- Variablen für Farben, Filter etc.
|
- Variablen für Farben, Filter etc.
|
||||||
|
|
||||||
- installability (PWA) auf android noch ungetestet
|
|
||||||
- Seite auch mal im Chrome checken
|
|
||||||
- -moz-… mit -webkit-… ergänzen
|
|
||||||
- noch mehr Design
|
|
||||||
- Seite für größere Screens anpassen
|
|
||||||
- Schrift, Buttons, Icons skalieren
|
|
||||||
- em und % statt px
|
|
||||||
- Tabellenbreite begrenzen
|
|
||||||
- Animationen? Transitions?
|
|
||||||
- deployment: dist/* soll direkt auf hermes hochgeladen werden
|
|
||||||
- warum sind im dist/-Folder immer zwei Versionen der gleichen Datei?
|
|
||||||
- HTML soll nicht in eine Zeile umgedingst werden, das sieht doch nicht aus
|
|
||||||
- bootstrap, jquery, font auch lokal vorhalten
|
|
||||||
- docstrings
|
|
||||||
- parcel soll aus dem HTML code nicht die Newlines rausnehmen -> macht er das überhaupt noch?
|
|
||||||
- falls ja: .htmlnanorc anlegen, s. https://parceljs.org/languages/html/#minification und https://htmlnano.netlify.app/modules#collapsewhitespace
|
|
||||||
- nicetohave: Wenn ich rea editiere, könnte sich die ini automatisch anpassen -> da müsste ich aber die Würfelergebnisse für speichern
|
|
||||||
- nicetohave: Anzeige, wieviele Aktionen einer hat u.d wieviele davon schon verbraucht sind
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user