Zeitaufwand Webdesign – IE lässt grüßen :-)

// 17122008 / Webdesign, Webprogrammierung / 2 Kommentare

Was mich als “IE-Liebhaberin” beim Lesen des Webdesign Artikels übrigens angenehm hat, ist folgende Grafik, die Peter in diesem Zusammenhang zeigt :-)

Geschäftsmodell Webdesign: Top oder Flop?

// 17122008 / Webdesign / 2 Kommentare

Ist die Spezialisierung auf einzelne Anwendungen bzw. Anwendungsbereiche das Erfolgsrezept im Webdesign? Ich sage ‘ja’ und stimme Peter zu: Nicht der Webdesign-Allrounder, sondern der Spezialist macht das Geschäft. Daher folgende Tipps:
{ weiterlesen: “” }

Bilder aus Word exportieren / speichern

// 12122008 / Office Tipps & Tricks, Webdesign / ein Kommentar

Vielleicht kennt Ihr das: Der Kunde sendet Text- und Bildmaterial für eine Website als Word-Dokument und Frage ist nun, wie man die Bilder wieder rauskriegt. Nachfolgend werden drei Möglichkeiten vorgestellt, sortiert von aufwändig bis geschmeidig.

1. Möglichkeit: Copy / Paste in ein Grafikprogramm

• Leeres Dokument im Grafikprogramm anlegen (ausreichend groß)
• Grafik in Word “zurücksetzen” (falls sie in Word kleiner skaliert wurde)
• Grafik “kopieren” und ins Grafikdokument “einfügen”
• ggf. Grafikdokument beschneiden und abspeichern

2. Möglichkeit: Screenshot Programm

Screenshot Programm anwerfen und mit einem Auswahlrahmen die Bilder einzeln abspeichern (Tipp: Faststone Capture ist ein weunderbares kostenloses Screenshot-Programm!).

famfamfam Alternative: 1000 Kostenlose Mini Icons

// 30112008 / Webdesign / 4 Kommentare

Bei Pinvoke gibt es jede Menge hochwertiger Mini Icons kostenlos (Creative Commons Attribution 3.0) zum Download. Mit 1000 Icons ist die Icons Sammlung namens “Fugue” auf jeden Fall eine sehenswerte Alternative zu famfamfam:

Copyright © 2008 Yusuke Kamiyamane. All rights reserved.

Siehe auch die zweite Sammlung namens Diagona – etwas weniger (”nur” 2 x 200 Icons) umfangreich, aber trotzdem nützlich:

Copyright © 2008 Yusuke Kamiyamane. All rights reserved.

Browsertests: Firefox, Internet Explorer, Opera, Safari,…

// 10112008 / Allgemein, Webdesign / 7 Kommentare

Es ist nicht gerade des Webdesigners Lieblingsbeschäftigung, aber leider unumgänglich: Testen, testen, testen,…

Die wichtigsten Browser von Firefox und Internet Explorer bis hin zum iPhone Simulator gibt’s hier im Überblick.

{ weiterlesen: “” }

Bildbearbeitung Online

// 31102008 / Webdesign / 2 Kommentare

Frage an mich, Antwort im Blog, gewidmet an Mathie :-)

Wer nur ab und zu mal ein Bild bearbeiten möchte, der muss sich nicht eigens eine Software kaufen und installieren, denn mittlerweile sind auch die online Tools sehr ausgereift.

{ weiterlesen: “” }

Logo Design Ressourcen

// 31102008 / Webdesign / Noch keine Kommentare

Da ich meinen Blog selbst auch als Lesezeichen nutze, findet Ihr nachfolgend ein paar Links, die ich mir zu diesem Thema gebookmarkt habe.
{ weiterlesen: “” }

* html body {display: none;}

// 02092008 / CSS, Online Marketing, Webdesign / ein Kommentar

[via satzansatz]

Neues CSS Stylesheet für das Joomla Template beez

// 01092008 / CSS, Joomla, Webdesign / 4 Kommentare

Ich erstelle derzeit ein Stylesheet für das Joomla Template beez, das Ihr einfach gegen das standardmäßig mitgelieferte Stylesheet austauschen könnt und damit einen komplett neuen Template-Look erhaltet – ohne die index.php oder andere Dateien außer dem CSS (und dem images Ordner) anzufassen.

Damit soll gezeigt werden, dass man das beez Template sehr vielseitig einsetzen kann, nur indem – wie bei CSS Zengarden – das CSS abgeändert wird.

Ich war nämlich ziemlich begeistert vom beez Template, da hier die tabellenlastige html-Ausgabe von Joomla 1.5 so schön tabellenlos überschrieben wird (siehe html Ordner im Template Verzeichnis). Nachdem ich mit Angie Radtke – Co-Autorin des beez Templates – neulich telefoniert habe, sagte sie mir jedoch, der Fokus des Templates liege nicht auf dem html-Ordner im Template, sondern darauf, dass man jedes beliebige Layout mit beez realisieren könne, indem das CSS geändert wird.

Vorteil: Nix mehr php-Programmierung, sondern nur noch CSS Know How. Ideal für Webdesigner.

Nachteil: Bei ausgefalleneren Layouts doch eher was für CSS-Profis, die sicher mit float, position usw. umgehen können.

Jetzt fehlt nur noch ein bisschen Detailarbeit, dann ist das Stylesheet finito :-)

Tabulatoren in HTML

// 25082008 / CSS, Webdesign / ein Kommentar

Hätte gerne ein <tab/> Tag in HTML. Gibt’s aber nicht. <table> will ich nicht. CSS ist mir zu aufwendig für einen kurzen Abschnitt. Und nun?

Zum Glück gibt es <pre></pre>, mit dem man getabbte Texte simulieren kann. Beispiel:

Smashing Magazin: The <hr /> Contest
Gewinn:           Wacom Intuos3 9X12 USB Tablet
Anforderung:      Tag stylen und einschicken

Sieht dann im Quelltext so aus:

<pre>
Smashing Magazin: The <hr /> Contest
Gewinn:           Wacom Intuos3 9X12 USB Tablet
Anforderung:      Tag stylen und einschicken
</pre>

Wer den Monospace Font nicht mag, schreibt einfach ein <pre style=”font-familiy:Verdana, Arial, sans serif;”> o.ä. statt dem einfachen <pre>.

Einziger Wermutstropfen sind die vielen Leerzeichen hintereinander um den Text zurechtzurücken, aber das kann ich in diesem Falle verschmerzen.