Der Feedreader TTRSS ist seit Langem mein täglicher Begleiter, sowohl für News, Blogs als auch für alles, was mich interessiert und einen Feed hat. Einen CSS-Tweak benutze ich schon seit einiger Zeit, den ich nun weiter verbessern konnte.

Ich finde den Lesefluss nämlich generell angenehmer, wenn Textzeilen nicht zu lang sind. Es verbessert schlicht den Lesefluss, wenn man am Ende der Textzeile dieser nicht über die gesamte Bildschirmbreite zum nächsten Zeilenanfang folgen muss. Zeitungen machen das ganz klassisch mit mehreren nebeneinander stehenden Textblöcken. Ich finde das super. Deshalb habe ich das schon seit Ewigkeiten für meinen Feedreader TTRSS so eingerichtet.

Einfach unter Einstellungen -> Allgemein -> Theme anpassen das folgende CSS einfügen. Dann wird der Lesebereich in drei Textblöcke unterteilt. Das funktioniert für mich richtig gut, und ich möchte gar nicht mehr ohne.

.content-inner { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; text-wrap: pretty; text-align: justify; hyphens: auto}

Transparent Textures ist eine Seite, die transparente Hintergründe für die eigene Website inklusive dem passenden CSS zum Einbetten anbietet. Das Ganze ist so einfach wie nichts. Farbe und Hintergrund auswählen, CSS einbetten, fertig. Das gewählte Hintergrundbild sollte am besten noch irgendwo auf den eigenen Server oder eventuell bei GitHub und Konsorten kopiert werden, um nicht ohne coolen Hintergrund dazustehen, falls der Transparenttextures-Server mal down sein sollte.

Um das Hintergrundbild nun in Shaarli einzubinden, braucht man das Plugin shaarli-custom-css, das es einfach macht, ein paar Zeilen CSS einzuschleusen. Nach dem das Plugin installiert ist, kann man in der Plugin-Konfiguration das passende CSS von Transparent Textures einfügen. Damit das ganze auch funktioniert, muss noch die Body-Klammer drum herum. Dann hat man es komplett.

body {
    background-color: #b3de81;
    background-image: url("https://www.transparenttextures.com/patterns/arabesque.png");
}

Links

https://www.transparenttextures.com/
https://github.com/immanuelfodor/shaarli-custom-css

Farblehre und Grundlagen für ein gutes Webdesign

• A primer on color theory
• Types of colors
• Variations of colors
• Types of color combinations
• Monochromatic color combinations
• Complementary color combinations
• Triadic color combinations
• Analogous color combinations
• Tetradic color combinations
• Generate meaning using color combinations
• Build a color palette for your brand
• Use a color wheel to generate color combinations
• Use a color picker to create color combinations from a photograph
• Create a brand kit that includes your color palettes
• 100 color palettes to inspire your designs
• Find organic color inspiration in nature
• Get delicious color palettes from food & drink
• Find inspiration in color palettes around the world
• Pull your inspiration from everyday items
• Design with color