Nun kommt der Frontalangriff: wer kennt diese Melodie?

> .mp3 anhören

Die Melodie ist sehr dilettantisch eingespielt, zum Erkennen sollte es aber reichen ;-)

Ich vermute es ist irgend ein Jazz-Klassiker, in Richtung “Smooth-Jazz” oder so, auch den dominierenden Einsatz eines Saxophons vermute ich noch…

Für jede Hilfe (Songtitel, Komponist, Interpret) wär ich sehr dankbar ;-)

Einer der Gründe, warum Webdesigner vor allem bei Männern nach wie vor ein Traumjob ist:

Gefunden bei flickr …

Soll solch Code nicht ausgeführt sondern angezeigt werden, müssen alle Sonderzeichen (”<” , “>”, “&”, …) maskiert werden.

Ein kleines Tool nimmt einem diese Arbeit ab: gefunden bei einem der deutschen Weblog- Gurus namens “Perun“, erstellt von dessen “besserer Hälfte” - Sahanya.

Download: bei Perun (http://www.perun.net/…/sonderzeichen-maskieren/) oder direkt bei Sahanya (http://www.sahanya.perun.net/…/sonderzeichen-maskieren/)

Runterladen, enpacken und schon kanns losgehen (ohne Installation).

Und weil ein Video mehr sagt als tausend Bilder waren wir auf der Suche nach einem Programm zum Erstellen von Präsentationen und Video-Tutorials. Dabei wurden wir schnell beim Platzhirschen fündig:
Camtasia Studio ( http://www.techsmith.de ).

Da unsere diesbezüglichen Bedürfnisse aber eher grundlegender Art sind und wir natürlich - wie so mancher Andere auch - günstigere Lösungen bevorzugen stießen wir bald auf ein kostenloses Angebot einer älteren Version dieser Software:

Download: http://download.techsmith.com/camtasia…iaf.exe

Der Link startet sofort den Download der (englischen) Version 3 (aktuell ist die Version 5).

Auf der Seite http://de.techsmith.com/…sp?ID=3 (diesmal in Deutsch) läßt sich der kostenlose Lizenz-Key anfordern.
Alles hochoffiziell, ohne doppelten Boden oder irgendwelchen Urheberrechtsverstößen…

Wer also der englischen Sprache mächtig ist und ein komfortables und kostenloses Werkzeug für Screenrecording sucht ist bei den obigen Links goldrichtig…

P.S.: Ein damit erstelltes Tutorial-Video zum (noch inoffiziellen) “Self!Service lite” ist zu finden unter http://www.myvid…at

Und auch damals war eines der besten Acts das
“The Von Trolley Quartet“!

Musiker aus Australien und Frankreich präsentieren musikalische Leckerbissen auf der Mandoline, Banjo, Bass und Schalgzeug - alle Instrumente in einer Mini-Ausgabe. Toll gespielt und mit viel Slapstick, Akrobatik und vor allem mit viel Humor interpretiert. Der Abschluß der heurigen Show war ein Lied einer “australien folk- group” - AC/DC auf der verzerrten Mandoline, sensationell!

Schaut auf www.vontrolley.com - vielleicht kommen die Vier auch mal in Eure Nähe!

Als Vorschau hier ein paar YouTube- Videos:

In letzter Zeit werden aber immer mehr Stimmen von Datenschützern laut, die dieses System anprangern. Besonders die Speicherung “personenbezogener Daten auf Server im Ausland” ist dabei ein negatives Kriterium.

Auf der (u.a.) Seite http://futurezone.orf.at/it/stories/284580/ ist ein diesbezüglicher Artikel zu lesen.

Sicher, ein weiterer Schritt zum “gläsernen Surfer”, in Zeiten des (in- und ausländischen) “Bundestrojaners”, dubiosen Abmahnwellen,… aber nur ein eher kleiner Schritt! Viele (Jeder) Einwahlprovider speichert Daten, viele Cookies treiben ihr Unwesen, jeder Mensch in der westlichen Zivilisation ist bereits berechenbar / abschätzbar / bewerbbar und - zum Großteil - diesbezüglich auch lenkbar. Dies ist der Preis der modernen Technik und der globalen Vernetzung.

Der oben genannte Verstoß gegen das Datenschutzgesetz ist da wohl nur ein Tropfen auf dem heißen Stein, aber anscheinend ein Tropfen, der das Faß zum Überlaufen bringt/brachte.

Möge jeder sich darüber seine eigene Meinung bilden, eines ist aber fix: nichts ist gratis, alles hat seinen Preis - auch wenn es auf dem ersten Blick anders aussieht…

Ob es der Lieblingsbrowser, Entpacker oder FTP-Client sein soll, viele Applikationen gibt es bereits als “Portable Version” - also speziell für tragbare Speicher aufbereitet.

Auf der Seite http://portableapps.com ist eine sehr vielversprechende Liste solcher kostenloser “Portable Apps” zu finden: Firefox, GIMP (kleines, aber mächtiges Grafik- Programm), Thunderbird, OpenOffice und einiges mehr…

Einmal auf dem USB Stick installiert sind die Programme auf jedem PC ausführbar - ohne darauf Spuren zu hinterlassen.

Und je kleiner die Datensticks sind je schneller gehen sie auch verloren. Daher empfiehlt es sich die eigenen Daten mit einem Passwortschutz zu sichern. Hierfür bietet sich TrueCrypt an: ebenfalls kostenlos und unter http://www.truecrypt.org zu finden!

Geballte Software-Power für unterwegs - Prädikat: sehr empfehlenswert…

Aktuell war eine Formatierungserleichterung von Sonder- Textformaten gefragt: verschiedene Textpassagen sollen rot hinterlegt sein, der Text soll fett, weiß und größer als der restliche Text sein.

Hier war die Drop-Down Auswahl “Format” (im englischen “Styles”) genau richtig!

In dieser Auswahl sind vorgefertigte CSS- Formatierungen zu finden, welche in einer speziellen CSS- Datei hinterlegt sind - somit läßt sich beinahe jede Formatierung schnell hereinladen. Die CSS- Formate müssen als Klasse angelegt werden und werden autom. dem umgebenden Element zugewiesen bzw. ein <span> mit dieser Klasse wird generiert.

Einbinden läßt sich diese Auswahl sehr einfach in den “Settings- Angaben” (tinyMCE.init):

1. Angabe der CSS- Datei mit den Sonderformatierungen:
   content_css:”spezielle_formate.css”,
2. Einfügen der “Drop-Down Auswahl”, z.B.:
   theme_advanced_buttons1 : “bold,…,styleselect“,

In o.g. Fall stand in der speziellen CSS- Datei u.a.:

.rot_hinterlegt {
background:#c00;
color:#fff;
font-weight:bold;
font-size:1.3em;
}

Der Klassename “rot_hinterlegt” ist in der Format- Auswahl zu finden, eine damit bedachte Textstelle schaut z.B. so aus:

<p>Dies ist <span class="rot_hinterlegt">rot hinterlegter Text</span></p>

Dies zeigt einen weiteren Vorteil dieser Anwendung: es wird eine Klasse zugewiesen und keine Inline- CSS- Anweisungen geschrieben. Soll z.B. das rot später einmal dunkler werden ist nur die Änderung der CSS- Datei nötig (”Trennung von Layout und Inhalt”).

Alles in allem ein sehr praktischer Text- Editor mit einem einzigen Nachteil: er ist mittlerweile schon so umfangreich und mächtig das eine gewisse Ladezeit einkalkuliert werden muss. In Zeiten von immer schnellerem Breitband- Internet sollte dies aber nicht mehr so ins Gewicht fallen…

Nun scheint der Browser aber den Kinderschuhe entstiegen und erwachsen geworden zu sein.

So gut wie alles wird so angezeigt wie es gedacht ist (wir vergleichen dabei nat. unsere eigenen Projekte) und ein Apple- Verkaufsargument können wir gerne bestätigen: er ist “schneller als andere Web-Browser”.

Der kostenlose Download ist zu finden unter: http://www.apple.com/de/safari

Trotz normalerweiser eher gemäßigtem Klima sollte sich so mancher in Redmond mal warm anziehen ;-)

Damit nun längere Texte bei maximiertem Viewport nicht zu einer unleserlich langen Zeile werden bedient man sich der CSS-Eigenschaft “max-width”: mit dieser wird angegeben wie breit ein Element, in dem sich z.B. Text befindet, werden darf.

Leider setzt der Internet Explorer (IE) unter Version 7 diese Anweisung nicht um. Um “max-width” trotzdem einsetzen zu können - und das ohne Javascript - bedient man sich einer weiteren Unzulänglichkeit dieses “Browsers”: die Darstellung von Tabellen!

Der IE ignoriert die Breitenangabe einer Tabellenzelle solange, solange diese nicht im Viewport Platz findet und nutzt den vorhandenen Platz aus. Ab der Viewport-Breite, in der die Tabelle hinein passt wird die angegebene Zellenbreite jedoch umgesetzt.

Beispiel:

<div style="max-width:700px">
<!--[if lt IE7]>
<table>
<tr>
<td style="width:700px">
<![endif]-->
<p>Hier steht viel Text</p>
<!--[if lt IE7]>
</td>
</tr>
</table>
<![endif]-->
</div>

Hier wird der Text soweit dargestellt, soviel Platz im Vieport ist, aber maximal auf einer Breite von 700px - auch vom IE!

Damit sich andere Browser nicht an den Tabellen stören sind diese im obigen Beispiel mit “Conditional Comments” nur für den IE (hier für Versionen unter 7) eingebunden. Das Ganze funktioniert jedoch nicht mehr bei verschachtelten Tabellen!

Auch handelt man sich (zumindest für den IE) einen Nachteil ein: Tabellen werden erst angezeigt wenn deren Inhalt vollständig geladen ist. Bei längeren Seiten bekommt der Besucher daher u.U. längere Zeit nichts zu sehen. Um dies etwas abzumildern lassen sich aber mehrere, unabhängige Tabellen mit jeweils einem Teil des Inhaltes verwenden.

Rundum keine sehr gute Lösung, aber was tut man nicht alles um den “Browser” (die Anführungsstriche sind hier bewußt gesetzt ;-) ) Internet Explorer zu einer halbwegs korrekten Darstellung zu bewegen…

Oft ist ein eher seltsames Konzept des Redmonder Browsers für Fehldarstellungen verantwortlich: das XHTML- Element muss “Layout” haben.

“Layout” bekommt ein Element, wenn es z.B. Werte für Breite oder Höhe per CSS zugewiesen bekommt.

Die beiden CSS- Spezialisten John Gallant und Holly Bergevin (www.positioniseverything.net) haben dieses Verhalten als “dimensional bugs” bezeichnet und auf der Site www.satzansatz.de/cssd/onhavinglayout.htm das ganze Mysterium beschrieben - inkl. diverser Lösungsansätze.

Corina Rudel, Innenarchitektin und Webdesignerin, hat den oben genannten Artikel ins Deutsche übersetzt, zu finden unter http://onhavinglayout.fwpf-webdesign.de

hasLayout, oft der erste Schritt zur Fehlerbeseitigung im MSIE - und allen Webdesignern sehr ans Herz zu legen!

Lassen wir mal die kriminelle Energie so mancher User aus dem Spiel ist die Anwendung dieses WEBTOOLS sehr vielfältig. Hier ein paar Beispiele aus der reellen Praxis:

• einer unserer Kunden betreibt ein externes Newsletter-System. Nun soll das Archiv dieses Systems auf der Website angezeigt werden. Externer Zugriff auf die Datenbank ist untersagt, also einfach die “Start- und Endmarker” für den Includer auf der Newsletter - Archivseite gesucht und schon ist das Archiv auf der Website eingebunden!
• Thema “interne Such-Funktion”: so manches interne Suchscript sucht meist in den HTML-, PHP- oder Textdateien welche auf dem Server liegen. Wird eine Seite serverseitig aus mehreren Dateien zusammengesetzt und ausgeliefert findet die interne Suche nur die Einzelteile und zeigt diese auch einzeln in der Ergebnissliste an. Also schnell ein statisches Abbild der besagten Seite - bzw. relevante Stellen davon - erzeugen und der internen Suche das Einlesen der Seitenteile verbieten! Am Besten automatisiert, per Cron-Job,…
• Auch unsere “Site durchsuchen”- Funktion greift teilweise darauf zurück und ermöglicht übergreifende Suche im Weblog UND im Rest der (statischen) Seite…

Aktuell wurde der “External Content Includer” bereits 120 mal heruntergeladen (seit 30.01.08) - diesbezügliche (legale) Anwendungsmöglichkeiten sind sicher bereits mehrfach gefunden worden…

• man sucht sich das passende Video, z.B. http://www.youtube.com/watch?v=gkfdrkIgbvI
• nun schreibt man die Domain in der Adressleiste des Browsers um auf www.youtubemp4.com/… - http://www.youtubemp4.com/watch?v=gkfdrkIgbvI
• und schon wird das Video in einem für iTunes bzw. iPod kompatiblen Format zum Download angeboten!

Easy as easy can be - ein super Tool für Video-Fans und iPod-Besitzer…

Nun sind die diesbez. Bord-Mitteln von Windows-PCs sehr dürftig, vor allem wenn man eigene Anpassungen oder Erweiterungen möchte. Hier greifen diverser Tools und kleine Programme, welche teilweise umfangreiche Anpassungen an die eigenen Bedürfnisse anbieten.

Eines dieser Tools, welches uns schon sehr ans Herz gewachsen ist, nennt sich AutoHotkeys.

Mittels einer einfachen Scriptsprache lässt sich beinahe jede Aktion mit AutoHotkeys auf beliebige Tastatur-Kombinationen legen. Auch Maustastenfunktionen und Textbausteine lassen sich erstellen und vieles mehr. Ein Makrorecorder erleichtert dabei die Script-Erstellung, AutoHotkeys überprüft auch automatisch auf Syntaxfehler.

Die Scriptsprache hat Ähnlichkeit mit Basic oder PHP und ist schnell erlernbar. Verknüpfungen und Verschachtelungen sind möglich, auch unterschiedliche Abhängigkeiten.

Ein Beispiel aus unserem Agenturalltag:

Die Programme Adobe Photoshop und Adobe Indesign sind meist parallel im Gebrauch. Auf dem Hauptbildschirm ist das Dokument zu sehen, auf einem Nebenbildschirm die benötigten Werkzeuge. Um nicht beim Wechsel zwischen den zwei Programmen jedes mal eines der beiden minimieren zu müssen (schnell klickt man sonst auf ein Werkzeug des anderen Programmes) haben wir folgende Funktion mit AutoHotkeys umgesetzt:

AltGr + p bewirkt:

• läuft Photoshop nicht wird es gestartet, aktiviert und maximiert
• läuft Photoshop bereits und ist es minimiert wird es aktiviert und maximiert
• ist Photoshop maximiert und aktiviert wird es minimiert
• läuft gerade Indesign wird dieses minimiert und Photoshop (geg. gestartet,) maximiert und aktiviert

Die Tastenkombination AltGr + i bewirkt das selbe in Bezug auf Indesign. Somit lässt sich einfach mit zwei Tasten- Kombinationen zwischen den beiden Programmen hin- und herschalten.

Eine Zeitersparnis und ein Komfort den wir nicht mehr missen wollen!

AutoHotkeys ist ein kostenloses OpenSource-Utility, eine Anleitung, ein Forum und natürlich der Download-Link ist zu finden unter http://www.autohotkey.com bzw. gleich in deutsch unter http://de.autohotkey.com

Eine Telefonband-Stimme bzw. eine E-mail verspricht eine wichtige Nachricht aus der Nachbarschaft. Mittels eines übermittelten Zahlencodes erhält man diese Nachricht auf der besagten Website. Es muß aber noch mehr an persönlichen Daten angegeben werden, und automatisch hat man eine Mitgliedschaft für zwei Jahre zum Preis von insg. Euro 216 abgeschlossen!

Also ist wieder einmal Vorsicht geboten! Schwer lesbare Texte informieren zwar über den Sachverhalt des Abo- Abschlußes, aber wer liest in der Vorfreude schon das Kleingedruckte…

Auf folgenden Seiten sind mehr Infos zu finden, inkl. Videos, Hilfe und nat. der Webadresse der besagten Community:

http://www.heise.de/ct/tv/artikel/102227
http://www.heise.de/newsticker/Anrufmasche-…
http://www.computerbetrug.de/…/nachbarschaftspost…

Nach nur 67 Tagen konnten wir heute den 1000sten Download verzeichnen, dies entspricht ca. 15 Downloads pro Tag!

An der Spitze der Beliebtheitsskala steht der “Gallery Helper” (175), gefolgt vom “Gallery Framework” (147) und dem “Data Uploader” (133).

Bereits in den Startlöchern steht unser Mini-CMS “Self Service Lite”. Dies ist ein CMS für kleiner bis mittlere Websites, ohne MySQL-Anbindung, inkl. Shop- und einfachem Navigationsmodul.

Mehr hierzu in Kürze in unserem Weblog …

Genauer gesagt übersiedeln wir in die Herrenstrasse 7, direkt beim westlichen Ausgang der “Arkade” > Lageplan

Ein großer Vorplatz, die Fußgeherzone, ein wunderbarer Mix aus klassischer und moderner Architektur rundum und nur wenige Schritte vom “Taubenmarkt” an der Linzer Einkaufsmeile “Landstraße” - dies alles wird uns zu neuen Leistungen und Ideen anspornen.

Bis es soweit ist und das Büro wieder geöffnet hat vergehen jedoch einige Tage.
Wir bitten daher um Verständnis daß wir bis zum 28. März 2008 nur bedingt im Einsatz sind und E-mails nicht sofort beantwortet werden. Bei dringenden Angelegenheiten sind wir jedoch telefonisch erreichbar.

Will man dies auch bei den Beiträgen umsetzen ist etwas (oder besser gesagt wenig ;-)) Arbeit von nöten.

Nehmen wir als Beispiel die index.php her:

IM Loop (also NACH “if (have_posts()) : while (have_posts()) : the_post();”) wird dieser PHP-Code eingebunden:
<?php
if($hgf == "hell") {
$hgf = "dunkel";
} else {
$hgf = "hell";
}
?>

Hier wird der Inhalt (”hell” oder “dunkel”) der Variable (”hgf”) bei jedem Loop- Durchgang gewechselt. Die Benennung der Variable und dessen Inhalt sind frei (den üblichen Schreibweisen und erlaubten Zeichen entsprechend) vergebbar.

Jetzt muß diese Variable bzw. dessen Inhalt nur mehr dem Element mit dem Beitrag zugewiesen werden:

Die Zeile:
<div class="post" id="post-<?php the_ID(); ?>">

ändern wir auf:
<div class="post <?php echo $hgf; ?>" id="post-<?php the_ID(); ?>">

Im Quellcode der Startseite steht nun abwechselnd
<div class="post hell" id="post-179">
und
<div class="post dunkel" id="post-178">

Die Beiträge sind nun für das CSS “greifbar” und können dort beliebige Formate (Hintergrundfarbe, Rahmen, …) zugewiesen bekommen.

Bei unseren Rechnern ist großteils ein strikte Trennung von Programmen / Systemdateien und “Arbeitsdateien” gegeben. Bis zu sechs externe Festplatten stehen dabei pro Rechner zur Verfügung, wichtige Daten werden sogar mehrfach gesichert!

Diese Sicherungen werden von einem kleinen Freeware-Tool duchgeführt welches wir hier kurz vorstellen:

Es handelt sich dabei um “DirSync” von S. Kalisch / Trinium.
Download: www.trinium.de (unter “Software”)

Das Programm (läuft ohne Installation) leistet beachtliches, hier ein Auszug aus der orig. Programm- Beschreibung:

“DirSync ist ein intuitiv zu bedienendes Backup- Syncronisations- Tool, das ohne Installation betrieben werden kann. Durch den Vergleich von Quell- und Zieldateien werden lediglich benötigte Dateien kopiert, wodurch die Arbeitsgeschwindigkeit enorm erhöht wird.
Durch die Verwendung mehrerer Jobs ist es möglich, auch komplexe Datensicherungen durchzuführen…
Zusätzliche Funktionen wie das Sperren oder Herunterfahren der Workstation nach Beenden oder das Handling der eigenen Systempriorität sorgen für zusätzlichen Komfort.”

Nach dem Anlegen mehrerer Jobs läuft das Tool tadellos vollautomatisch, die Funktion “Herunterfahren des PC nach Beendigung” macht es einfach, jeden Abend alles zu sichern und trotzdem nicht dabei sitzen bleiben zu müssen.

Alles in Allem ein gelungenes Tool, kostenlos und auf jeden Fall einen Versuch wert!

Gleichzeitig ist diese Seite ein schönes Anwendungsbeispiel unseres WEBTOOLS “Gallery Framework”: über 60 Fotos sind dort zu sehen, großteils mit Kommentaren versehen und übersichtlich zum Durchblättern. Von Fr. Sturm selbst erstellt ist dies wieder einmal eine Bestätigung des sehr einfachen und selbsterklärenden Handlings unserer WEBTOOLS!

Wir wünschen viel Erfolg beim Verkauf - und nebenbei erwähnt: es ist dies eine sehr tolle Wohnung ;-)