kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …


Vorschau-Button in WordPress verstecken

Hin und wieder kommt es vor, dass man den Redakteuren in WordPress verbieten möchte einen Inhalt über die Vorschau-Funktion anzuschauen. Das ist beispielsweise dann der Fall, wenn der Inhalt gar nicht auf einer eigenen Seite, sondern immer nur eingebettet in einer anderen Seite angezeigt wird. Die Vorschau würde in diesem Fall keinen Mehrwert bieten. In diesem Beitrag findet ihr das Code-Snippet um den Vorschau-Button für beliebige Post Types zu deaktivieren.

Beitrag zu Ende lesen

SVG Browser-Support für Animationen und Interaktionen

SVG

Mit Hilfe der SVG-Technologie können interessante Interaktionen und Animationen auf einer Website realisiert werden. Leider ist der Browser-Support höchst unübersichtlich, denn ob etwas funktioniert oder nicht ist davon abhängig wie die SVG eingebunden wurde und welche Sprache (JavaScript, SMIL, CSS) zur Erzeugung der Animation verwendet wurde. Wir haben daher für die interne Nutzung eine Übersicht erstellt, die wir euch natürlich nicht vorenthalten wollen.

Beitrag zu Ende lesen

CSS backdrop-filter – Filter auf Objekte im Hintergrund anwenden

Mit Hilfe der CSS-Eigenschaft filter lassen sich zahlreiche interessante Effekte realisieren. Für die Eigenschaft backdrop-filter stehen die gleichen Effekte zur Verfügung, allerdings wirken sich die Filter nicht auf das Element selbst aus, sondern auf alles was optisch hinter dem Element liegt. Mit Backdrop Filtern ist es also beispielsweise möglich eine fixierte, halbtransparente Navigationsleiste zu erstellen, hinter der bei Scrollen alle Inhalte leicht unscharf dargestellt werden.

Beitrag zu Ende lesen