münster-webdesign.net

Archiv für die Kategorie ‘Webdesign’

Neue Website auf WordPress-Basis: kliniksprecher.de

Mittwoch, 02. Juni 2010
WordPress: Vom Blog- zum Content-Management-System

WordPress: Vom Blog- zum Content-Management-System

In den letzten Jahren hat sich WordPress vom Blog- zum kleinen aber feinen Content-Management-System gemausert. Zudem kann WordPress mit einem sehr intuitiv zu bedienenden Backend punkten, das sich auch CMS-Neulingen schnell erschließt.

Für die Umsetzung des aktuellen Projekts beziehungsweise des gegebenen Webdesigns mit WordPress war dennoch viel Handarbeit nötig. So wurde beipielsweise eine Drop-Down-Navigation implementiert, die unter modernen Browsern auch ohne JavaScript funktioniert. Zudem waren ein Dutzend zusätzlicher Plug-ins nötig, um den vom Kunden gewünschten Funktionsumfang zu realisieren. Neben Erweiterungen für die Tag-Wolke betraf dies vor allem Kommentar- und Anmeldeformulare wie auch die Anzeige der “Meist gelesenen”-Artikel.

Neue Website auf Typo3-Basis: Agentur lege artis

Montag, 17. Mai 2010
Neue Website auf Typo3-Basis: agentur-legeartis.de

Neue Website auf Typo3-Basis: agentur-legeartis.de

Als Basis für den Relaunch der Website der Agentur lege artis aus Münster kommt das Content Management System Typo3 zum Einsatz.

Eine Besonderheit dieses Typo3-Projekts ist die Seite Referenzen, für die wir unsere Typo3-Extension Scrollable for Typo3 (EXT: cgscrollable) eingesetzt haben. Die Funktionalität der Extension basiert auf dem JavaScript-Framework jQuery sowie der jQuery-Erweiterung jQuery TOOLS.

CSS-Hack: min-height-Eigenschaft für den Internet Explorer 6

Freitag, 05. März 2010

Die Liste der Bugs und Hacks für den Internet Explorer 6 (IE6) ist lang. Immerhin für die fehlende Unterstützung der CSS-Eigenschaft “min-height” gibt es einen brauchbaren CSS-Hack:

.mein-min-height-element {
min-height: 250px;
height: auto !important;
height: 250px;
}

Webdesign mit CSS3: Transparenz

Mittwoch, 17. Februar 2010

Insbesondere in Hinblick auf modernes Webdesign hat CSS3 einiges zu bieten. Schade nur, dass die Entwicklung von CSS3 sowie die Integration in die Browser nur zögerlich vorangeht.

Eines der sicherlich am meisten in aktuellen Webdesigns eingesetzten CSS3-Features sind Transparenzeffekte respektive halbtransparente Elemente. Zur Regulierung der Transparenz von Seitenelementen bietet CSS3 Webdesignern die Eigenschaft “opacity”, gefolgt von einer Gleitkommazahl zwischen null und eins. Eins bedeutet dabei vollständig deckend, null bedeutet vollständig transparent.

Um nun beispielsweise ein DIV-Blockelement halbtransparent erscheinen zu lassen, genügt die folgende CSS-Angabe:

div {opacity:0.5}

Wie üblich braucht es für den Internet Explorer einen Sonderweg über die “filter”-Eigenschaft. Dabei ist zu beachten, das der Transparenzwert in diesem Fall prozentual anzugeben ist:

div {filter: Alpha(opacity=50)}

Last but not least bestünde auch noch die Möglichkeit, den Transparenzwert via “rgba()” zu implementieren. Doch zum einen unterstützt dies der Internet Explorer nicht und zum anderen vererben sich rgba()-Eigenschaften nicht auf Kindelemente.

Neue Website auf Joomla-Basis: HörCentrum Hammer Straße

Freitag, 08. Januar 2010
Modernes Webdesign mit Joomla

Modernes Webdesign mit Joomla

Ziel des Relaunchs der Website des HörCentrum Hammer Straße war eine grundlegende Modernisierung des Webdesigns in Kombination mit dem Wechsel zu einem schlanken und einfach zu bedienenden Content-Management-System. Mit dem Content-Management-System Joomla konnten wir unserem Kunden ein solches bieten. Für Joomla sprachen neben dem geringen Ressourcenbedarf vor allem das komfortable Frontend-Editing sowie die geringen Projekt-, Schlulungs- sowie Wartungskosten.

Neue Website auf Typo3-Basis: Kinderhaus Viersen

Mittwoch, 16. Dezember 2009
Neue Typo3-Website: kinderhaus-viersen.de

Neue Website auf Typo3-Basis: kinderhaus-viersen.de

Mit der Website kinderhaus-viersen.de des Allgemeinen Krankenhauses Viersen geht eine weitere Website auf Typo3-Basis online.

Die besondere Herausforderung dieses Typo3-Projekts bestand darin, alternative Stylesheets für ältere Browser (Internet Explorer 6) zu implementieren, da das originale Webdesign reichlich Gebrauch von halbtransparenten PNGs macht. Die Umschaltung erfolgt über eine Browser-Weiche, die wir komplett in TypoScript umgesetzt haben.

Der auf der Startseite angezeigte Datums-Countdown basiert auf der von uns eigens für dieses Projekt entwickelten Extension “Coutdown of date” (EXT: cgcountdown).