CSS-Tricks Mobile

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

UPDATE: CSS-Tricks.com ist jetzt responsive, es gibt also keine separate mobile Version der Seite mehr. Nicht, dass ich etwas dagegen hätte, ich bin nur ein Fan von Responsive Design für diese Seite.

Es gibt jetzt eine mobile Version von CSS-Tricks, dank des Services und der netten Leute von Mobify.

Das ist nicht nur eine iPhone-Version, sondern sollte mit den meisten mobilen Geräten gut kompatibel sein. Das Beste daran ist jedoch, dass dies nicht nur eine Möglichkeit ist, Artikel zu lesen, wie es bei früheren mobilen Versionen der Fall war. Dies ist eine voll funktionsfähige mobile Website, was bedeutet, dass alle Archive vollständig verfügbar sind, die Kommentareund die Möglichkeit, zu kommentieren.

Da CSS-Tricks auf WordPress läuft, wollte ich schon immer einen Weg finden, eine mobile Seite unter einer Subdomain oder einem Unterverzeichnis zu haben, die denselben Inhalt liefert, aber ein anderes WP-Theme verwendet. Ich habe nie ganz herausgefunden, wie das geht, aber das spielt jetzt keine Rolle mehr, denn genau das macht Mobify im Wesentlichen.

WordPress-freundlich

Mobify kann im Grunde mit jeder Website funktionieren, aber ich bin angenehm überrascht, wie gut es sich in WordPress integriert hat. Nicht nur das Kommentieren funktioniert einwandfrei, sondern sie bieten auch ein Plugin, das alle mobilen Besucher automatisch und ohne Aufwand für Sie weiterleitet.

Tötet Ihre "vollständige" Website nicht

Normalerweise halte ich nichts von "mobilen Versionen", die speziellen Inhalt für mobile Besucher liefern, ohne dass es eine Möglichkeit gibt, die normale vollständige Website anzuzeigen. Mobify tut das nicht. Es leitet Sie zwar weiter, aber wenn Sie zurück zur Hauptseite möchten, klicken Sie einfach auf den Link "Vollständige Website" unten. Das ist die ideale Methode, wenn Sie mich fragen.

Analytik

Mobify arbeitet mit AdMob zusammen, um Ihnen mobile Analysen zur Verfügung zu stellen. Ich denke, es gibt noch ein paar Kinderkrankheiten zu überwinden, und ehrlich gesagt funktioniert es bei mir noch nicht ganz, aber ich stelle mir vor, dass sie es bald in Ordnung bringen werden.

Machen Sie es selbst

Mobify ist ein Self-Service-System. Sie bauen Ihre eigene mobile Version mit ihrem Design Dashboard auf, was Ihnen die volle Kontrolle und Vorschauen darauf gibt, was Sie auf verschiedenen Geräten erstellen.

Nochmals vielen Dank an Mobify für die Hilfe bei der Erstellung dieses Artikels. Wenn Sie andere Websites sehen möchten, die es verwendet haben, I Love Typography hat eine, A List Apart, ich glaube, Six Revisions bekommt bald eine, Veerle hat eine, die Dieline, lauter tolle Websites.