Flüssige und variable Typografie

Hier eine funktionierende Implementierung, um gleich zur richtigen Berechnung zu kommen.

Flüssige Schrifttypen sind cool!

Dies würde die Schriftgröße von einem Minimum von 16px (bei einem Viewport von 320px) auf ein Maximum von 22px (bei einem Viewport von 1000px) skalieren. Hier ist eine Demo.

Text-Balance: ohne · Lorem ipsum dolor sit amet, consectetur adip isicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Text-Balance: mit · Lorem ipsum dolor sit amet, consectetur adip isicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Der Grund, warum die Mathematik etwas kompliziert ist, liegt darin, dass wir vermeiden wollen, dass die Schrift jemals kleiner als unser Minimum oder größer als unser Maximum wird, was mit den Viewport-Einheiten sehr einfach zu erreichen ist. Wenn wir zum Beispiel die Schriftgröße in einem Bereich haben wollen, in dem 14px die minimale Größe bei der kleinsten Viewportbreite von 300px und 26px die maximale Größe bei der größten Viewport-Breite von 1600px ist, dann sieht unsere Gleichung wie folgt aus ...


Ulm,

Einfach zu erledigen

Wir alle leiden darunter: "Ich bin mein eigener schlimmster Kunde", sagen wir. Das Szenario ist, dass man sich selbst eine Aufgabe gestellt hat, eine App, ein Plugin, einen Blog, einen Androiden oder (in meinem Fall) eine persönliche Portfolio-Website zu erstellen. Und das ist toll, es macht immer Spaß, an der eigenen Arbeit zu arbeiten. Aber es kann viel zu leicht passieren, dass man in einem Trott stecken bleibt.

Das kann zu jedem Zeitpunkt des Projekts passieren, aber meistens ist es der Endspurt, in dem man (glaube ich) beschließt, einen Gang zurückzuschalten. So ist es mir mit dieser Website ergangen. Jedes Mal, wenn jemand fragte: "Ist es schon fertig?", begann meine Antwort mit etwas wie "Nun, ich muss nur noch...". gefolgt von irgendeinem lächerlichen Detail, das vielleicht gar nicht gemacht werden muss.

Das Problem ist, dass wir uns zu sehr auf unsere eigene Arbeit konzentrieren und dabei die eigentliche Aufgabe vergessen, nämlich sie zu erledigen! Verstehen Sie mich nicht falsch. Ich genieße es, meine eigene Arbeit bis zum letzten Pixel in Retina-Größe zu perfektionieren, aber irgendwann müssen wir herausfinden, ob es schwimmt. Was wir nicht vergessen dürfen, ist, dass Dinge korrigiert, geändert und neu veröffentlicht werden können.

Einfach gesagt: Habt keine Angst! Es wird großartig werden, was auch immer es ist. Lassen Sie sich nur nicht von Kleinigkeiten davon abhalten, Ihre Arbeit zu veröffentlichen. zu veröffentlichen. Wenn du jede Kleinigkeit tun würdest, an die du denkst, bliebe nichts mehr übrig, um dich weiterzuentwickeln.

Danke: Ich möchte mich bei meinen Kindern und meinen Kollegen bedanken, die mich mit meiner neuen Website geärgert haben. Jetzt, wo sie online ist, habe ich die Gelegenheit, sie mit ihren eigenen Websites zu nerven. Also Jungs & Mädels, macht weiter!


© by Reinhard Lange | machtWeb