AMP – Accelerated Mobile Pages für WordPress, Magento, Joomla & Co.

amp logo
Nachdem Google vor einiger Zeit das AMP Projekt angekündigt hat, wurde die Software nun für die Öffentlichkeit zur Verfügung gestellt. Durch die Nutzung dieses Frameworks sollen Seiteninhalte schneller und für mobile Geräte optimiert ausgeliefert werden, um so die Nutzererfahrung auf mobilen Geräten zu verbessern und um das zu übertragene Datenvolumen gering zu halten. Belohnt wird dies von Google mit einem besseren Score im Suchindex. Glücklicherweise gibt es für einige Content Management Systeme schon Plugins, die eine AMP Funktionalität herstellen. Wir zeigen Ihnen hier, wie Sie AMP manuell oder per Plugin für Ihr CMS einrichten können.
Weiterlesen

amp disqus integration

AMP Tutorial: So integrieren Sie Disqus in Ihre AMP Website

Seit dem 21.09.2016 kann das beliebte Kommentarsystem Disqus nun auch auf Seiten implementiert werden, die das AMP Framework von Google nutzen. Die Installation erweist sich allerdings als schwierig. Die offizielle Anleitung ist unzureichend und führt nicht zum gewünschten Ergebnis. Wir zeigen Ihnen deshalb, wie Sie Disqus erfolgreich auf Ihren AMP Seiten integrieren, sodass auch dort kommentiert werden kann.

Weiterlesen

Zählen mit CSS

Wäre es nicht fantastisch, eine Liste oder ein Menü in Abhängigkeit von der Anzahl der enthaltenen Elmente behandeln zu können? Und das nur mit CSS? Wenn man sagen könnte: „Wenn diese Liste weniger als 5 Listenelemente hat, dann setze bei all diesen Elementen das Attribut display auf „inline-block“. Oder: „Wenn dieses Menü mehr als 7 Elemente hat, verringere die Schriftgröße aller Menüpunkte auf 10px. Die schlechte Nachricht zuerst: CSS kann von Haus aus nicht zählen. Die gute Nachricht: Es funktioniert trotzdem. Jetzt. Mit standard-CSS. Keine Prototypen, keine Browserpräfixe und keine wagen Spezifikationen aus der Zukunft. Hier lesen Sie, wie genau das funktioniert.
Weiterlesen

Gelöst: Portrait Darstellung und Text-Eingabefelder in Android Browsern

Wenn eine Website responsive ist und im Portrait- und Landscape-Modus unterschiedlich dargestellt wird, kann es zu Darstellungsfehlern kommen, wenn in Android Browsern Texteingabefelder benutzt werden. Das liegt daran, dass Die virtuelle Tastatur in Android den Viewport des Browsers beeinflusst, anstatt die Tastatur über den Browser zu legen, so wie es z.B. in anderen mobilen Betriebssystemen der Fall ist. Der Browser wertet dies als Neujustierung der Höhe und der Breite des Browserfensters und führt dann die entsprechenden Media Queries aus. Dies führt mitunter dazu, dass die Seite dann im Landscape-Modus angezeigt wird, obwohl dies nicht beabsichtigt ist. Wir zeigen Ihnen im Folgenden einen Lösungsansatz für dieses Problem.
Weiterlesen

HTML und CSS Code schneller schreiben mit Emmet

Sie sind Web-Designer, schreiben regelmäßig und viel HTML- und CSS Code und wollen dass dies schneller von der Hand geht?
Das Plugin Emmet macht es möglich. Mit ein paar Tastenschlägen schreiben Sie kleine Codeschnipsel, die sich dann per Tastendruck in komplexeren HTML- oder CSS Code verwandeln. In diesem Artikel zeigen wir Ihnen, wie Sie dieses Tool nutzen können und bringen Ihnen die Kurzschreibweise anhand einiger Beispiele näher.
Weiterlesen

Wie mache ich meine Website schnell responsive ?

Ihre Website ist erfolgreich, aber schon in die Jahre gekommen? Sie wollen Ihren Kunden auch auf mobilen Geräten ein optimales Erlebnis bieten? Warum dann keine Generalüberholung und Optimierung auf ein Responsive Webdesign? In vielen Fällen lohnt sich der Aufwand, auch wenn es einiges abverlangt. Gehen Sie mit der Zeit und Ihre Besucher werden es Ihnen danken.
Weiterlesen