Alle Beiträge in der Kategorie Webdesign

Homepage-Design-Entwürfe präsentieren

Webdesign | Donnerstag, 14.04.2011 | Noch kein Kommentar

Erstellt man im Kundenauftrag eine Homepage, wird zunächst ein Entwurf gestaltet, der dem Auftraggeber zugeschickt bzw. präsentiert wird. Dazu hat der Webdesigner eine Vielzahl von Möglichkeiten. Häufig wird nach wie vor eine der vier folgenden (klassischen) Varianten genutzt, um den Kunden den Entwurf zu übermitteln:

Mehr lesen … »

FireCSS: CSS in allen Browsern gleichzeitig bearbeiten

Webdesign | Freitag, 25.03.2011 | 2 Kommentare

Möchte man die Auswirkungen der Änderungen am CSS oder HTML-Code in unterschiedlichen Browsern nachvollziehen, ist ein ständiges hin- und herspringen zwischen Code-Editor und Browser notwendig. Ein Hilfsmittel, das diese Prozedur erheblich vereinfacht, ist XRefresh, welches automatisch das Browserfenster aktualisiert, sobald eine Änderung am Code vorgenommen wurde. Insbesondere beim Debugging greifen jedoch viele Entwickler auf Firebug zurück. Doch für Liebhaber von Firebug gibt es derzeit keine Möglichkeit, dort getätigte Änderungen am Code live auf mehreren Browsern zu überwachen. Möglich werden könnte dieser Spagat jedoch mit dem Tool FireCSS.

Mehr lesen … »

Firefox 4 kompatibel mit Firebug 1.7

Webdesign | Mittwoch, 23.03.2011 | Noch kein Kommentar

Praktisch zeitgleich mit Firefox 4 ist auch Firebug 1.7.0 erschienen, die nun vollständig kompatibel zur neuen Browserversion ist. Ebenfalls kompatibel zu Firefox 4 ist die bei Webentwicklern sehr beliebte Erweiterung Web Developer. Hier konnte ich allerdings schon seit dem letzten Update des Add-ons keine Einschränkungen feststellen – weder mit den Betaversionen von Firefox 4 noch mit der finalen Version.

Optisch zurück in die Zukunft

In meinem direkten Umfeld gibt es übrigens einige Upgrader, die sich mit dem neuen Look des Firefox 4 überhaupt nicht anfreunden können oder wollen. Bei bestimmten Punkten kann ich dem durchaus zustimmen; beispielsweise ist beim Laptop mit einem 16:9-Monitor der Weg zum Home-Button mit dem Touchpad nun ein recht langer Weg. Die vertraute Firefox 3 Ansicht lässt sich jedoch mit wenigen Klicks wiederherstellen - eine Anleitung findet sich beispielsweise im Loadblog.

Webdesign auf echten Smartphones vergleichen

Cross-Browser-Test, Webdesign | Donnerstag, 10.03.2011 | 1 Kommentar

DeviceAnywhere ist ein Online-Service, der den ferngesteuerten Zugang zu echten Handys ermöglicht, die unmittelbar mit einem Mobilfunknetz verbunden sind. Der Anbieter hält für den Service über 1500 Mobiltelefone und Smartphones an verschiedenen Standorten in Europa, den USA und Asien vor. Die Geräte können über eine spezielle Desktop-Software über das Internet bedient werden. Konkret handelt es sich um eine Java-Software, die unter Windows, Mac OS X, and Linux lauffähig ist. Im Ergebnis wird es hierdurch möglich, Geräte so zu testen, als würden sie sich tatsächlich in der Hand des Entwicklers befinden.

Mehr lesen … »

Sitemaps planen und skizzieren

Cross-Browser-Test, Webdesign | Freitag, 04.03.2011 | Noch kein Kommentar

Egal ob eine neue Homepage in Eigenregie, zusammen mit Freunden oder für einen Kunden entsteht, eine der ersten Überlegungen ist stets, wie viele Seiten und Unterseiten die Webseite haben soll. Diese Vorgehensweise hat sich bewährt, da ein sinnvolles Design dem Seitenaufbau folgt und nicht umgekehrt. Die einfachste Variante eine Seitenübersicht bzw. Sitemap zu entwerfen ist natürlich die gute alte Skizze von Hand. Zumindest zum Zwecke einer ersten Ideenfindung wird auch heute noch Stift und Papier gerne verwendet, da sich spontane Eingebungen auf diesem Wege am schnellsten kanalisieren lassen. Doch zumindest bei der Feinabstimmung merkt man, dass Radieren und Überschreiben nicht mehr zeitgemäß ist. Und spätestens, wenn ein wechselseitiger Ideenaustausch mit Partnern oder gar Kunden stattfinden soll, ist es an der Zeit, auf ein professionelles Tool zurückzugreifen. Klassische Grafikprogramme wie Photoshop helfen hier nur eingeschränkt weiter, da ein Teilen der Entwürfe nur über Umwege möglich ist.

Mehr lesen … »