A4 Papier und Rastergenerator
Dieser Generator erstellt verschiedene Arten von A4-Vorlagen direkt im Browser. Er unterstützt liniertes Papier, kariertes Papier, Millimeterpapier, Schulkaros, Musiklinien, Cornell Notes sowie ein Hexagon-Raster für RPG-Karten. Alle Vorlagen werden automatisch in voller A4-Auflösung erzeugt und können als PNG heruntergeladen, gedruckt oder weiterverwendet werden.
PNG & Druck/PDF werden in voller A4-Auflösung erzeugt.
Die Vorschau passt sich automatisch der verfügbaren Breite des Templates an und zeigt die ausgewählte Papierart in Echtzeit an. Einstellungen wie Linienabstand, Randabstand, Linienfarbe und Linienstärke können frei angepasst werden.
Zusätzlich bietet der Generator einen einfachen Hell/Dunkel-Schalter, mit dem sich das Erscheinungsbild der Oberfläche zwischen einem hellen Nova-Design und einem dunklen Modus umschalten lässt.
Wie bewertest du diesen Beitrag?
Vor einiger Zeit habe ich diesen Generator entwickelt. Heute habe ich das Tool in eine KI eingespeist, und das Ergebnis ist bemerkenswert.
Ich hab mir den Papier Generator genau angeschaut. Zwei echte Fehler und ein paar Design-Anpassungen für dein NovaBranding:
Gefundene Fehler:
- Endlosschleife möglich: Bei "Zeilen /Gitterabstand" und "Oberer Rand"
wird zwar
|| 8bzw.|| 15als Fallback genutzt, aber das greift nur bei0oder leerem Feld nicht bei negativen Werten. Tippt jemand z.B.5ein, läuft die Zeichenschleife (for y += spacingPxBase) mit negativem Schritt ewig weiter und der Browser Tab hängt sich auf (Liniert/Kariert/Cornell betroffen). - Druck/PDF Export kann leer ausgegeben werden:
w.document.write(...)gefolgt von sofortigemw.print()wartet nicht, bis das Bild im neuen Fenster geladen ist. Auf langsameren Geräten wird teils eine leere Seite gedruckt.
Kleinere Sachen: Labels sind nicht per for/id mit den
Feldern verknüpft (Barrierefreiheit), und der "PDF" Button macht technisch exakt dasselbe wie
"Drucken" (beides nur window.print() Browser eigener "Als PDF
speichern" Dialog).
Ich habe beides gefixt und das Design auf dein SK Light Branding umgestellt (Gradient Buttons mit Glow, abgerundete weiße Karte, system ui Schrift).
Was ich sonst noch geändert habe:
- "PDF" Button entfernt, da er identisch zu "Drucken" war stattdessen ein Button "Drucken / Als PDF speichern" (der Browser Druckdialog bietet ohnehin "Als PDF speichern" an).
- Eingabefelder werden nach dem Zeichnen auf den tatsächlich verwendeten (bereinigten) Wert
zurückgesetzt, damit z.B. ein eingegebenes
5sichtbar auf1korrigiert wird statt einfach nur intern abgefangen zu werden. - Optik: system ui Schrift, abgerundete Karte mit weichem Schatten, Gradient Buttons
(
#B1976B→#d8c3a1) mit Glow Effekt und Hover Anhebung, sekundäre Buttons (Theme Umschalter) als dezente Outline Variante, damit sie nicht mit den Haupt Aktionen konkurrieren.
0 Kommentare
Noch keine Kommentare. Schreib den ersten!