""

Die HTML Tags für Audio- und Video besitzen eigentlich ein Attribut für die Lautstärke: Mit "volume" lässt sich die Lautstärke zwischen 0.1 und 1 festlegen: Dieses Attribut wird aber zur Zeit von keinem Browser unterstützt. Das macht aber nichts: Die Lautstärke von Audio- und Video-Inhalten einer Webseite lässt sich auch per Javascript steuern! Tipp: So baut man Audio-Elemente und ...

Um den Seeeduino Nano mit der Arduino IDE zu programmieren braucht man nicht viel: Außer dem Seeeduino, einem PC und einem USB-C Kabel fehlen nur die Treiber für den Board Manager: Diese kann man in der Arduino IDE aber ganz einfach installieren. Unter "Datei" » "Voreinstellungen" kann man den Code für die neuen Boards ganz einfach hinzufügen: Dazu gibt man unter "Zusätzliche Boardverwalter-URLs" ganz einfach die Adresse aus dem Seeeduino Wiki ...

Statt einem transparenten oder halbtransparentem Hintergrundbild kann man mit CSS auch eine mehr oder weniger stark transparente Hintergrundfarbe mit background-color wählen: Die verdeckt dann ein Hintergrundbild nur leicht: So ist sowohl der Hintergrund als auch Text im Vordergrund noch zu erkennen. Statt der sonst üblichen RGB-Werte im HEX-Format gibt man diese als RGBA an: Neben den drei RGB-Farbwerten gibt der letzte Wert die Transparenz an. Dies hat den Vorteil, dass nur die Hintergrund-Farbe eine Transparenz enthält, ...

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

Bei den Dateinamen von Webseiten, bei Bildern oder verlinkten Dokumenten gibt es einige Regeln zu beachten: Da der Webmaster nicht weiß, auf welchem Betriebssystem der Nutzer die Webseite später anschaut, sollte man Sonderzeichen vermeiden. Das ist auch schon auf dem Webserver wichtig: Dateien mit Umlauten und Sonderzeichen, die unter Windows funktionieren, können auf dem Linux Server Probleme verursachen. Dateinamen lassen sich aber auch für die Suchmaschinenoptimierung (SEO) nutzen: Mit richtig angegebenem Dateinamen erkennen die Suchmaschinen die ...

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

Mit der CSS-Eigenschaft "box-shadow" lassen sich ganz einfach Schatten zu einem Objekt hinzufügen: Dazu braucht man neben der Farbe nur die Größe und sowohl die vertikale als auch die horizontale Position. So lässt sich der Schatten auch nur nach unten positionieren, ohne eine Verschiebung nach rechts oder links! Der Code für einen hell-grauen Schatten mit nur leichtem Versatz sieht also so aus: box-shadow:1px 1px 5px #333333; Der erste Wert steht dabei für einen horizontalen Versatz nach rechts oder ...

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

In Perl kann man Variablen ganz einfach einen Wert zuweisen. Nutzt man allerdings "strict", ist dies etwas umständlicher: Dafür wird die Nutzung logischer, denn Perl trennt so zwischen einer direkten Variablen-Zuweisung und einer Funktion. Ohne "use strict" könnte man den Text "test" ganz einfach so einer Variablen zuweisen: my $var = test; Startet man das Skript allerdings mit "use strict", geht das nicht: Ein String muss dann ...

Die Befehlstaste auf der Apple-Tastatur (auch Apfeltaste, CMD-Taste oder Command-Taste genannt) gibt es auch unter Windows: Allerdings sieht die Befehlstaste bei Windows nicht nur anders aus, sie befindet sich auch an einer anderen Position! Während die Befehls-Taste auf dem Mac direkt links und rechts neben der Space-Taste liegen, hat Windows hier die beiden ALT-Tasten. Die meisten neuen Tastaturen haben daneben auch noch eine Windows-Taste: ...

Immer wieder liest man von massiven Datenlecks: Private Chat-Verläufe, Zugangs- und Kontodaten werden gehackt und andere private Informationen von Usern für fremde Zwecke verwendet. Anhand der veröffentlichten Daten ist zu erkennen, dass die Nutzer mit ihren privaten Informationen immer noch zu fahrlässig umgehen. Zu lesen ist zwar fast immer von bekannten Politikern, Prominenten und großen Firmen: Doch auch Privatpersonen sind häufig betroffen. Sei es per Keylogger entwendete ...

Mit Javascript lassen sich alle Elemente einer Webseite ändern: Auch die CSS Hintergrundbilder (background-image). So kann man per Javascript das Bild ändern: Zum Beispiel als Reaktion auf einen Klick oder einen mouseover Effekt. In Javascript heißen die CSS Stile allerdings anders: Statt "background-image" heißt der Befehl dort "backgroundImage":   CSS: background-image:url('bild.jpg');   Javascript: style.backgroundImage = "url('bild.jpg')";   Das funktioniert auch nachträglich, nachdem die Seite geladen wurde: Dann kann man über die ID eines DIVs dessen Hintergrundbild ändern: <div id="bild" style="background-image:url('bild1.jpg');"> <script type="text/javascript"> document.getElementById('bild').style.backgroundImage = "url('bild2.jpg')"; </script>   Javascript: Background-Image ...

Mit Windows und Word werden bereits einige Schriften installiert, die sich problemlos auf dem Computer nutzen lassen: So muss man seine Briefe und Dokumente nicht immer mit Calibra, Times New Roman und Arial schreiben. Außerdem kann man problemlos mehrere Schriften parallel nutzen: Die Überschrift zum Beispiel mit einer "sans-serif" Schrift wie der Arial und der Text selber in Times New Roman. Oder aber eine Schreibschrift ...

Mit CSS Filtern kann man Bilder im Browser verändern: Damit lassen sie sich aufhellen, abdunkeln, in Graustufen umwandeln oder mit dem Blur-Filter weichzeichnen. Das ist praktisch, weil nicht jeweils zwei verschiedene Bilder übertragen werden müssen, sondern die Umwandlung im Browser stattfindet. Mit den CSS Filtern lassen sich Bilder daher zum Beispiel abdunkeln und bei Mausberührung (hover oder mouseover) aufhellen: Das klappt mit reinem CSS, ganz ohne Javascript!   Bild mit CSS abdunkeln Mit dem CSS Filter "brightness" lässt sich ...