Elmastudio - Webdesign & WordPress

Das neue Bilder-Carousel Feature von Jetpack kurz vorgestellt

Jetpack Carousel Slideshow für WordPress

Der Jetpack Carousel-Slider im iPad-Querformat.

Die responsive Carousel Bilder-Slideshow von Jetpack ist ein tolles, neues Feature, um WordPress-Bildergalerien in einer Slideshow-Detailansicht anzuzeigen. Sobald du das Jetpack-Plugin installiert hast, steht dir die neue Funktion zur Verfügung und wird (wenn aktiviert) automatisch für alle Bilder-Galerien eingesetzt. Weiterlesen

RWD Bookmarklet zum Testen von responsive Webdesigns

Mit dem RWD Bookmarklet kannst du die Media Queries-Einstellungen eines responsive Webdesigns direkt im Browser testen. Mit Hilfe einer praktischen Top-Leiste kannst du jede Webseite schnell in verschiedenen Bildschirmformaten (Smartphone, Tablet, Quer- und Hochformate) anzeigen. Natürlich ersetzt das Tool nicht das Live-Testen auf mobilen Geräten selbst, aber z.B. zur schnellen Überprüfung des eigenen Codes finde ich das RWD Bookmarklet sehr nützlich.

Meola: Das neueste Premium responsive WordPress Theme von Elmastudio

Meola ist unser neuestes responsive, mobile-first WordPress-Theme mit einem stylischen, minimalistischen Design und jeder Menge praktischen Theme-Features. Du kannst Meola mit einem Bilder-Slider oder einem Headerbild nutzen, einen eigene Hintergrund wählen und etliche weitere Theme-Anpassungen auf der Theme-Optionenseite einstellen. Die Integration von Widgets ober- oder unterhalb des Haupt-Inhalts und die Möglichkeit Bilder großzügig zu Featuren sind außerdem ganz besondere Highlights des Meola-Themes. Weiterlesen

rem/px-Tabelle zum Downloaden

Wenn du ein Webseiten-Projekt mit der CSS3 Schriftgrößen-Einheit rem umsetzen möchtest, ist es derzeit noch wichtig eine Pixel Fallback-Lösung für ältere Browser (z.B. IE8 und darunter) anzubieten. Um nicht immer wieder die korrekten rem-Werte ausrechnen zu müssen, habe ich eine praktische rem/px-Tabelle mit den vorbereiteten Werten zum Kopieren und Einfügen erstellt. Weiterlesen

10 Webseiten für kreativen Input und Design-Inspirationen

Wenn man kreativ arbeitet ist es hilfreich, ab und an nach neuen Inspirationen und Ideen zu suchen und sich die Arbeiten von anderen Kreativen anzusehen. Das Web bietet da natürlich eine endlose Fülle an Design-Inspirationen, so dass man sich oft schon überwältigt fühlt und die Inspirationen kaum mehr aufnehmen und verarbeiten kann.

Ich selbst habe mir daher angewöhnt, Design-Inspirationen nur “in kleinen Häppchen zu konsumieren”. Ab und zu gönne ich mir eine eingeplante Zeit, um auf Blogs zu schmöckern oder inspirierende Bilder und Projekte auf Pinterest oder Evernote zu sammeln. Mit einer heißen Tasse Tee kann man es sich so auch ein wenig gemütlich machen, denn das Sammeln von neuen Inspirationen soll ja schließlich entspannend sein und Spaß machen. Weiterlesen

Happy Birthday Elmastudio: 50% Discount beim Kauf von 3 Premium WordPress-Themes

Der Elmastudio-Blog wird heute 3 Jahre alt und wir freuen uns sehr, diesen Blog-Geburtstag mit euch zu feiern. Als kleines Geburtstagsgeschenk haben wir einen Rabatt von 50% ab dem Kauf von 3 unserer Premium WordPress-Themes eingerichtet. Der Discount-Code lautet HAPPYBDAY und kann in der Shopping Cart eingetragen werden. Weiterlesen

CSS-Tipp: rem als Einheit für Schriftgröße nutzen

rem hat dieses mal nichts mit Musik zu tun, sondern es ist der Begriff der CSS3-Schriftgrößeneinheit rem (= root em) gemeint. rem verhält sich genauso wie em mit dem einzigen Unterschied, dass das sich der rem-Wert am Root-Element orientiert (also an der Schriftgröße, für body bzw. html), statt sich wie em an der Schriftgröße des jeweiligen Eltern-Elements zu orientieren. Weiterlesen

WordPress-Plugins vorgestellt #2: Der Responsive Slider

Der Responsive Slider von DevPress (hier eine Slider-Demo) bietet eine einfache und optisch ansprechende Option, einen Bilder-Slider in ein responsive WordPress-Theme zu integrieren. Es können Bilder mit Bild-Überschriften und Links angelegt werden. Die Integration des Sliders erfolgt entweder direkt über einen PHP-Codeschnipsel in einer Template-Datei (z.B. header.php) oder per Shortcode auf einer Seite oder in einem Artikel. Weiterlesen