27 August, 2023

Mit CSS clip-path kannst du divs in jeder beliebigen Form erstellen.

Standardmäßig ist ein div viereckig. Um außergewöhnliche Designs umzusetzen, ist es manchmal erforderlich, dass divs in einer anderen Form dargestellt werden müssen. In der Regel setzt man hier dann pngs mit Transparenz ein. Für einfache Formen sind CSS clip-paths allerdings die elegantere Lösung. So kann z.B. solch ein Hexagon mit folgendem Code erzeugt werden. Die […]

• CSS
• HTML

25 August, 2023

So verhinderst du, dass Bilder deines Servers auf externen Websites angezeigt werden (Hotlinking)

Wenn du eine Web-App baust, in der die User Bilder hochladen können, solltest du darüber nachdenken, Hotlinking zu verhindern, denn sonst könnte es passieren, dass deine App missbräuchlich als Imagehoster genutzt wird. Mit wenigen Zeilen in der htaccess ist dieses Problem gelöst:

• htaccess

24 August, 2023

So erstellst du eine Prozessgrafik mit HTML & CSS.

• CSS
• Design
• HTML

23 August, 2023

Doodle-Alternativen

• Tools

22 August, 2023

TEXT IN VERSALIEN (GROßBUCHSTABEN) in Text mit richtiger Groß- und Kleinschreibung umwandeln

Als Webentwickler, Content-Manager oder Grafiker kennst du das Problem bestimmt: Du musst Text copy&pasten, aber den Text gibt es im PDF oder auf der Website nur in VERSALIEN. Während man auf der Website noch die Chance hat, dass dem Text nur ein „text-transform: uppercase“ verpasst worden ist und man Quelltext den Text in Groß- und […]

• ChatGPT

20 August, 2023

jQuery „Live-Suche“ – So kannst du Elemente auf einer Website durchsuchen und nicht passende Ergebnisse ausblenden.

Mit folgendem jQuery-Script kannst du eine „Live-Suche“ oder eine Filterfunktion auf einer Website umsetzen. Sobald etwas im Suchfeld eingetippt wird, werden alle nicht-passenden Elemente ausgeblendet. Hier kannst du das Skript an Hand einer (fiktiven) FAQ für ein Hotel ausprobieren: Wie kann ich eine Reservierung vornehmen? Sie können online über unsere Website oder telefonisch über unsere […]

• HTML
• JavaScript
• jQuery

13 August, 2023

Snapdrop – „AirDrop“-Alternative für Windows, Android, Mac, iPhone und alle anderen.

• Android
• Apple
• iOS
• Tools
• Windows

12 August, 2023

JPG, PNG, WEBP, SVG oder GIF – so entscheidest du, welches Dateiformat das optimale für deine Website ist.

Hier hatte ich schon mal darüber geschrieben, warum es wichtig ist auf die Bild- und Dateigrößen im Web zu achten: https://www.fbnfrtg.de/warum-man-beim-pflegen-einer-website-unbedingt-auch-die-bildgroessen-im-blick-behalten-sollte/ Neben der Bildgröße, spielt auch das Dateiformat eine wichtige Rolle. Aktuell sind JPG und PNG noch die meistgenutzten Dateiformate im Web. Bis vor einigen Jahren waren diese beiden Formate im Prinzip auch noch alternativlos. […]

• Photoshop

11 August, 2023

Banksy

• Art
• Banksy
• StreetArt

10 August, 2023

YouTube-Thumbnail-URL

Um direkt das Thumbnail eines YouTube-Videos aufzurufen, musst du lediglich in folgender URL die Video-ID einsetzen: https://i3.ytimg.com/vi/#VIDEO-ID#/maxresdefault.jpg

• YouTube