wurde von Apple generiert und steht für eine so hohe Pixeldichte, dass es dem menschlichen Auge nicht möglich sein soll einzelne Pixel zu erkennen. Der Retina-Display wurde zum Launch des iPhone4 eingeführt und ergibt eine 2x so große Pixeldichte. Damit die Website jetzt auch auf hochauflösenden Smartphones, Tablets oder Bildschirmen optimale Bildqualität aufweisen kann, muss sie “Retina-tauglich” sein. Sonst sehen die Bilder auf diesen Screens schnell unscharf aus.

Wie optimiere ich also meine Website für hochauflösende Displays?

Am besten mit dem Plugin WP RETINA 2x.

Der Beitrag Retina-Display erschien zuerst auf sisonke webdesign.

Hier ist der Download Link Instagram Feed

Über 200.000 Downloads und 5 Sterne – zurecht. Einfach in der Installation, zeigt den eigenen Feed im Galeriemodus. Ich kann die Anzahl der Bilder, der Reihen, sowie die Reihung bestimmen. Auch die Abstände zwischen den Bildern. Am Ende gibt es einen „load more“ Button und auch gleich einen „follow on instagram“ Button. Filtern kann ich allerdings nur mit der PRO Version (kostet $39 für die Einzelnutzung). Alles in allem, praktisch & sauber.

Der Beitrag Instagram Plugin erschien zuerst auf sisonke webdesign.

Shortcodes Ultimate –

Dieses WordPress Plugin ist einfach top!! Es kann: „tabs, buttons, boxes, different sliders, responsive videos“ und viel mehr… einfach im Handling und funktioniert perfekt. 5 Stars!

Hier gehts zum Download Shortcodes Ultimate Plugin Download

Der Beitrag Shortcodes Plugin erschien zuerst auf sisonke webdesign.

Es macht einen großen Unterschied, ob ich mir eine Webseite am Desktop oder mobil, wie z.B. am Smartphone anschaue.Besonders bei Bildern. Eine Lightbox finden, die auf allen Browsern perfekt funktioniert?? Mission impossible.. Facebook macht’s vor (und da sind sicher die besten Programmierer am Werk) – Öffne ein FB Bild am Smartphone (die Bildlegende lässt sich per Touch ein- oder ausblenden – die Bilder lassen sich mit den Fingern switchen, also „swipen“) oder am Desktop (hier öffnet sich eine Lightbox über dem Desktop, rechts gibt es die Beschreibungen und mit Pfeilen kann ich vor oder zurück navigieren.

Ergo = 2 verschiedene Lightbox Systeme, je nachdem mit welchem Medium ich die Webseite anschaue. Wie bewerkstellige ich das?

Dafür gibt es das wirklich wunderbare Plugin „Plugin Organizer“. PLUGIN LINK ZUM DOWNLOAD

Damit kann ich global oder bei jedem Beitrag definieren welches Plugin bei welchem Browser aktiv werden soll. Habe ich also zwei Lightbox Plugins installiert, kann ich somit definieren, welches Lightbox Plugin auf der Desktop Ansicht und welches bei der Mobilansicht aktiv werden soll.

Eine kleine Herausforderung dabei ist, dass man die Mobile User Agents definieren muss, damit es funktioniert. Ich muss damit definieren welche User Agents als „mobil“ erkannt werden. Anstatt komplexen User Agents Strings habe ich hier einfach „android, iphone, ipad“ (untereinander angeführt, ohne Komma) angegeben. Aber diese User Agents sind ein eigenes Kapitel für sich…

Viel Erfolg mit dem Plugin Organizer wünscht Ihre Sisonke Webdesignerin!

Der Beitrag Plugin Organizer erschien zuerst auf sisonke webdesign.