Tags ‘Pixelgenaue Umsetzung’

BrowseEmAll - Innovative Softwarelösung für Browsertests

Cross-Browser-Test, Webdesign | Donnerstag, 12.01.2012 | Noch kein Kommentar

Mit BrowseEmAll geht eine neue Software zum Testen der Browser-Kompatibilität an den Start, die einige interessante Besonderheiten für CSS-Entwickler bietet.

Im nachfolgenden Interview habe ich direkt bei einem der Entwickler nachgefragt, welchen Mehrwert BrowseEmAll gegenüber den etablierten Cross-Browser-Check-Diensten bietet.

Viel Spaß mit dem Interview!

BrowseEmAll Mehr lesen … »

Screenfly: Die Website auf verschieden Auflösungen betrachten

Browser, Cross-Browser-Test | Freitag, 23.09.2011 | Noch kein Kommentar

Screenfly ist ein recht neues Online-Tool, dass Webseiten-Entwickler beim sog. Cross-Browser-Check unterstützen soll. Laut Selbstbeschreibung, kann der Dienst eine Vielzahl von Gerätetypen und Auflösungen simulieren. Ich habe mir einmal angesehen, ob Screenfly eine sinnvolle Alternative zu den bekannten Cross Browser Test Angeboten darstellt.

Mehr lesen … »

Wireframe Showcase: Der Vorher-Nachher Vergleich beim Webdesign

Webdesign | Mittwoch, 30.06.2010 | 1 Kommentar

Plant man ein neues Webprojekt, ist es sinnvoll, als ersten Schritt das Layout grob zu skizzieren. Hierbei legt man fest, welche Elemente die Seite beinhalten soll (Navigation, Logo, Suche, Content, Footer usw.) und wo diese grundsätzlich angeordnet werden sollen (z. B. die Navigation oben links). Webdesigner bezeichnen solch einen frühen Prototypen als Wireframe oder Mock-Up. Da es in diesem ersten Schritt lediglich um eine Festlegung des konzeptionellen Layouts geht, sollten konkrete Designfragen zunächst vollkommen außen vorbleiben. Umsetzen lassen sich solche Skizzen entweder mit Papier und Stift oder computerbasiert mit zahlreichen Werkzeugen.

Mehr lesen … »

Software Paket für den lokalen Cross-Browser-Test

Cross-Browser-Test | Montag, 19.04.2010 | Noch kein Kommentar

Wer regelmäßig die Darstellung seiner erstellten Websites auf verschiedenen Betriebssystem- und Browserversionen abtesten muss, landet früher oder später bei einem kostenpflichtigen Online-Dienst wie etwa BrowserCam. Aus Anwendersicht überzeugt bei diesen Anbietern nicht nur die Wartungsfreiheit, sondern auch die Vielzahl an Möglichkeiten. So ermöglichen die “besseren” Dienste sowohl das automatisierte Erstellen von Screenshot-Serien, wie auch den fallweisen Remote-Access. Dennoch sind diese Dienste nicht ohne Fehl und Tadel. Wer häufiger mit ihnen arbeitet, wird zumindest temporär immer mal wieder Zugangs- und Performanceprobleme feststellen. Und zumindest bei sensiblen Kundenprojekten steht man immer wieder vor der Frage, ob das Übermitteln der Inhalte an einen Dritten in der Entwicklungsphase vom Kunden überhaupt akzeptiert wird.

Mehr lesen … »

HTML Texte mit CSS formen

Webdesign | Sonntag, 14.03.2010 | Noch kein Kommentar

Das Layout von HTML Fließtext ist auf den meisten Websites eine recht langweilige Angelegenheit. Gerne würde mancher Webdesigner auf die aus dem Printbereich bekanten Layoutmöglichkeiten zurückgreifen. So ist es beim Desktop-Publishing kein Problem, etwa runden Text um ein rundes Bild herumfließen zu lassen. Bei Verwendung der CSS-Eigenschaft float fließt der Text zwar um das Bild herum, allerdings wieder in eckiger Form. Das verwundert nicht, denn Websites bestehen nun mal aus viereckigen Kästen, die übereinander, nebeneinander oder ineinander gestapelt werden.

Mehr lesen … »