Seit der WordPress Version 2.5 gibt in WordPress eine eigene Bildergalerie-Option. Alle Bilder, welche über die WordPress-Mediathek zu einem Artikel oder einer Seite zugeordnet werden, sind automatisch in der Galerie des jeweiligen Artikels integriert. Mit Hilfe des WordPress Gallery-Shortcodes kannst du so eine Bildergalerie mit Vorschaubildern in einem Artikel, einer Seite oder sogar über die Template-Dateien deines Themes anzeigen. Zusätzlich kannst du noch ein jQuery Lightbox-Plugin nutzen, deine Galerieansicht mit Hilfe von CSS individuell stylen und vieles mehr. Die WordPress eigene Bildergalerie ist also durchaus eine tolle Alternative zu entsprechenden Plugin-Lösungen, wie z.B. dem beliebten NextGen Gallery-Plugin.
Weiterlesen
Kreative Web Typografie mit dem Lettering.js jQuery-Plugin
Wenn du gerne mit typografischen Elementen bei der Webseiten-Gestaltung arbeitest, hast du eventuell schon vom Lettering.js jQuery-Plugin gehört. Das Plugin wurde von Trent Walton und Dave Rupert entwickelt, um mit Hilfe von JavaScript mehr Kontrolle über die Darstellung einzelner Buchstaben, Worte eines Satzes oder Satz-Abschnitte im Webdesign zu gewinnen. Da mit Lettering.js tolle Typo-Effekte (bunte Logos, CSS-Animationen und Rotation einzelner Buchstaben) realisierbar sind, eignet sich die Verwendung vor allem im Webseiten-Logo, oder um einen Slogan-Text individuell zu gestalten.
Weiterlesen
Die Google Web Fonts: Beliebte Schriften und praktische Tipps
Die Entwicklung der kostenlosen Web Fonts von Google geht schnell voran, und im Dezember sind noch einmal über 20 neue Schriften ins Font-Directory aufgenommen worden. Darunter einige sehr hochwertige Free-Fonts, z.B. die Ubuntu-Schriftfamilie. Und neben den neuen Schriften sind seit unserem letzten Artikel »Die kostenlosen Web Fonts der Google Font API nutzen« auch noch einige neue Funktionen zum Sortieren der Schriften im Directory dazu gekommen. Zeit also für ein Update zu den praktischen Google Fonts.
Weiterlesen
Starkers HTML5: Das beliebte WordPress Blank-Theme in HTML5 Version
Ein Blank-Theme ist ein leeres Theme, und bietet meiner Ansicht nach eine perfekte Ausgangsbasis bei der Entwicklung eines eigenen WordPress-Themes. Für die meisten WordPress-Seiten haben wir bisher das Starkers-Theme von Elliot Jay Stock als Theme-Vorlage für eigene Projekte verwendet. Das Starkers-Theme ist WordPress 3.0 kompatibel und auf dem aktuellen Standard-Theme TwentyTen von WordPress aufgebaut. Falls du dein neues Theme mit HTML5 umsetzen möchtest, bietet das von Nathan Staines auf HTML5 optimierte Starkers HTML5 eine tolle Grundlage.
Weiterlesen
Tipps & Tools zur Webseiten-Gestaltung direkt im Browser
Seit längerem bin ich ein Fan des Artikels »Make your Mockup in Markup« von Meagan Fischer bei 24ways.org. Im Artikel schreibt Meagan über das Konzept, Webseiten direkt im Browser zu gestalten, und auf eine Gestaltungsvorlage in Photoshop oder anderen Grafik- und Layout-Programmen zu verzichten. Eigentlich ist die Argumentation logisch: Warum sollte man ein Produkt nicht direkt in der Plattform (also im Browser) gestalten, in der es auch später genutzt wird?
Weiterlesen
Hilfreiche CSS-Tipps zur Gestaltung von Text (Teil1)
Texte im Webseiten-Layout angenehm lesbar und übersichtlich zu formatieren, erfordert meist ganz schön viel Feinarbeit. Mit Hilfe von praktischen, modernen CSS-Eigenschaften kannst du dir die Arbeit oft erheblich erleichtern, und so Gestaltungselemente wie mehrspaltigen Text, eingerückte Absätze oder Textschatten umsetzen. Daher habe ich eine Übersicht nützlicher CSS Tipps und Tricks für dem Umgang mit Text zusammen gestellt.
Weiterlesen