Homepage-News

j0e.org/tools/avatar-generator – hier können Sie sich einen Cartoon-Avatar erstellen!

tools-suchmaschinenoptimierung.de – über 200 Tools für Deine Suchmaschinenoptimierung – z.B. All in One SEO-Tools, Allgemeine SEO-Tools, Analytics, Content-Marketing, CRO-Tools, Keyword-Recherche, Offpage- und Onpage-Tools

Bei Think with Google gibt es den Online-Check Grow My Store: growmystore.thinkwithgoogle.com/intl/de_de/view-your-report

Sie können hier Ihren Webshop auf Herz und Nieren prüfen lassen und erhalten von Google ausführliche Tipps zur Verbesserung Ihres Online-Shops.

Sie gegen dabei Ihre Branche an und erhalten sofort einen Prozentwert, wie gut ihr Shop im Vergleich zum Branchenumfeld ist. Weitere ausführliche Berichte bereitet Google dann zusätzlich für Sie auf.

Der Musik-Streamingdienst Spotify macht das Einbinden von Musik auf der eigenen Webseite einfach.

Wenn Sie z.B. die Spotify-App auf Ihrem PC öffnen, müssen Sie nur noch ein Lied, eine Playlist, einen Podcast etc. auswählen.

Suchen Sie die Funktion Teilen und wählen dann die Funktion Code zum Einbetten kopieren:

Jetzt ist der Einbinde-Code in der Zwischenablage und kann in Ihre Webseite eingefügt werden.

Beispiel:

Für WordPress-User gibt es einen eigenen Spotify-Block im Editor zum einfachen Einfügen von Spotify.

Was ist noch zu beachten: Für Spotify Abonnenten, die eingeloggt sind, spielt das Spotify-Widget die Musik ohne Werbung, für nicht eingeloggte User wird die Musik durch Werbung unterbrochen.

Auf jeden Fall eine interessante Möglichkeit, legal aktuelle Musik auf der eigenen Webseite einzubinden.

Zudem können viele aktuelle Podcasts, Hörbücher und vieles mehr über Spotify auf der eigenen Webseite eingebunden werden.

Hier z.B. der Podcast von Jan Weiler – Mein Leben als Mensch:

Mit Ionos MyBackup gibt es eine Cloud-Speicherlösung von Ionos zur Sicherung Ihrer Daten.

Ionos MyBackup startet im kleinsten Tarif schon für günstige 1€ / pro Monat (Stand 20.1.2021 – bitte die aktuellen Preise immer bei Anbieter einsehen). Darin sind 10 GB Speicherplatz und ein zu sicherndes Endgerät enthalten. Es gibt weitere Tarife mit mehr Speicherplatz, z.B. Ionos MyBackup 200GB für 10€ im Monat und keine Begrenzung bei den Endgeräten.

Vorteile auf einen Blick:

• Funktionalität: Sicherheits-Backups von Smartphone, Rechner und Tablet in einem Tool erstellen
• Einfachheit: Automatisierte Backups und einfache Wiederherstellung der Daten
• Sicher: Höchste Sicherheit der Daten durch ISO-Zertifizierung und AES 256-Bit-Verschlüsselung der Daten inkl. Ransomeware Schutz
• Flexibel: Dank einfacher Datenmigration von Android- und iOS-Geräten sind Ihre Kunden nicht an eine Plattform gebunden und können frei wählen

Hier geht es direkt zu Ionos MyBackup!

Auf der Webseite de.spycolor.com gibt es rund um eine Farbe sehr viele Informationen, einschließlich der Konvertierung in die gängien Farbmodelle (RGB, CMYK etc), es gibt Farbharmonien wie ergänzende, komplementäre Split-, Dreiklangs, tetradisch, Fünf-Ton, zusammentreffen, analoge und monochromatischen Farben können auf jedem Farbseite gefunden werden.

Hier wieder als Beispiel die Seite mit den Hex-Farbinformationen für unsere Lieblingsfarbe Blau im Farbton #2175bc: spycolor.com/2175bc

webaim.org/resources/contrastchecker – mit dem Contrast Checker kann man testen, ob eine Farbkombination kontraststark genug ist. Für die Linkfarbe von meine-erste-homepage.com #2175bc mit unserer Hintergrundfarbe #F7F7F7 reicht es gerade so aus – hier der Link zum Testergebnis: webaim.org/resources/contrastchecker/?fcolor=2175BC&bcolor=F7F7F7

plainpicture.com/de – wunderschöne Fotos – laut Webseite pure Fotografie für kreativen Bedarf (pure photography for creative needs…). Beim Stöbern in dem Portal fällt die sehr hohe Qualität und die starke künstlerische Gestaltung der Fotos auf – fantastisches Foto-Ressourcen-Portal!

webdesign.weisshart.de/kalender.php – bei Webdesign Weisshart gibt es einen responsiven Kalender mit PHP und CSS – erstellt aus einer einzigen PHP-Datei. Der Kalender kann via iFrame in die eigene Webseite integriert werden, der aktuelle Tag wird farbig dargestellt. Das Script kann auf der Seite kostenlos heruntergeladen werden!

Gestern zum ersten Mal gesehen – den Dark Mode auf einem Android-Smartphone.

Webseiten werden mit dunklem Hintergrund dargestellt, die Links und Schriften in hellen, teilweise leuchtenden Farben angezeigt.

Leider werden aber bestimmte Formate und transparente PNGs so dargestellt, wie es der Webdesigner sich mal für den hellen Hintergrund gedacht hat – dass heißt ein transparentes Logo mit einem dunklem Motiv auf schwarzem Hintergrund. Somit verschwindet das Logo fast komplett.

Ebenso kann eine Linkfarbe auf hellem Hintergrund edel wirken, auf schwarz tritt teilweise ein Neoneffekt auf und die ganze Webseite sieht auf einmal stark nach 90er Jahre Chic aus..

Ich habe daraufhin gerade eine Diskussion im Homepage-Forum gestartet (homepage-forum.de/forum/-1-homepage-forum/-1-2-webdesign/-1-2-2-html-css-javascript/726112-dark-mode-f%C3%BCr-die-webseite-wer-hat-erfahrungen)

Wem ist der Dark Mode schon aufgefallen?

Wer nutzt es aktiv und warum?

Als Gründe lese ich Punkte für den Dark Mode wie Akku sparen bei leistungsschwachen Handys und besserer Lesbarkeit in sehr dunklen Umgebungen.

Und die wichtigste Frage: 

Wer hat das Thema Dark Mode bei seiner Webseite (handgecodet, Dreamweaver oder CMS wie WordPress) schon abgearbeitet und gelöst? Was ist dabei zu beachten? 

Wäre eine gute Sonderrubrik für meine-erste-homepage.com 😉

Und dafür brauche ich Input und Lösungsansätze 🙂

Also – wer möchte gehe gleich in die Forums-Diskussion – ich freue mich auf Anregungen, Tipps und Tricks zum Dark Mode für Webseiten!

Gruß
Karl

Link zur Diskussion im Forum: homepage-forum.de/forum/-1-homepage-forum/-1-2-webdesign/-1-2-2-html-css-javascript/726112-dark-mode-f%C3%BCr-die-webseite-wer-hat-erfahrungen