07
Feb 06

ImageWell & Tango DropBox

Ich bin verliebt, so ein Tool mag ich auch für den PC haben!!! Ich hatte hier immer das Problem Bilder schnell und einfach für das Web zurechtzustutzen. Mit ImageWell ist dies überhaupt kein Problem.

Screenshots, Ausschnitte des Bildschirmes abphotographieren, importieren von PDF's oder diversen anderen Bildformaten via Drag&Drop, einfach und schnelles Verkleinern, grundlegende Editierfunktionen, wie das Ausschneiden von Bildteilen oder das Einfügen von Texten oder Pfeilen - alles ganze einfach mit dieser kleinen Freeware!

Und das beste habe ich glatt vergessen ^-^''. Ftp beherscht es nämlich auch noch, d.h. man kann die für's Web bearbeiteten Bilder direkt aus dem Programm heraus auf seinen Server hochladen. Hierbei kann man beliebig viele Adressen eingeben und dann mittels eines Drag-Down-Menus darauf zugreifen.

Must-Have für Mac OsX: ImageWell. Ich will sowas für den PC!!!

Naja, da es das nicht gibt, muss ich auf das übliche Duo IrfanView und Filezilla zurückgreifen, wobei ich gestern ein kleines Programm für mich entdeckt habe, welches die Sache mit dem Bilderhochladen via FTP etwas einfacher macht - kein Programm muss extra gestartet werden oder ähnliches.

Es handelt sich dabei um das Programm Tango DropBox. Ein Icon auf dem Desktop, auf welches die hochzuladenen Dateien gezogen werden, danach werden diese automatisch in den vorher eingestellten Ordner hochgeladen ^-^''. Sehr, sehr praktisch. Und alles zusammen insgesamt praktikabel, wenn auch nicht ganz so genial wie ImageWell ^-^'' - muss wohl doch noch umsteigen. *hüstel*


01
Feb 06

Linktipp: Selfhtml aktuell Weblog

Eigentlich mag ich gerne auf den aktuellen Artikel des Selfhtml aktuell Weblogs hinweisen. Ziemlich ausführlich beschäftigen sich die Autoren mit Grundlagen für Spaltenlayouts mit CSS. Ein längerer Artikel, der Methoden wie float: oder auch Tabelllen-Verhalten anspricht. Natürlich mit Beispielen, wie man es von Selfhtml gewöhnt ist und einer Analyse des "wie die Browser reagieren".


30
Jan 06

Upgrade auf WordPress 2.0

Das ging ja einfach und problemlos. Upgrade auf WP 2.0 lief ohne Probleme. Was ich designtechnisch anpassen muss werde ich sehen. Bis jetzt sehe ich kein Problem. Archiv funktioniert noch und auch meine ganzen anderen Unterseiten. Wow - viel besser als beim letzten Mal.

Und nach dem ich festgestellt habe, wie es funktioniert, den Editor umzustellen werde ich auch langsam mit dem neuen Admin-Panel warm ^-^''. Gefällt mir gut.

Jetzt frage ich mich allerdings, ob ich wirklich strickten HTML-Quelltext schreiben muss, oder mir der Editor die Zeilenumbrüche trotzdem macht.

:)

Etwas werde ich allerdings irgendwann ändern. Mir gefällt die Archiv-Form überhaupt nicht mehr, bzw. mir fehlt eine Möglichkeit, viele Einträge auf einmal anzeigen zu lassen. Monatweise oder so etwas in der Art, werde ich mich mit beschäftigen müssen, wenn ich etwas Zeit habe. Also ab Mitte März ^-^''. Bis dahin, bleibt der kleine netzgeschaedigt-Weblog genauso vernachlässigt wie er das die letzten Monate war.


28
Jan 06

Linktipp: Veerle's Blog

Warum? Weil es ein interessanter Blog ist, der von Zeit zu Zeit richtige Leckerbissen bietet. 

So hat Veerle u.A. ein interessantes Tutorial zum Thema "Von der Skizze bis zur Illustration" geschrieben oder berichtet über interessante Details zum Thema Webdesign oder Arbeiten mit Illustrator oder Photoshop - natürlich nicht nur ;).

Am besten ihr macht euch selbst ein Bild: Veerle's Blog.


23
Jan 06

Bilder mit CSS formatieren

Bilder automatisch zentrieren lassen? Bis vor kurzem habe ich mir nur mit einem zusätzlichen Absatz helfen können. Bis ich auf einer Seite (leider weiß ich nicht mehr wo), die wunderbare Eigenschaft auto für Ränder (margin) entdeckt habe. Mit Hilfe dieser Eigenschaft, kann man beliebige 'Block'-Elemente zentrieren.

Was sind Block-Elemente?
Was bedeutet das jetzt? 'Block'-Elemente sind z.B. Layer oder Absätze. Sie sind abgeschlossen und nach ihnen wird automatisch die Zeile umgebrochen. Für genauere Beschreibungen verweise ich einfach mal auf einschlägige Literatur und begnünge mich mit Beispielen: <div>,<p> und <ul> oder <ol> sind 'Block'-Elemente, während z.B. <b>,<i> oder besser <strong>,<em> oder aber auch <img>-Elemente es nicht sind. Sie sind 'inline', das heißt, hinter ihnen geht es ganz normal, ohne einen Textumbruch, weiter.

Nun bietet CSS die Möglichkeiten, Elementen eine Anzeige-Eigenschaft (z.B. block oder inline) zuzuweisen. Dies geschieht mit der Angabe:display:block; bzw.display:inline;

Automatisches Zentrieren der Bilder via CSS
Für das automatisch zentrierte Bild, muss man dem <img>-Tag die Anzeigart block zuweisen, zentriert wird danach mit margin:auto:.storycontent img {
display:block;
margin-left:auto;
margin-right:auto;
}

.storycontent  habe ich vor img gesetzt, da ich nur die Bilder innerhalb meines Postings ansprechen möchte. Und  das Posting befindet sich in einer Box der Klasse .stroycontent. Mit obrigem Code wirkt die CSS-Definition nur auf alle Bilder innerhalb dieser Boxen.

Jetzt kann man das Bild beliebig formatieren. Z.B. einen Bilderrahmen darum setzten. Hierfür benötigt man einen inneren Randabstand (padding), und einen Rahmen (border) und kann z.B. auch noch die Hintergrundfarbe (background) ändern.

Beispielcode
Ein Beispiel für solch einen Code ist: .storycontent img {
display:block;
margin:2px auto;
padding:4px;
border:1px dotted blue;
background: white;
}

Nachtrag:
Diese Art zu zentrieren funktioniert natürlich auch mit jedem anderen Blockelement. Somit ist es z.B. die einfachste Möglichkeit, eine komplette Seite mit fester Breite, im Browser-Fenster zu zentrieren (Im Template Lavender habe ich noch meine alte und wesentlich umständlichere Methode verwendet, so als Vergleich ;)).