Webdesign und Webentwicklung macht Spaß!

Als Webentwickler hat man jeden Tag mit neuen Herausforderungen zu kämpfen. Egal ob es sich um Probleme mit der Skriptsprache PHP, dem Datenbanksystem mySQL oder CSS und (X)HTML handelt, die alltäglichen Probleme und Hindernisse sind vorprogrammiert. Als Geschäftsführender Gesellschafter der ITABS GbR, freiberuflicher Journalist und Autor befasse ich mich darüber hinaus noch mit den Themen Content Management, eCommerce sowie Usability von Websites. In meinem Blog greife ich alle diese Themen auf und versuche meine Erkenntnisse
und Erfahrungen in diesen Bereichen möglichst gut weiterzugeben und zu teilen.

March 19 2009

Waaahhhh … Wieder einer mehr!

image  image image

image image

 

Und jetzt auch noch der IE8… Standards hin oder her, letztendlich muss man gewisse Anpassungen für jeden Browser speziell durchführen *würg*.

February 23 2009

TYPOlight und TinyMCE

So, heute scheinen die Probleme mit TYPOlight im Minutentakt zu kommen. Nach einem Update von TYPOlight, hat plötzlich der WYSIWYG-Editor TinyMCE Probleme gemacht. (Siehe Screenshot)

screen

Das Problem bestand darin, dass manche Elemente nicht mehr angezeigt wurden, der Editor war so gesehen unbrauchbar. Ein erneutes Hochladen des TinyMCE hat das Problem nicht behoben und ich war erst einmal ratlos (Schreibrechte spielen auch immer eine große Rolle, diese waren aber korrekt gesetzt).

Man kann das Problem jedoch beheben, in dem man das TinyMCE Verzeichnis (./plugins/tinymce) komplett löscht und die aktuellste Version, d.h. das Verzeichnis tinymce aus dem TYPOlight Archiv, neu hochspielt. Ruft man dann den Editor wieder auf, werden alle Elemente korrekt angezeigt.

February 22 2009

Fehlerhafte Bildbreite und Bildhöhe innerhalb der Bildergalerie von TYPOlight

Dank der erstklassigen Community rund um das Content-Management-System TYPOlight habe ich gerade ein etwas kniffliges Problem gelöst. Da ich sicherlich mit dem Problem nicht alleine bin, möchte ich auf diesem Weg zwei Lösungen anbieten.

Grundsätzlich kann man innerhalb von TYPOlight eine Bildergalerie einbinden und dort auch die Größe der Vorschaubilder definieren. D.h. selbst wenn die Bilder, die man anzeigen möchte, in recht großen Abmessungen vorliegen, so kann man die Vorschaubilder in der Größe A x B Pixel anzeigen lassen. Doch genau diese besagte Funktion hat nicht korrekt gearbeitet und ich bin einfach nicht darauf gekommen an was es lag. Denn die Bilder wurden in der Originalgröße dargestellt, eine automatische Verkleinerung hat nicht stattgefunden. Das Problem kann unter anderem durch die zwei folgenden Fehler hervorgerufen werden:

  • CHMOD falsch gesetzt. Der Ordner system/html benötigt Schreibrechte
  • GD Lib. nicht installiert

Ob die Schreibrechte korrekt gesetzt sind, kann man mit Hilfe der Anwendung “TYPOlight Check” testen. Das Skript steht kostenlos unter http://www.typolight.org/voraussetzungen.html zum Download bereit. Jedoch prüft das Skript NICHT das Vorhandensein der GD Lib.! In meinem Fall hat nämlich genau diese fehlende Erweiterung dafür gesorgt, dass die Vorschaubilder nicht erzeugt werden konnten.

February 10 2009

Automatisches Einfügen Von Passwörtern Verbieten

Es gibt Fälle, da möchte man nicht, dass der Browser ein hinterlegtes Passwort direkt in ein Passwort Feld schreibt. Doch wie kann man dieses Verhalten verändern? Ganz einfach, mit autocomplete=off

Diese Information muss man nur bei einem Formular Feld hinterlegen, z.B.:

<input type="password" name="passwort" autocomplete="off"/>

Und schon fügt der Browser das hinterlegte Passwort nicht mehr automatisch ein.

February 02 2009

Webanalyse: Die aktuelle Verbreitung von Schriftarten im Web

Webdesigner dürfen sich freuen. Die aktuelle Webanalyse von Webmasterpro.de
zeigt, dass es durchaus vernünftige Font-Alternativen fern ab von Arial,
Verdana oder Courier bei der Gestaltung von Webseiten gibt.

Die Statistik ermittelte die Schriften von Webseitenbesuchern von über
100 000 verschiedenen Webseiten und liefert erstmalig detaillierte
Informationen über die Verbreitung von Schriften im deutschsprachigen Web.

Alle Webdesigner die bei der Gestaltung von Webseiten also einmal vom
viel befahrenen Arial-Verdana-Highway abbiegen möchten, empfiehlt sich
daher besonders ein Blick auf die Webanalyse zur aktuelle Verbreitung
von Schriftarten im Web. Dort findet man zusätzlich eine Top100-Liste
mit besonders verbreiteten Schriftarten im deutschsprachigen Web.

http://www.webmasterpro.de/design/news/2009/02/02/verbreitung-von-schriftarten-im-web.html

Neben Infos zur Verbreitung von Schriften im Web gibt die Webanalyse
unter anderem Auskunft über:

  • Die aktuelle Browser-Marktsituation (Tagesaktuell!)
  • Browser-Langzeittrends
  • Suchmaschinen und Suchverhalten
  • Verbreitung von Plugins und Technologien

Die Webmasterpro Webanalyse wird auf Basis von über 100.000
deutschsprachigen Webseiten mithilfe des FlashCounter-Services von
Webmasterpro.de ermittelt und bietet durch die unterschiedlichen Themen
der Webseiten einen idealen Querschnitt durch das deutschsprachige Netz.
Informationen zur aktuellen Webanalyse finden Sie unter den
folgenden Adressen:

http://www.webmasterpro.de/design/news/2009/02/02/verbreitung-von-schriftarten-im-web.html
http://www.webmasterpro.de/coding/article/css-verbreitung-von-schriften-im-webdesign-tabelle.html
http://www.webmasterpro.de/portal/webanalyse.html

October 24 2008

Magento VMware Image verfügbar

Wir haben nun ein auf Ubuntu basierendes VMware Image erstellt, welches eine LAMP Umgebung sowie ein installiertes Magento enthält. Jeder der die Software gerne testen möchte, muss also nicht mehr einen Web- und Datenbankserver aufsetzen und sich durch die Installation quälen.

Mehr Infos gibt’s unter http://www.itabs.de/ecommerce-magento-virtuelle-maschine.html

October 17 2008

Tolle Produkte, miserable Website

Es ist einfach erstaunlich und verblüfft mich immer wieder aufs Neue. Es gibt tatsächlich völlig miserable Internetauftritte von großen, international tätigen Unternehmen, die man in dieser Form eigentlich keinem Kunden zumuten sollte.

Ein wunderschönes Paradebeispiel für „tolle Produkte, miserable Website“ ist  die deutschsprachige Seite von Starbucks. Starbucks dürfte wohl jedem ein Begriff sein. Da der Kaffee gefühlt 5 Mal so teuer wie bei anderen Unternehmen ist, dürfte das Unternehmen eigentlich über genügend finanzielle Mittel verfügen, um eine halbwegs akzeptable Website online zu stellen.

Technisch betrachtet gibt die Website nicht wirklich viel her. Verwendet wird immer noch HTML 4.0 und das dahinterliegende System an sich basiert auf .NET, genauer gesagt C#.

<meta name="GENERATOR" content="Microsoft Visual Studio 7.0">
<meta name="CODE_LANGUAGE" content="C#">

starbucks-ganze-seiteDie optische Realisierung wurde mit Hilfe von Tabellen gestaltet, was auch nicht mehr sehr up to date ist. Optimiert wurde die Seite scheinbar auf relativ kleine Auflösungen, zumindest wird der Platz auf großen Monitoren überhaupt nicht ausgenutzt, was wirklich schade ist. Immerhin sollte sich in der Regel die Website dem Monitor anpassen um dem Benutzer dadurch eine möglichst gute Übersicht und Darstellung zu ermöglichen. Aber gut, darüber lässt sich streiten, in vielen Fällen gehört es einfach zum gewünschten Design.

Jedoch ist beispielsweise der Footer relativ interessant gestaltet. Ich weiß nicht ob dies so gewollt ist, für meinen Geschmack erscheint es aber ein wenig unpassend, könnte man die gesamten Inhalte doch in eine Zeile packen.

starbucks-footer

Auch gibt es an der einen oder anderen Stelle eine völlig inkorrekte Verlinkung. Geht man auf http://www.starbucks.de/de-de/_Favorite+Beverages/ und klickt auf die Grafik bei „Gönnen Sie sich eine Auszeit“, landet man auf der spanischen Website von Starbucks. Die Grafik darüber bzw. darunter ist übrigens überhaupt nicht verlinkt, sollte also der Link an sich korrekt sein, wäre es zumindest auch eine sehr inkonsequente Umsetzung.

Aber abgesehen von der meiner Meinung nach eher bescheidenen technischen Umsetzung und den ein oder anderen kleinen Macken, findet man auch nicht annähernd die Inhalte, die man als Kunde sucht.
Heute kam z.B. die Frage auf, welche Getränke es denn eigentlich alle gibt. Tja, auf der Website wird aber über die Hälfte an Getränken vollkommen unterschlagen, eine vollständige Liste gibt’s nur direkt bei Starbucks. Dafür erfährt man aber reichlich über die Firmengeschichte oder das Starbucks Leitbild. Dabei handelt es sich zwar um nicht zu unterschlagende Informationen, aber primär sollte man eigentlich die Produkte bewerben.

Grundsätzlich finde ich, dass die Website inhaltlich etwas am Ziel vorbeischießt. Denn, und das ist zwar nur ein spekulativer Wert, wird sich ein Besucher der Starbucks Website zu 90% nach den Produkten (in diesem Fall also alle Getränke und Kuche / Snacks, die übrigens vollkommen vergessen wurden) informieren wollen. Und dieser Bereich wurde scheinbar vollkommen übersehen.

Eigentlich schade, dass ein so großes Unternehmen so wenig Wert auf die eigene Website legt. Man könnte sich wirklich von Subway eine Scheibe abschneiden. Dort gibt es beispielsweise ein Sandwich Konfigurator, der einen sofort mit der gesamten Produktpalette vertraut macht.

October 09 2008

Fünf Dinge, um die PHP-Developer nicht herumkommen

Unter http://it-republik.de/php/news/Fuenf-Dinge-um-die-PHP-Developer-nicht-herumkommen-045414.html gibt es einen empfehlenswerten Artikel, in dem es um wichtige Tools bzw. Technologien geht, die einem PHP Entwickler im Alltag weiterhelfen sollen. Meiner Meinung nach ist die Liste aber etwas unvollständig:

  • Ein MVC-Framework: Hier ist das Zend Framework ganz klar meine Empfehlung. Letztendlich ist aber die Wahl des Frameworks reine Geschmackssache.
  • Ein AJAX-Framework: Stimme ich mit dem Artikel überein und rate persönlich zu Mootools.
  • Eine gute IDE. Hier entscheidet der Geldbeutel. Möchte man Geld ausgeben, ist das Zend Studio for Eclipse die erste Wahl. Wer kein Geld investieren möchte, kann sich mit Eclipse PDT vergnügen.
  • Eine DB-Management-Software: Ein kleiner Geheimtipp: http://www.webyog.com/en/sqlyog_feature_list.php
  • Beim Thema OR-Mappers stimme ich wieder mit IT Republik überein.

Grundsätzlich ist daher der Artikel auf IT Republik wirklich empfehlenswert, aber gerade beim Thema Frameworks und Datenbank Tools sollte man auch einen Blick auf meine Empfehlungen werfen ;-)

September 28 2008

Usability des xt:commerce Administrationsbereich

XT-Commerce_1222629970942 In einem Wort ausgedrückt: schrecklich!

September 21 2008

Informationen zu Magento in Zukunft auf blogtabs.de

Vor ein paar Tagen habe ich damit begonnen, ein paar Informationen bezüglich Magento zu veröffentlichen. Da wir aktuell und in Zukunft bei vielen Projekten auf Magento setzen, bietet es sich aber an, die Informationen in unserem Corporate Blog zu veröffentlichen. Daher werden in Zukunft alle Informationen rund um Magento auf http://blogtabs.de veröffentlicht. Aktuelle schreibe ich in unregelmäßigen Abständen an einer Einführung in Magento, welche recht umfangreich werden soll.

Wer sich also für Magento interessiert sollte doch ab und zu auf http://blogtabs.de vorbeischauen. Wir werden dort auch Informationen zu beispielsweise TYPOlight (CMS) veröffentlichen. Der allgemeine Kram über PHP werde ich in meinem Blog belassen, denn sonst gehen mir langsam die Themen aus und ich muss mit Frustpostings beginnen ;-)