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

19. September 2023

Mit simplegmaps kannst du individuelle Google Maps mit mehreren Markern ganz einfach erstellen

Google Maps sind ein fantastisches Tool zur Darstellung von – Überraschung – Standorten. Während es sehr einfach ist, einen einzigen Standort auf einer Karte darzustellen und im iFrame einzubinden, ist es relativ umständlich und kompliziert mehrere Marker auf einer Karte zu platzieren und mit eigenen Tooltips zu versehen. Das JavaScript(-Plug-in) simplegmaps vereinfacht diesen Prozess enorm. […]

30. August 2023

Divs beim scrollen einblenden

Divs erst beim scrollen zeitverzögert einzublenden oder „reinfliegen“ zu lassen ist ein großer Trend in den letzten Jahren gewesen. Wenn man es nicht übertreibt und subtile Animationen, kann das durchaus ein netter Effekt sein. Wobei ich grundsätzlich eher Fan davon bin wenn eine Website schnell und direkt ist und die Darstellung der Inhalte nicht noch […]

30. August 2023

Microsoft Planner – richtig gutes Projektmanagement-Tool im Kanban-Style

Ich bin ja wirklich kein Fan von Microsoft-Software. (Mal abgesehen von VSC…) Auch wenn das UI-Design in den letzten Jahren deutlich schicker geworden ist, sind die Programmoberflächen doch häufig völlig überladen, mit Buttons und Funktionen, die kein Mensch braucht. Positives Gegenbeispiel: der Microsoft Planner. Der Microsoft Planner ist Teil von Microsoft 365, das ja eh […]

30. August 2023

Breadcrumb-Navigation für WordPress

Mit diesem Code kannst du automatisch eine Breadcrumb-Navigation für deine WordPress-Website generieren. Ergänze folgenden Code in deiner functions.php: Und anschließend rufst du die Funktion an gewünschter Stelle im Template auf:

27. August 2023

So meldest du deine Website bei Google an.

Früher gab es mal eine Google-Seite, auf der man seine Website mit Hilfe eines Formulars in den Google-Index aufnehmen lassen konnte. Dieses Formular gibt es inzwischen seit einiger Zeit nicht mehr. Heute sind hierfür 2 Schritte erforderlich: Nach wenigen Stunden bis Tagen sollte deine Website dann bei Google zu finden sein.

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 […]

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:

24. August 2023

So erstellst du eine Prozessgrafik mit HTML & CSS.

Eine Prozessgrafik (oder Ablaufdiagramm) ist ein sinnvolles Gestaltungselement um Abläufe zu visualisieren. Z.B. so: Step 1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Step 2 Exercitationem officiis doloribus quo pariatur reiciendis aliquid, laborum natus quibusdam? Step 3 Fugit eum aspernatur maiores ab odio voluptas explicabo inventore suscipit nobis accusamus. Für die Darstellung der Pfeile […]

23. August 2023

Doodle-Alternativen

Doodle war jahrelang das Tool um mit Kollegen einen gemeinsamen Termin zu finden oder eine Abstimmung durchzuführen. Leider ist Doodle inzwischen sehr unübersichtlich geworden und mit viel zu viel Werbung zugepflastert. Auf der Suche nach Alternativen, haben mich diese beiden Dienste überzeugt: Mit Xoyondo können schnell und einfach Termine abgestimmt werden oder Meinungsumfragen durchgeführt werden. […]

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 […]

FRTG - Traces
Jetzt bei Apple Music & Spotify.