""

Wenn der Website-Besucher anrufen soll: Mit einem "tel:" Link kann ein Text oder Button klickbar gemacht werden. Beim Klick öffnet sich auf dem Handy direkt die Telefon-App, auf dem Mac startet stattdessen Facetime. Das ist praktisch für Landingpages, bei denen der Besucher direkt bei Fragen anrufen können soll – oder, um einen Termin zu vereinbaren. Eine Telefonnummer, die man mühsam abtippen muss, wirkt ...

Um die Hintergrundfarbe einer HTML Tabellenzeile mit einer Farbe zu versehen, hilft CSS. Für eine gute Lesbarkeit kann es aber gerade bei längeren Tabellen hilfreich sein, die Zeilen unterschiedlich zu färben: So kann man zum Beispiel jede zweite Zeile einfärben, um das Lesen zu erleichtern.   Tabellenzeile abwechselnd automatisch färben Das Auswählen und Färben der HTML Tabelle geht ganz einfach, indem man zum Beispiel jeder ...

Wer Webseiten ausdrucken möchte, braucht oft nicht alle Elemente. Mit Media-Queries lassen sich verschiedene Layouts und Designs für verschiedene Medien erstellen: Vom Desktop-Bildschirm über das Smartphone Display bis zum Drucker. Wenn jetzt verschiedene Elemente auf einem Gerät (zum Beispiel im Druck) nicht gezeigt werden sollen, helfen diese Media-Queries auch weiter: Für den Ausdruck "versteckt" man das Element einfach! <style> @media print ...

„SEO? Mache ich doch schon. Content ist King, Mobile First, Backlinks... Kann ich das Thema nicht endlich abhaken?“, werden sich einige Leser jetzt fragen. Dabei ist eine richtig gute SEO-Strategie in Zukunft wichtiger denn je und für jede SEO Agentur eine immer größere Herausforderung. Denn die Grundlagen von SEO bezüglich Überschriften, Links und Bildern kennt tatsächlich inzwischen so ziemlich jeder Unternehmer. Das bedeutet aber auch, ...

Ein Hintergrundbild muss nicht zwingen ein schönes Foto sein, das tatsächlich im Hintergrund angezeigt wird: Stattdessen lässt sich mit der CSS Eigenschaft "background-image" auch ein Button erstellen: Dies ist zum Beispiel ein klickbares DIV Element, dass statt einem IMG Bild ein Hintergrundbild enthält. Das muss aber nicht zwingend den ganzen Bereich ausfüllen, sondern kann auch als ein Icon mittig in dem Element platziert werden: Das ist mit einem als IMG eingebundenen Bild schon nicht mehr ganz ...

SymLinks, auch Soft-Links oder symbolische Links genannt, sind eine praktische Funktion unter Linux: Wie die Verknüpfung unter Windows oder der Alias unter macOS verweisen sie auf eine Datei oder ein Verzeichnis: Das hilft, um nicht gleiche Kopien von Daten an mehreren Stellen zu haben. Einen Symlink erstellt man ganz einfach: Hierbei ist es egal, ob es sich um einen Link auf eine Datei oder ein Verzeichnis handelt: ln -s /media/pi/USB/text.txt text.txt Damit wird eine Verknüpfung "text.txt" im aktuellen ...

Der ALT-Tag bei Bildern nicht nur für Suchmaschinen wichtig: Er hilft auch bei Fehlern im Webdesign! Die Bilder auf Webseiten lassen sich mit verschiedenen zusätzlichen Attributen versehen: Zu den wichtigsten gehören ALT und TITLE. Das ALT Attribut (kurz für "Alternate") erlaubt es, einen alternativen Text anzugeben: Dieser wird dann angezeigt, wenn das Bild nicht geladen werden konnte. Das ist gerade bei Dateiproblemen wichtig: So sieht man direkt, wenn etwas nicht stimmt. Manchen Browser blenden fehlende Bilder ...

Wenn eine Webseite unter der Adresse https://webseite.de und https://www.webseite.de zu erreichen ist, kann das ungünstige Auswirkungen bei den Suchmaschinen haben: Unter Umständen werden dann manche Seiten mit, andere ohne das "www" in der Adresse (URL) indiziert. Auch bei den eingehenden Links kommt es dann darauf an, worauf der andere Webmaster verwiesen hat. Die Lösung ist einfach: Man sollte sich für eine Adresse (zum Beispiel mit ...

Für manche Web-Projekte ist es praktisch, den Mauszeiger zu verstecken: Nicht um den Besucher zu ärgern, sondern um ihn nicht zu verwirren. Bei einem Touch-Screen stört der Mauszeiger, da man die Elemente mit dem Finger antippt. Das ist dann praktisch, wenn man eine "Kiosk-Anwendung" programmiert, bei der der Nutzer die Eingaben nur über den Bildschirm machen soll. Mit CSS lässt sich der Mauszeiger ganz einfach ausblenden: Hier ...

Mit HTML5 lassen sich auch Videos ganz einfach in Webseiten einbinden. Man braucht dazu jetzt weder Flash noch externe Player im iFrame: HTML5 hat einen eigenen Video-Tag, mit dem man Videos ganz einfach in die Webseiten einbauen kann. Neben dem Video selbst kann man auch verschiedene Option mit angeben: Etwa ob das Video automatisch gestartet oder stumm sein soll, oder ob man Player-Buttons anzeigen möchte. ...

Ob auf einem lokalen Server oder auf einem Webserver: Manchmal arbeitet man mit verschiedenen Programmen und Programmiersprachen zusammen. Mit PHP und Python geht das einfacher als mit Javascript: PHP und Python laufen beide zusammen auf dem Server, während Javascript erst im Browser ausgeführt wird. Hier lassen sich Daten nicht mehr so einfach an PHP oder Python zurück senden.   Python Code in PHP Um Python-Code aus einem PHP Programm heraus auszuführen, kopiert man die Befehle in eine Datei ...

Den Cache ausschalten für Wordpress und andere Webseiten: Das geht mit einer einfachen Anweisung in der .htaccess Datei. Normalerweise ist der Cache praktisch, da Dateien nicht jedes Mal neu geladen werden. Gerade bei der Programmierung stört der Cache aber! Vor allem, wenn man gerade die CSS Dateien anpasst für die Gestaltung der Seite: Zum Beispiel die Datei style.css in Wordpress. Mit aktiviertem Cache sieht man ...

Ein schicker Effekt ist das vertikale Parallax-Scrolling, das für einen 3D Effekt sorgt: Dabei werden verschiedene Ebenen (DIVs) einfach unterschiedlich schnell beim Scrollen bewegt. In der richtigen Reihenfolge sorgt dass dann für einen Tiefeneffekt - dafür muss sich die hinterste Ebene am langsamsten bewegen, die vorderste am schnellsten. Für den Parallax-Effekt gibt es mittlerweile verschiedene Varianten, unter anderem mit JQuery. Unsere Version braucht ...

Die Anzeige der PHP Fehler und Warnungen (PHP error, Fatal error oder Warning) werden normalerweise in der Konfigurationsdatei PHP.ini für den ganzen Server gesteuert: Wie man die Anzeige der Fehlermeldungen dort aktiviert, zeigen wir in dem PHP.ini Fehler-Einstellungen-Artikel. Alternativ lassen sich die PHP Fehlermeldungen auch für einzelne Ordner einschalten. Oft möchte man aber gar nicht auf sämtlichen Seiten der Website die Fehlermeldungen oder Warnungen ausgeben: Meist kam der Fehler nach einer schnellen Änderung und ...

Kreise mit CSS, ganz ohne Bilder? Das geht und passt sich so auch noch der Auflösung an! Mit CSS ist es nämlich ganz ohne Grafiken möglich, einfache Elemente zu zeichnen. Rechteckige Boxen sind dabei sehr einfach, runde Formen etwas aufwendiger - aber nicht viel. Durch die Eigenschaft "border-radius" lässt sich einem eckigen Element eine runde Ecke hinzufügen. Nimmt man jetzt einen sehr großen "border-radius" an allen vier Seiten des Elements, erhält man einen Kreis - über ...