Artikel der Kategorie ‘Webdesign’

FitText für skalierbare Texte in responsive Webdesigns

FitText in ein kleines, praktisches JavaScript-Plugin, um Text-Slogans oder andere größere Text-Elemente in responsive Webdesigns automatisch skalierbar zu machen. Mit Hilfe des Scripts passt sich dein Text-Slogan automatisch an die jeweilige Bildschirm-Breite an und wird dadurch immer optimal lesbar dargestellt.

FitText nutzen

FitText für automatisch skalierbare Texte. (Credit: Vektor-Icons von Etienne Mansard)

Das Plugin ist nicht für Fließtexte gedacht, sondern um große Schrift-Slogans, Webseiten-Titel oder Texte in einem großen Header-Bild automatisch an das responsive Design anzupassen. Und so funktioniert die Einbindung des JavaScript-Plugins.

Weiterlesen

Link-Tipp: Am I Responsive? Screenshot-Tool

Nachdem ich heute morgen den neusten Responsive Webdesign Newsletter von @justinavery gelesen habe, hatte ich ein kleines Aha-Erlebnis, da ich sein Site-Project Tool “Am I Responsive?” bisher noch nicht entdeckt hatte. Dabei ist das Screenshot-Tool wirklich genial und macht jede Menge Spaß, denn mit nur einem Klick kannst du dir deine responsive Website in einer schönen Präsentation auf verschiedenen Geräten anzeigen lassen.

Weiterlesen

Beliebte Webdesign-Trends, die du unbedingt im Auge behalten solltest

Webdesign Trends Es macht denke ich jedem Webdesigner Spaß, nach neuen Inspirationen und Webdesign-Trends zu suchen und sich die Arbeiten anderer Designer anzuschauen. Daher haben wir eine kleine Übersicht unserer aktuellen Lieblings-Webdesign-Trends als Inspirationsquelle für deine nächsten Webdesign-Projekte vorbereitet. Welche der Design-Trends gefallen dir besonders gut und welche weiteren aktuellen Webdesign-Trends sollten deiner Meinung nach unbedingt noch in dieser Auflistung erwähnt werden?

Weiterlesen

Link-Tipps: Hilfreiche, kostenlose Online-Tutorials zum Lernen von HTML & CSS

Learn CSS Layout Jeder der mehr über HTML und CSS erfahren möchte, sollte diese zwei wunderschönen Online-Tutorials (nur in englischer Sprache) auf keinen Fall verpassen. Auf der Webseite “Learn CSS Layout” kannst du dich Klick für Klick durch einen praktischen Guide mit vielen modernen CSS-Tipps (auch zur Entwicklung von mobile-ready Websites) durcharbeiten. Die Webseite richtet sich an Anfänger, doch auch geübtere CSS-Fans können auf der übersichtlich gestalteten Seite bestimmt noch so einiges mitnehmen.

Weiterlesen

Premium responsive WordPress Theme Oita

Oita: Premium responsive, Off-Canvas WordPress Theme für Minimalisten und Typo-Fans

Oita ist das neueste Premium responsive WordPress-Theme von Elmastudio mit einem modernen Off-Canvas Design, nicht nur auf mobilen Geräten, sondern auch auf großen Desktop-Bildschirmen. Durch dieses moderne, minimalistische Layout bietet Oita jede Menge beruhigenden Weißraum und deine Inhalte können so richtig ins Zentrum deiner Webseite rücken.

Weiterlesen

Newsletter erstellen mit WordPress und MailChimp

MailChimp ist wohl DER Online-Service wenn es ums Versenden von Newslettern geht. Die Bedienung ist einfach und ansprechend gestaltet und der Dienst lässt sich dank eines WordPress-Plugins sehr leicht auf einer WordPress-Seite integrieren. Für kleinere Newsletter mit bis zu 2000 Abonnenten ist MailChimp komplett kostenlos (darüber hinaus gibt es verschiedene Preismodelle, siehe MailChimp Pricing).
Ich habe vor kurzem auch für Elmastudio einen kleinen, monatlichen Newsletter mit MailChimp eingerichtet (siehe Anmeldung im Footer) und möchte meine Erfahrungen und Tipps zur Einrichtung hier weitergeben.

Weiterlesen

Showcase: Off Canvas in responsive Webdesigns

Off Canvas Showcase Die ersten Off Canvas-Layouts wurden in Native Apps wie Path oder Facebook umgesetzt. Doch spätestens seit Luke W diesen Sommer in seinem Artikel “Off Canvas Multi-Device Layout” auch Webdesigner und Entwickler auf diese neue Technik im responsive Webdesign aufmerksam gemacht hat, ging das Tüfteln los. Inzwischen sieht man immer mehr Webseiten mit der Off Canvas-Technik im Einsatz und es wird deutlich, welch tolle neue Möglichkeiten sich für responsive Webdesigns mit Off Canvas-Layouts auftun.

Weiterlesen

Seite 1 von 37123...10...»
Top