M. Kniebes. · CSS https://kniebes.com Beiträge zum Tag CSS Sun, 25 Aug 2024 11:08:36 +0200 de-DE hourly 1 IO <![CDATA[CSS, nix für schwache Nerven…]]> https://kniebes.com/2024/08/25/1268af30d186.html Sun, 25 Aug 2024 11:08:36 +0200 https://knieb.es/3358 An diesem Morgen – an einem Sonntagmorgen – ist mir Safari Mobile schon ziemlich auf den Keks gegangen:

  • Im article > footer der neuen Frontends wurde die font-size immer mit 19px kalkuliert.
  • Die font-size in main > header > detail > summary wurde bei aufgeklappten Details angepasst.

Vanadium und Vivaldi haben nicht derlei Zicken gemacht. Hat vermutlich weniger mit den Browsern als der Auflösung der Geräte zu tun.

Lösung ist -webkit-text-size-adjust: none;. Das mag allerdings auch ein wenig darauf hindeuten, dass in dem CSS ein tieferes Problem begraben liegt, da das Phänomen beim gleichen Layout mit dem alten CSS nicht aufgetreten ist.

Per E-Mail antworten
Du hast Fragen an mich oder ein Thema für die FAQ?

]]> <![CDATA[The Cascade]]> https://kniebes.com/2024/04/22/the-cascade.html Mon, 22 Apr 2024 08:31:28 +0200 https://knieb.es/2ab4 The Cascade – vormals ein Newsletter, jetzt ein Blog.

Der Newsletter war immer wieder ein Quelle interessanter und meist neuer Aspekte und Tips zu CSS.

Per E-Mail antworten
Du hast Fragen an mich oder ein Thema für die FAQ?

]]> <![CDATA[Galerie und CSS Grid]]> https://kniebes.com/2022/12/16/galerie-und-css-grid.html Fri, 16 Dec 2022 10:12:42 +0100 https://knieb.es/1e24 Es hat gedauert, aber nun habe ich dem Blog auch endlich ein Gallery-Feature für Einträge verpasst. Bei der Zahl der Fotos im Journal war wirklich an der Zeit.

Alternativ ginge nur ein Papst über Wordpress um dann mit dem unsäglichen Blockeditor eine Galerie zu erstellen. Aber das ist mir zu kompliziert mit Gutenberg.

Die Anordnung erfolgt per CSS Grid, was verblüffend einfach ist. Ich brauchte kaum irgendwas "Spezielles" und benutze nur ein sehr einfache grid-template-columns. Der Rest ging fast von allein.

A Complete Guide to CSS Grid ist ein fantastischer Einstieg.

Aus der Serien "Eins ist anders und gehört nicht hierher".

baustellenreport
baustellenreport-2
baustellenreport-2
baustellenreport
Screenshot vom Blog Editor
baustellenreport-1

Per E-Mail antworten
Du hast Fragen an mich oder ein Thema für die FAQ?

]]> <![CDATA[CSS Reference]]> https://kniebes.com/2016/12/01/css-reference.html Thu, 01 Dec 2016 15:38:26 +0100 https://knieb.es/172d

CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

CSS Reference – A free visual guide to the most popular CSS properties

Per E-Mail antworten
Du hast Fragen an mich oder ein Thema für die FAQ?

]]> <![CDATA[Cufón]]> https://kniebes.com/2009/03/20/cufon.html Fri, 20 Mar 2009 11:55:22 +0100 https://knieb.es/43b Über Nico bin ich auf die potentielle sIFR Alternative Cufón aufmerksam geworden:

Per E-Mail antworten
Du hast Fragen an mich oder ein Thema für die FAQ?

]]> <![CDATA[CSS3::calc() & Co.]]> https://kniebes.com/2006/09/22/css3calc-038-co.html Fri, 22 Sep 2006 11:41:00 +0200 https://knieb.es/700 Ja, scheiße! Genau darauf habe ich gewartet. Für mich hatte CSS schon immer zu wenig Logikanteil, sodass ich lieber im Backendcode herumgehackt habe. Das kann sich mit CSS3 bald ändern, dann kann ich endlich an Einheiten und Werten ein wenig herumrechnen…

Im SELFHMTL Weblog wurde es verraten.

Per E-Mail antworten
Du hast Fragen an mich oder ein Thema für die FAQ?

]]> <![CDATA[Bildersatz für Überschriften]]> https://kniebes.com/2006/05/18/bildersatz-fuer-ueberschriften.html Thu, 18 May 2006 14:16:00 +0200 https://knieb.es/7a0 Auch eine Handvoll Links, die ich regelmäßig heraussuchen muss. Verschiedene Methoden, Überschriften mehr oder weniger barrierefrei durch Grafiken zu ersetzen:⁣

⁣Wenn's nicht floaten soll, greife ich idR. auf die Original Gilder/Levin method zurück.

Per E-Mail antworten
Du hast Fragen an mich oder ein Thema für die FAQ?

]]> <![CDATA[CSS Swag: Multi-Column Lists]]> https://kniebes.com/2005/09/27/css-swag-multi-column-lists.html Tue, 27 Sep 2005 10:43:00 +0200 https://knieb.es/97e A List Apart: Articles: CSS Swag: Multi-Column Lists

Per E-Mail antworten
Du hast Fragen an mich oder ein Thema für die FAQ?

]]> <![CDATA[zwei Spalten gleicher Höhe]]> https://kniebes.com/2004/09/25/zwei-spalten-gleicher-hoehe.html Sat, 25 Sep 2004 12:29:00 +0200 https://knieb.es/bc5 Peter weist auf CSS-Technik-News auf eine weitere Lösung von .paeng hin CSS Layouts mit zwei Spalten gleiche Höhe zu realisieren:

In diesem Zusammenhang könnte auch column-swapping aus dem Satzansatz CSS Lab von Interesse sein.

Per E-Mail antworten
Du hast Fragen an mich oder ein Thema für die FAQ?

]]> <![CDATA[Sliding Doors Meets CSS Sprites]]> https://kniebes.com/2004/06/22/sliding-doors-meets-css-sprites.html Tue, 22 Jun 2004 22:18:00 +0200 https://knieb.es/c59 fiftyfoureleven.com: Sliding Doors Meets CSS Sprites

eine Demo Seite mit eingebettetem CSS Quellcode.

Per E-Mail antworten
Du hast Fragen an mich oder ein Thema für die FAQ?

]]> <![CDATA[CSS and Email, Kissing in a Tree]]> https://kniebes.com/2004/03/28/css-and-email-kissing-in-a-tree.html Sun, 28 Mar 2004 13:37:00 +0200 https://knieb.es/ef8 Das kann sich doch nur um einen üblen Scherz handeln. Bei manchen Artikeln auf ALA kann man nur den Kopf schüttlen, so auch bei diesen schlimmen Machwerk, das den Gebrauch von CSS in HTML EMails näher bringt.

Ich halte den Gebrauch von HTML in EMail schon mehr als fragwürdig, aber das Chaos dann auch noch mit CSS aufpeppen zu wollen ist Dummheit.

Ich habe durchaus Verständnis, wenn ein Unternehmen einen schönen Newsletter an den Mann Kunden bringen möchte. Aber da gibt es doch wesentlich elegantere Möglichkeiten.

Da fällt mir bspw. der Newsletter von Warp Records ein, der als Text inkl. einer URL auf eine Internetseite mit dem akt. Newsletter verschickt wird. Die Vorteile einer solchen Lösung liegen klar auf der Hand, der Kunde sieht genau das was er sehen soll, da das Erstellen von HMTL Dokumenten für Browser dann doch noch einfacher ist als für unzählige MUAs, die womögliche nichteinmal HTML darstellen können. So hat jeder Kunde die Möglichkeit den Newsletter zu lesen und nicht nur jene mit der passenden Emailsoftware. Ein aus Marketingsicht sicherlich nicht uninteressantes Argument, oder 😉

!!! Do not use HMTL in Email !!!

Per E-Mail antworten
Du hast Fragen an mich oder ein Thema für die FAQ?

]]> <![CDATA[CSS Sprites & Positioning]]> https://kniebes.com/2004/03/05/css-sprites-amp-positioning.html Fri, 05 Mar 2004 18:00:00 +0100 https://knieb.es/eaf
  • CSS Sprites – ein Artikel von Dave Shea auf ALA: Imageslicing mit CSS ohne Javascript.
  • Vom gleichen Autor: Positioning and the Cascade

    • Per E-Mail antworten
    Du hast Fragen an mich oder ein Thema für die FAQ?

    ]]>         <![CDATA[Zur Heiligen Dreispaltigkeit …]]> https://kniebes.com/2003/08/20/zur-heiligen-dreispaltigkeit-8230.html Wed, 20 Aug 2003 14:39:00 +0200 https://knieb.es/1116 mit dicken Rändern und negativem Einzug. Ein dreispaltiges CSS-Layout mit Spalten in voller Höhe, vorgestellt im CSS-Technik Weblog.

    Beispiele für dreisplatiges Layout gibt es diverse, aber idR haben die Spalten eine voneinander unabhängige Höhe, was z.T. gewaltig saugt.

    Per E-Mail antworten
    Du hast Fragen an mich oder ein Thema für die FAQ?

    ]]>         <![CDATA[ALA: Why Don’t You Code For Netscape?]]> https://kniebes.com/2001/12/10/ala-why-don8217t-you-code-for-netscape.html Mon, 10 Dec 2001 13:49:00 +0100 https://knieb.es/292 Frage ich mich eigentlich nicht!

    A List Apart: Why Don’t You Code For Netscape?

    Interessanter ist die Frage, warum manche Surfer mit Netscape 4 unterwegs sind. Man muß ja Heute schon gewisse Anstrengungen unternehmen, um NC4 zu nutzen, zumindest eine Installation der Software über sich ergehen lassen. Wenn man also NC4 installiert kann es sicherlich nicht der Grund sein, daß man unbedingt einen Browser mit dieser abartigen Renderengine haben möchte, weil sie so oboslet ist und den tollsten Murks macht. Vermutlich geht es darum einen anderen Browser als MSIE5/6 zu haben. Legitim, das möchte ich auch;) Wenn man nun aber diese Abneigung gegen die vorinstallierte Software hat, hat man sicherlich auch genug Einblick in die Materie, um sicher zu wissen wo NC4 einzuordnen ist und wie es um Alternativen steht. Ist dies nicht der Fall, sollte man sich ersthaft Gedanken über seine Motivation und den Ursprung dieser Entscheidung machen!

    Man entscheidet sich nun trotzdem für NC4, dann kennt man doch auch die Konsequenzen und solage man den Inhalt einer Seite sehen kann, möge man sich doch bitte in Schweigen hüllen. Ein halbwegs gut gemacht Seite, die Gebrauch von XHMTL und CSS(2) macht, ist nicht unlesbar von Netscape, sie macht visuell halt nur nicht viel her.

    Per E-Mail antworten
    Du hast Fragen an mich oder ein Thema für die FAQ?

    ]]>