charakterziffer.github.io/blogeintrag-100.html at master · charakterziffer/charakterziffer.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="de" prefix="og: http://ogp.me/ns#">
<!--
      Hallo Fremde:r,

      schön, dass du dich umschaust! Falls du Fragen hast oder wissen
      möchtest, wie bestimmte Sachen auf meiner Website funktionieren,
      schreib doch einfach an postfach2b [ät] web.de oder sende einen
      Post an @charakterziffer@typo.social.

      Weiterhin viele schöne Entdeckungen!
-->
<head>
<meta charset="UTF-8">
<title>Blogeintrag Nº 100 // @cz+</title>

<link href='bestand/style.css' rel='stylesheet'>
<link href="bestand/czSlab.woff2" rel="preload" as="font" type="font/woff2" crossorigin>
<link href="https://charakterziffer.github.io/rss.xml" rel="alternate" type="application/rss+xml" title="@cz+ Blogartikel">

<link rel="icon" href="/bestand/favicon.png">
<link rel="apple-touch-icon" href="/bestand/touchicon.png">
<meta name="theme-color" content="#228811">
<meta name="color-scheme" content="light dark">

<meta name="description" content="Zum Jubiläum stelle ich ein paar Blogartikel vor, die ich noch immer für lesenswert halte – quasi persönliche Highlights aus meinem Archiv.">
<meta name="author" content="Gerhard Großmann, postfach2b [ät] web.de">
<meta name="fediverse:creator" content="charakterziffer@typo.social" />
<meta name="keywords" content="Gerhard Großmann, Regensburg, Hohenfels, charakterziffer, Blog, Twitter, Mastodon">

<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="referrer" content="strict-origin">

<style> /* QR-Code mit URL für Ausdrucke, siehe https://www.smashingmagazine.com/2013/03/tips-and-tricks-for-print-style-sheets/#print-qr-codes-for-easy-url-references */
@media print { header:after { content: ""; width: 110px; height: 110px;
background-image: url('https://quickchart.io/qr?text=https://charakterziffer.github.io/blogeintrag-100.html'); background-size: 110px;
position: absolute; right: .7em; top: 1em;
z-index:-1; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } } </style>

<meta property="og:image" content="https://charakterziffer.github.io/bestand/cz200x200.jpg">
</head>

<body>
<header>
<a title="Zur Startseite" href="https://charakterziffer.github.io/"><img src="https://charakterziffer.github.io/bestand/favicon.png" width="59.8" height="59.8" alt="">@charak<br>terziffer</a>
<div>
<search><form id="suchform" method="GET" action="https://duckduckgo.com/" onsubmit="javascript:document.getElementById('q').value = document.getElementById('keyword').value + ' site:charakterziffer.github.io'">
<input type="search" id="keyword" placeholder="Suche mit DuckDuckGo" aria-label="Seite extern durchsuchen mit DuckDuckGo">
<input type="hidden" id="q" name="q">
<input type="hidden" name="kl" value="de-de">
<input type="hidden" name="kj" value="281">
<input type="hidden" name="kx" value="666">
<input type="hidden" name="k9" value="281">
<input type="hidden" name="kaa" value="839">
<input type="hidden" name="ka" value="Source Sans Pro">
<input type="submit" value="🔍" aria-label="Suchen">
</form></search>
<nav class="no-hyphens no-print"><ul>
	<li><a href="/archiv.html">Archiv</a></li>
	<li><a href="/extra/index.html">Extra</a></li>
	<li><a href="/rss.xml">RSS</a></li>
	<li><a href="/index.html#impressum">Impressum</a></li>
</ul></nav>
</div>
</header>

<main>
<article>
<time datetime="2018-12-11">Di, 11. Dez. 2018</time>
<h1>Blogeintrag Nº 100</h1>
<p>Der allererste Artikel in diesem Blog drehte sich um meine damalige <a href="twitterpause.html">Pause von Twitter</a>. Gut acht Jahre ist das nun her. Heute steht ein kleines Jubiläum an, denn das hier ist mein … einhundertster Blogeintrag! 🎉 🥂 Ich feiere dies mit einem Rückblick auf frühere Artikel, die ich besonders lesenswert finde – so wie ich es in meinem <a href="blogeintrag-50.html">Blogeintrag Nº 50</a> gemacht habe.</p>

<p><img src="material/cz750x270.jpg" alt="Weiße Ziffern auf grünem Hintergrund" /></p>

<h2 id="übers-lesen-und-erzählen">Übers Lesen und Erzählen</h2>

<p>Ein Buch hat mich dazu angeregt, mir <a href="kleinschreibung.html">gedanken zur kleinschreibung</a> zu machen. Ist der Verzicht auf Großbuchstaben nicht konsequent? Verlieren wir dadurch Ausdrucksmöglichkeiten? Und wie ist das mit der Lesbarkeit?</p>

<p>Dieses Jahr habe ich tatsächlich „Ulysses“ von James Joyce gelesen, das als schwierige Lektüre gilt. Weil ich aber <a href="wechselbuch.html">abwechselnd und mit Bleistift lesen</a> konnte, nämlich mit einer Lesepartnerin und mit schriftlichen Kommentaren im Buch, blieb ich motiviert.</p>

<p>Eine kürzere Lektüre handelt von einer überwältigend schönen Prinzessin, die einfach keinen Mann findet – sie hat nämlich ein sehr lachhaftes Problem. Ob <a href="mandelprinzessin.html">die Mandelprinzessin</a> in meinem Märchen am Ende doch noch glücklich wird?</p>

<p>Oder wie wäre es mit <a href="hoerspiele.html">Geschichten fürs Ohr</a>? Jede Woche laufen im Radio über fünfzig Hörspiele ganz unterschiedlicher Art. – Wer weniger auf Fiktionales steht, der nutzt vielleicht <a href="podcasts.html">Podcasts als Informationsquelle</a>. Ein paar empfehlenswerte Serien zähle ich in meinem Artikel auf.</p>

<h2 id="typografie-und-buchstaben">Typografie und Buchstaben</h2>

<p>Einige Designer:innen sind stolz darauf, Websites in der Systemschrift des Nutzers darzustellen. Ich finde, mit einer <a href="systemfonts.html">Schriftwahl nach System</a> wird gute Gestaltung eher verhindert. – Wer dann lieber Webfonts einsetzt, sollte die richtigen Schriftschnitte einbinden. Sonst wird der Normalschnitt nämlich <a href="webfont-styles.html">verfettet und schräggestellt</a>.</p>

<p>Ein längerer Text sollte durch Überschriften und Unterüberschriften gegliedert werden. Doch <a href="titel-abstufen.html">nicht nur die Größe zählt</a>, um diese Titel hierarchisch zu gestalten. Schließlich bietet die typografische Palette viel mehr Möglichkeiten.</p>

<p>Viele Varianten von Schrift habe ich auch auf einer <a href="typosafari.html">Typosafari durch Regensburg</a> gefunden. Eigentlich wollte ich ja herausfinden, welche Schriftarten meine Stadt ausmachen. Spoiler: Eine eindeutige Antwort habe ich nicht gefunden.</p>

<p>Natürlich gestalte ich selbst mit Schrift. Als Beispiele stelle ich <a href="chorplakate.html">vier Plakate fürs Chorkonzert</a> vor und erläutere, welche Gedanken zur Gestaltung ich mir jeweils gemacht habe.</p>

<h2 id="und-sonst">Und sonst?</h2>

<p>Mein Blog hat zwar ein, zwei inhaltliche Schwerpunkte, ist aber offen für alle möglichen Themen – so wie meine Interessen breit gefächert sind. An der japanischen Papierfaltkunst Origami mag ich zum Beispiel, dass viele Figuren sehr reduziert sind. Trotzdem ist <a href="origamistier.html">ein gefalteter Stier</a> gut erkennbar.</p>

<p>Damit E-Mails vertraulich bleiben, sollte man sie verschlüsseln. Leider hat sich das immer noch nicht durchgesetzt, obwohl <a href="verschluesselte-mails.html">verschlüsselte Mails</a> gar nicht so schwer umzusetzen sind.</p>

<p>Vielleicht ist das wie mit allem, das man sich vornimmt … wie man <a href="vorsaetze.html">gute Vorsätze</a> besser durchhält? Konkret formulieren, dokumentieren, darüber plaudern und sich belohnen. So hat’s bei mir dann auch bis zu diesem 100. Blogartikel gereicht. Alle anderen, hier nicht genannten Texte stehen übrigens im <a href="archiv.html">Archiv</a>.</p>

<p style="margin-bottom:2.25em;">---<br>
<i>Rubrik(en):</i>&nbsp; <a href="archiv.html?ansporn">#ansporn</a>&nbsp; <a href="archiv.html?kritik">#kritik</a>&nbsp; <a href="archiv.html?sujet">#sujet</a>&nbsp;</p>
</article>


<div class="no-print">
<h2 id="kommentieren">Artikel kommentieren</h2>
<p>Ich lege Wert auf eine respektvolle Diskussion und überprüfe jeden Kommentar, bevor er hier erscheint. Beleidigende oder unsachliche Beiträge ignoriere ich mit großem Vergnügen. Alle Angaben sind freiwillig.</p>

<form name="kommentarformular" id="kommentarformular" method="post"  action="https://www.onlex.de/_formmailer.php?username=charakterziffer" accept-charset="UTF-8" enctype="application/x-www-form-urlencoded" onsubmit="javascript:document.getElementById('aktuelles-datum').value = new Date().toLocaleString('de-DE')">
<input type="hidden" name="post_id" value="/blogeintrag-100">
<input type="hidden" name="date" id="aktuelles-datum" value="">
<input type="hidden" name="nummer" value="1">

<div>
	<label for="name">Name</label>
	<div><input name="&#10;name" id="name" type="text" size="25" spellcheck="false">
	&nbsp;<i>(Pseudonym möglich)</i></div>
	<!-- &#10; fügt in der Onlex-Mail eine Leerzeile davor ein -->
</div>
<div>
	<label for="mail">E-Mail</label>
	<div><input name="mail" id="mail" type="email" size="25" autocomplete="email" spellcheck="false" autocapitalize="off">
	&nbsp;<i>(wird nicht veröffentlicht)</i></div>
</div>
<div>
	<label for="link">Website</label>
	<div><input name="link" id="link" type="url" size="25" spellcheck="false" onblur="javascript:if ( (this.value!='') && !(this.value.match(/^https?:\/\//g)) ) { this.value = 'http://' + this.value;}"></div>
	<!-- Beim Verlassen des Feldes: Falls Webadresse nicht leer und nicht mit „http(s)://“ beginnt, dann ergänze „http://“. So bekommt der Nutzer wegen type="url" keine Fehlermeldung, auch wenn er das http:// vergisst. -->
</div>
<div>
	<label for="comment">Kommentar</label><br>
	<textarea name="comment" id="comment" required spellcheck="true"></textarea>
</div>
<input type="hidden" name="&#10;---&#10;Hinweis" value="Mehrzeilige Kommentare in 'Apostrophe' einschließen und um </р><р> ergänzen.">
<input name="onlex_password" id="onlex_password" type="hidden" value="5">
<div><input name="submit" id="submit" type="submit" value="Veröffentlichen"></div>
</form>

<p class="no-hyphens" style="font-size:0.9em;line-height:1.667em;">Formatierungen mit HTML sind möglich, z.<small>&nbsp;</small>B. &lt;em&gt;<em>betont</em>&lt;/em&gt;, &lt;strong&gt;<strong>hervor&shy;gehoben</strong>&lt;/strong&gt; oder &lt;code&gt;<code>Quelltext</code>&lt;/code&gt;. Außerdem Verlinkungen (&lt;a href="http://verlinkte-website.de"&gt;Linktext&lt;/a&gt;) und Bilder (&lt;img src="http://pfad-zum.de/bild.jpg" alt="Bildbeschreibung"&gt;).</p>
</div> <!-- .no-print -->
<p style="width:48%; float:left; margin:3.1em 0 1.1em;" class="no-hyphens no-print"><a href="kalender-2019.html">← Bunte Blätter für 2019</a></p>
<p style="width:48%; float:right; text-align:right; margin:3.1em 0 1.1em;" class="no-hyphens no-print"><a href="tagesvers.html">Ein Jahr in Augenblicken (Vorsatz 2018) →</a></p>
<p style="clear:both;" class="no-print"></p>
</main>

<aside class="no-hyphens">
<p>Hallo, ich bin <a href="javascript:new%20Audio('bestand/aussprache.mp3').play()" class="anhoeren" title="Aussprache anhören">Gerhard Großmann</a> aus Hohen&shy;fels<span class="no-print"> (siehe <a href="/index.html#impressum">Impres&shy;sum/Daten&shy;schutz</a>)</span>. Über Fragen, Kritik und Anmer&shy;kungen freue ich mich sehr – z.<small>&nbsp;</small>B.<span class="no-print"> via <a href="https://typo.social/@charakterziffer" target="_blank" rel="noopener noreferrer">Masto&shy;don</a> oder</span> per Mail an <em>postfach2b [ät] web.de</em>.</p>
<p class="no-print">Mein <a href="/rss.xml" class="icon-rss">RSS-Feed</a> informiert immer pünkt&shy;lich über neue Artikel. Alle bis&shy;herigen Ein&shy;träge finden sich <a href="/archiv.html">im Archiv</a>.</p>
<p>Die Texte in diesem Blog stehen unter einer <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de" class="icon-ccbysa">Crea&shy;tive-Commons-Lizenz 4.0 (Deutsch&shy;land)</a> mit Namens&shy;nennung und Weiter&shy;gabe unter gleichen Bedin&shy;gungen.</p>
</aside>

<script src="https://www.onlex.de/_counter.php?username=charakterziffer" defer></script>
</body>
</html>