Testen Sie die mobile Benutzerfreundlichkeit Ihrer Website mit diesem Google Tool
Das Jahr 2016 hat Geschichte geschrieben, als die mobile Internetnutzung zum ersten Mal den Desktop übertraf . Es sollte klar sein, dass Responsive Webdesign nicht ignoriert werden kann .
Aber nur weil Sie ein responsives Layout erstellen, bedeutet das nicht, dass die Benutzerfreundlichkeit groß sein wird. Sie müssen immer die Benutzerfreundlichkeit auf verschiedenen Geräten und die gesamte Ladezeit der Seite berücksichtigen.
Google hat kürzlich ein brandneues Tool namens Mobile Website Testing Speed Tool veröffentlicht .

Sie geben einfach eine Domain ein und lassen sie laufen . Das Testen kann einige Minuten dauern. Versuchen Sie also, geduldig zu sein.
Sobald es fertig ist, sehen Sie drei Noten von 0-100 bewertet :
- Mobile Freundlichkeit
- Mobile Geschwindigkeit
- Desktopgeschwindigkeit
Ich bin mir nicht ganz sicher, wie die mobilen und Desktop-Geschwindigkeiten berechnet werden, aber sie scheinen sich zu unterscheiden .

Sie können auf die Schaltfläche "Weitere Details" für ein modales Fenster klicken, in dem die in der Liste markierten spezifischen Bereiche erläutert werden .
Zum Beispiel überprüft der Mobile-Friendly-Tester das Ansichtsfenster, Schriftgrößen / Farben und die Größe von abgreifbaren Zielen wie Schaltflächen oder Links.
Hier ist der Fortschritts-Check für die mobile Reaktionsfähigkeit von Hongkiat.

Diese Bewertungen können durch verschiedene Faktoren verursacht werden. Sie können Google eine Liste mit den Ergebnissen und den möglichen Lösungen direkt an Ihre E-Mail senden lassen.
Dies ist eine der coolsten neuen Apps von Google und ich empfehle es als allgemeines Testwerkzeug für Webentwickler.
Beachten Sie, dass dies den beiden anderen Tools von Google, PageSpeed Insights und Mobile-Friendly Test, ähnlich ist.
Mit dem neuen Tool zum Testen mobiler Websites können Sie in derselben Analyse jedoch sowohl die Seitengeschwindigkeit als auch die Mobilfunktechnologie überprüfen. Wirklich tolle App und auf jeden Fall wert Lesezeichen für zukünftige Referenz.

Wie man CSS-Only-Overlays mit Box-Shadow beeinflusst
Content-Overlays sind ein wichtiger Bestandteil des modernen Webdesigns. Sie helfen Ihnen dabei , ein Element auf einer Webseite auszublenden und später - mit Zustimmung des Benutzers - es anzuzeigen und zusätzliche Informationen oder Steuerelemente anzuzeigen, z. B. Schaltflächen dahinter.Ein typisches Overlay ist halbtransparent, mit einer durchgehenden Hintergrundfarbe (normalerweise schwarz), und es gibt einige Text- oder Schaltflächen, mit denen Benutzer sehen oder interagieren können. Nac

8 Gadgets aufspüren, um niemals Ihr Eigentum zu verlieren
Bist du einer dieser vergesslichen Menschen, die oft ihre Habseligkeiten verlieren oder dein verlorenes Handy aufspüren oder einen Hinweis auf deinen gestohlenen Laptop bekommen wollen? Wenn ja, dann ist es eine gute Idee, Hilfe von der Technologie zu bekommen, indem Sie clevere kleine Geräte namens Tracking-Gadgets verwenden.D