""

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

Copy & Paste HTML Code: Der Code für den Play-Button, für den Stop-Button, den Rewind- und Forward-Button: So macht man die Knöpfe mit reinem HTML-Code, ohne CSS und ohne Grafiken! Play Button: ► - Code: ► Stop Button: ◾ - Code: ◾ Pause Button: ❙❙ - Code: ❙❙ Pfeil nach oben: ▲ - Code: ▲ Pfeil nach unten: ▼ - Code: ▼ Pfeil nach links: ◄ - ...

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

Mit Image-Maps ist es möglich, verschiedene Bereiche eines Bildes (Punkt, Vierecke und auch freie Elemente) klickbar zu machen: Neben dem Klick funktionieren aber auch onmouseover und onmouseout, um verschiedene Effekte zu realisieren und den Besucher mit der Grafik interagieren zu lassen. Für Responsive-Webseiten, bei der sich die Seite an das Bildformat des Anzeigegerätes anpasst und die Bilder dann teilweise skaliert werden, ist das aber nichts: Die Pixel-Angaben funktionieren nicht mehr, wenn das Bild über den Browser ...

Jedes Jahr bringt Samsung neue Versionen seiner Spitzenmodelle heraus: Das Galaxy S7 erschien 2016, 2017 erschien der Nachfolger, das Galaxy S8 und 2018 erschien das Galaxy S9. Alle zwei Jahre ist der Sprung zur nächsten Version auch optisch deutlich größer: Vom S7 zum S8 hat Samsung das komplette Gehäuse neu entworfen und einen fast randlosen Bildschirm eingebaut. Das S9 sieht dagegen wieder aus wie das Galaxy S8 und hat nur im Inneren kleinere Updates erhalten. Möchte ...

HTML, die Sprache für Webseiten, unterstützt in der Regel nicht direkt mehrere Leerzeichen hintereinander. Trotzdem gibt es drei Möglichkeiten, um mehrere Leerzeichen einzugeben: non-breaking spaces preformatted text CSS Wie man mit diesen drei Optionen mehrere Leerzeichen in den Artikel auf der Webseite eingibt, zeigen wir hier - in der Regel funktioniert das auch in einem CMS wie Wordpress, zumindest wenn man statt dem visuellen Eingabe-Modus auf den Text-Modus klickt. Normalerweise ...

Normalerweise zeigen die Browser die <ul> Listen mit einer Einrückung an: die einzelnen Listenpunkt <li> sind mit kleinem Abstand nach links eingerückt. Für Listen-Aufzählungen ist das zwar praktisch, kann aber stören, wenn man das Layout der Seite etwas genauer planen muss. Hier hilft unser Tipp: Damit kann man den Abstand entweder so einstellen, wie er sein soll - oder aber die Einrückung ganz weglassen, damit die einzelnen LI Elemente linksbündig angezeigt werden.   UL linksbündig: So bleibt ...

Um eigene Bilder oder andere Dateien aus dem Wordpress Theme zu verlinken, hat Wordpress eine praktische Funktion eingebaut: Damit kann man direkt auf das aktuell ausgewählte Theme verweisen und so Dateien aus dem Theme einbinden. Hat man zum Beispiel innerhalb des Theme-Ordners einen Ordner "bilder" erstellt, in dem man Buttons, Hintergründe oder das eigene Logo gespeichert hat, kann man mit dieser Funktion aus den PHP Dateien im Theme ganz einfach darauf verweisen, ohne den kompletten ...

Samsung Galaxy Tablets im Vergleich: Die praktischen Android-Tablets können bei vielen Anwendungen den klassischen PC ersetzen: Sie starten schnell, haben eine lange Akku-Laufzeit und sind leicht und handlich. Über den Google App-Store und andere App-Anbieter gibt es Millionen von Apps, die man teilweise kostenlos auf das Gerät laden kann. Tablets sind aber auch praktisch zum Steuern der Smart-Home Zentrale: So kann man darauf schnell ...

Tipp: » Den Code für das Uhrzeit-Skript haben wir hier! » Den Code für die Monatsübersicht haben wir hier! Dieses einfache Code-Beispiel zeigt per Javascript das aktuelle Datum an - dazu braucht man nur ein DIV-Element zu definieren, in das das Datum geschrieben wird. Das DIV-Element lässt sich später per CSS platzieren und die Schriftart, -größe oder -farbe ändern (wie das geht, zeigen wir hier!). Damit ...

Aktuelle Uhrzeit anzeigen: Diese kleine Javascript-Funktion sorgt dafür, dass in einem frei plazierbaren Bereich auf der Webseite die Uhrzeit angezeigt wird. Der Artikel ist für unseren Smart-Home Bereich gedacht, um die aktuelle Uhrzeit auf einem Info-Display zuhause anzuzeigen - trotzdem kann man die Uhrzeit so auch auf jeder anderen Webseite anzeigen! Das Skript: Hier zeigen wir als Beispiel, wie man eine gesamte, kleine Webseite hat, die zum Beispiel als <iframe> eingebunden werden kann. Möchte man die ...

Möchte man mit Javascript und dem Befehl document.getElementById auf bestimmte Elemente einer Webseite zugreifen, kann es schnell zu einem Fehler kommen: Das Skript funktioniert nicht und der Browser meldet über die Fehlerkonsole den Fehler "TypeError: document.getElementById(...) is null". Wenn es kein Tippfehler ist und das Webseiten-Element den gleichen Namen hat, auf den man mit getElementById() zugreift, liegt es sehr wahrscheinlich an der Platzierung des Javascript. Hat man, ganz klassisch, das Javascript im <head> Bereich der Webseite ...

Das folgende "Fader" Skript blendet ein <DIV> Element einer Seite langsam aus: In unserem Beispiel den Hintergrund, während ein Logo im Vordergrund weiterhin zu sehen bleibt. Das Skript kommt ohne JQuery und andere zusätzliche Bibliotheken aus und kann direkt eingebunden werden - das einzige, was man noch anpassen muss, sind die Position der Elemente und die Bilder für Hintergrund und Vordergrund! <html> <head> <style type="text/css"> body { background-color:#000;color:#FFF; } #hgr { width:800;height:480;position:absolute;top:0;left:0;background-image:url("hintergrund.jpg"); } #logo { width:688;height:226;position:absolute;top:146px;left:56px;background-image:url("logo.jpg"); } </style> </head> <body> <div id="hgr"></div> <div id="logo"></div> <script ...

Mit den richtigen Tastenkürzeln erspart man sich viel Zeit: So muss man nicht immer die Maus zur Hand nehmen und auf einen Button klicken oder eine Funktion im Menü auswählen, sondern kann viele Sachen direkt durch Drücken einer bestimmten Tastenkombination an der Tastatur erledigen. Neben den normalen Mac- oder Windows-Tastenkürzeln zum Beispiel zum Kopieren und Einfügen hat Wordpress darüber hinaus noch eigene Tastenkombinationen, mit denen sich schneller schreiben lässt.   Wordpress Tastenkürzel: STRG Taste (Mac: Apfel ...

Pagespeed ist ein Google-Test zum Optimieren der eigenen Webseiten: Durch oft schon kleine Änderungen werden die Seiten schneller übertragen und dargestellt - und das freut nicht nur die Google-Bots, die pro Tag Milliarden Webseiten einlesen müssen, sondern auch alle anderen Webnutzer. Um die Webseiten noch weiter zu optimieren, hat Google ein Apache Modul entwickelt: mod_pagespeed. Das sorgt unter anderem dafür, dass die Bilder optimiert werden oder nur in der Größe ausgeliefert werden, in der sie ...