Über Web, Tech, Games, Art,
Musik, Code & Design

1. April 2023

Mehrspaltiges Layout mit gleichgroßen divs mit CSS Grid

Mit folgendem Code lässt sich mit CSS Grid ein mehr-spaltiges Layout mit divs in gleicher Höhe ohne jQuery oder JavaScript umsetzten. Box 1 Lorem ipsum, dolor sit. Box 2 Button Box 3 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, placeat inventore. Lorem ipsum dolor sit amet. Button Box 4 Lorem ipsum dolor sit […]

1. April 2023

5 praktische jQuery-Plug-ins, die man auf fast jeder Website gut gebrauchen kann

Das tolle an jQuery ist, dass es nicht nur sehr einfach ist, eigenen Code damit zu schreiben, sondern das es auch für nahezu jeden Anwendungsfall bereits ein passendes Plug-in gibt. Hier ist meine Top 5 der jQuery-Plugins, die ich fast auf jeder Website einsetze. Magnific Popup Ein Klassiker unter den Lightbox-Plugins. Schlicht, schön, einfach zu […]

31. März 2023

CSS-Variablen

In Programmiersprachen sind Variablen gang und gäbe. Auch in Sass gibt es Variablen. Und tatsächlich gibt es auch in CSS die Möglichkeit Variablen einzusetzen. Genau genommen heißen sie dort „custom properties“ – die dazugehörigen Funktion lautet aber „var()“… Und so funktionieren Variablen in CSS: Am sinnvollsten ist es CSS-Variablen am Anfang des Stylesheets zu definieren […]

31. März 2023

Nur bestimmte Wörter trennen

Die CSS-Silbentrennung (hyphens: auto) ist gleichzeitig Fluch & Segen. Einerseits ist es praktisch und vermeidet, gerade bei schmalen Textspalten, größere Lücken im Text, andererseits entstehen oft sehr merkwürdige Trennungen. Inzwischen deaktiviere ich auf vielen Websites schon wieder die automatische Silbentrennung, da viele Kunden die Trennungen als störend empfinden. In manchen Situationen, besonders bei großen Headlines […]

30. März 2023

Mit Gmail die Herkunft von Spam-Mails herausfinden und blocken

Wer ein Google-Konto hat, hat im Prinzip unendlich viele E-Mail-Adressen – denn jede Gmail-Adresse kann mit einem „+“ einfach erweitert werden. So wird z.B. aus „max.mustermann@gmail.com“ dann „max.mustermann+xynewsletter@gmail.com“. Diesen Umstand kann man zum Einen nutzen, um herauszufinden woher der Spam im Postfach kommt und zum Anderen, um den Spam, der an diese Adresse geschickt wird, […]

29. März 2023

Gesichter oder Kennzeichen verpixeln in Final Cut

Gesichter, Kennzeichen, Personen oder andere Objekte zu verpixeln, ist in der aktuellen Final Cut Version ganz einfach und funktioniert so ähnlich wie das Motion Tracking. Wähle hierzu aus den Effekten „Zensor“ und ziehe ihn auf Videobild. Passe die Fläche, die verpixelt werden soll, an und klick anschließend auf „Analysieren“. Standardmäßig wird in Final Cut merkwürdigerweise […]

29. März 2023

Wiederverwendbare Blöcke in WordPress effektiv nutzen

Wiederverwendbare Blöcke sind ein hilfreiches Tool, das gleich auf 2 Arten sinnvoll genutzt werden kann. Zum einen können wiederverwendbare Blöcke direkt im Gutenberg-Editor genutzt werden. Z.B. wenn man einen bestimmten Bereich häufiger auf der Website darstellen will. So ein Block kann einfach erstellt werden, indem man den Inhalt im Gutenberg-Editor erstellt, einen oder mehrere Blöcke […]

28. März 2023

So kann Text der Bewegung in Videos folgen – Motion Tracking in Final Cut Pro

Motion Tracking oder auch Object Tracking ist ein beliebter & stilvoller Effekt um Text in Videos subtil zu animieren. Seit Version 10.6 ist dies nun auch in Final Cut möglich. Erstelle zunächst einen Tracker, indem du hier auf das Plus klickst. Platziere das Gitter auf dem Objekt, das getrackt werden soll. Das kann ein Kopf, […]

28. März 2023

Einfache Zeitsteuerung mit JavaScript oder PHP

Mit folgenden Codes kann man ein div oder andere Elemente einfach zeitgesteuert einblenden: Oder das Ganze in PHP:

27. März 2023

Color Grading in Final Cut – so können eigene LUTs installiert werden

In den seltensten Fällen kommt das Videobild schon genau so aus der Kamera, wie man es gerne hätte. Was bei Instagram die Filter sind, nennt sich im professionellen und semi-professionellen Bereich „Color Grading“. Mittels Color Grading wird, durch Anpassen von Helligkeit, Kontrast, Farben und anderen Einstellungen, dem Film ein ganz besonderer Look verpasst. Für solche […]