Webmaster Tipps: Programmierung mit HTML, CSS, Javascript und PHP

Runde Ecken mit Canva Mit Canva lassen sich nicht nur kurze Social Media Videos erstellen, sondern auch richtige, komplexe Videos in hoher Auflösung. Manchmal gibt es beim Video-Export Probleme und Bilder fehlen im fertigen Video: Wir haben einen einfachen, möglichen Grund gefunden, der den Export stört: Bilder mit runden Ecken werden in Canva nicht mit exportiert und fehlen in dem fertigen Video. Wenn Elemente wie Bilder oder Texte nach dem T... Weiterlesen...

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 heute unnötig umständlich. Genau hi... Weiterlesen...

Mit dem kostenlosen "Keywordkönig" Browser-Plugin für Chrome, Edge und Firefox lassen sich schnell die wichtigsten und die häufigsten Wörter einer Webseite anzeigen: Das erleichtert die Keyword-Analyse und hilft dabei, mit Google das Suchvolumen der einzelnen Begriffe zu erfragen oder sich mit Googles Keyword Planer auch ähnliche Begriffe anzeigen zu lassen. Zusätzlich hilft das Plugin dabei, Content-Lücken zu identifizieren und die Keyword-Strategie gezielt zu verbessern. Das Keywordkönig-Plugin analysiert die aktuell geöffnete Webseite und zeigt die 15 am häufigsten verwendeten Begriffe an. Darunter werden zusätzlich die 15 häufigsten SEO-Begriffe genannt: Wörter, die im Titel oder der Beschreibung der Seite, den Überschriften, Strong- und Alt-Tags vorkommen. Mit Webseiten wie Openthesaurus lassen sich zu den gefundenen Keywords dann nach passenden Synonymen suchen, um diese Begriffe passend zur Keyword-Strategie zu ergänzen. Zum Download: Keywordkönig Plugin ... Weiterlesen...

Python nutzt anders als PHP oder Javascript eine besondere Formulierung bei IF Abfragen und dem oft benötigten ELSE IF: Wir zeigen hier die Unterschiede, und worauf man achten muss! Während man bei Javascript und PHP die Worte "else if" einfach ausschreibt, ähnelt Python hier eher der PERL Syntax "elsif": bei Python heißt die zweite Bedingung in der Abfrage "elif".   Korrekte IF / ELSE IF / ELSE Abfrage in Python: if var > 1: p... Weiterlesen...

Wer Add-ons für den Firefox entwickelt hat und nach erfolgreichem Testen veröffentlichen möchte, kennt vielleicht diese Firefox Fehlermeldung: "Ihr Add-on ist bei der Überprüfung mit 1 Fehler durchgefallen - manifest.json was not found". Auch wenn das ungepackte Add-on lokal funktioniert, klappt dies nach dem Upload als ZIP Archiv nicht immer. Der Trick ist aber ganz einfach, wie die Firefox Entwickler etwas versteckt selber schreiben: Weiterlesen...

Um das Trade Mark (TM) und "Registered" (R) Zeichen zu erstellen, gibt es eigene HTML-Codes: Damit lassen sich die Zeichen einfach erstellen und mit allen Browsern anzeigen. Außerdem bietet HTML eine Funktion, um die Zeichen hochzustellen. Wer mag, kann das Aussehen aber mit CSS noch weiter anpassen. HTML Code für das Trademark Zeichen ™: ™ HTML Code für das Registered Zeichen ®: ® HTML Code zum Hochstellen ™ &r... Weiterlesen...

Schnell sehen, wo der PHP Fehler liegt: Dazu schaltet man die PHP Fehleranzeige ein, um genaue Informationen zu Problem und Zeilennummer zu bekommen. Die PHP Fehlermeldungen sind zumindest auf Test-Systemen praktisch, um Bugs und Fehler im Code schnell finden und beheben zu können. Auf einem Produktiv-System wird die Fehler-Anzeige dann oft über die Dateien php.ini oder .htaccess abgeschaltet, damit Webseiten-Besucher mögliche Fehler oder Warnungen ... Weiterlesen...

Jede Programmiersprache hat ihre Eigenheiten: Während man in PHP und JavaScript die IF/ELSE Syntax mit "ELSE IF" um eine zweite Abfrage erweitert, funktioniert das nicht überall. In Perl muss man stattdessen "ELSIF" schreiben, Python lässt auch noch das "S" weg. Statt ELSE IF oder ELSIF schreibt man in Python einfach ELIF, um die IF-Abrage zu ergänzen. if a == b: ... elif a == c: ... elif a == d: ... else: ...  ... Weiterlesen...

Standardmäßig ist in PHP die File Upload Size auf 50 Megabyte begrenzt: Definiert wird dies in den beiden Einstellungen "upload_max_filesize" und "post_max_size". Ist der Wert zu klein gesetzt, lassen sich keine größeren Dateien hochladen: Dies führt zu Fehlern wie "The file that you are trying to import is over the maximum upload file size limit of 50 MB". Aber auch ohne die PHP Einstellungen auf dem Server zu ändern, kann man dies auch übe... Weiterlesen...

  Was ist eine 301-Weiterleitung? Ein Redirect oder eine Weiterleitung ist eine einfache Möglichkeit, die Besucher von einer nicht mehr existierenden URL auf eine andere Ziel-URL umzuleiten. Gerade wenn viele externer Links auf eine nicht mehr verfügbare oder verschobene Seite verweisen, ist es sinnvoll, die Besucher auf die neue oder eine ähnliche Seite weiterzuleiten. Eine 301-Weiterleitung zeigt dabei an, dass die angeforderte Seite d... Weiterlesen...

Mit verschiedenen Backup Plugins kann man seine gesamte Wordpress Seite sichern: Auch das Umziehen auf einen anderen Server ist damit möglich. So kann man eine Wordpress Installation auf einem Test-Server fertigstellen und danach Bilder, Posts und Pages sowie die gesamte Datenbank umziehen. Auf Wunsch geht das sogar mit den Wordpress Plugins. Die neue Installation ist dann im besten Fall eine genaue Kopie der ursprünglichen Version.   Wordpr... Weiterlesen...

Mit der Javascript-Methode "includes" kann man einen String durchsuchen und feststellen, ob ein Suchbegriff enthalten ist. Dies setzt allerdings voraus, dass die Suchwörter nur Strings oder Arrays sind. Sollte der Suchbegriff oder der ursprüngliche String eine Zahl sein, gibt der Browser diese Fehlermeldung aus: "Uncaught TypeError: string.includes is not a function". Eine einfache Lösung ist daher, vor der Suche mit str.includes die beiden Eleme... Weiterlesen...

Mit den beiden Methoden "indexOf" und "includes" kann man mit Javascript einen String durchsuchen und feststellen, ob ein Suchbegriff enthalten ist. Da funktioniert in der Regel sehr gut, wichtig ist allerdings, dass die Methode nur Strings oder Arrays akzeptiert. Sollte der Suchbegriff oder der ursprüngliche String eine Zahl sein, gibt der Browser diese Fehlermeldung aus: "Uncaught TypeError: string.indexOf is not a function". In der Regel fällt ... Weiterlesen...

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 zweiten... Weiterlesen...

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> ... Weiterlesen...