macx - Das Blog von David Maciejewski

Quicktime-Filme im Safari speichern

macx — Wed, 10 Mar 2010 10:52:00 +0000

Screencasts sind eine feine Sache. Damit man sich die Videos später noch einmal in Ruhe ansehen kann, ohne sie jedes Mal im Browser aufzurufen und runterzuladen, sollte man sie abspeichern. Was mit QuickTime Pro damals recht einfach möglich ist, ermöglicht auf ähnlichem Wege auch QuickTime X in Snow Leopard. Ich zeige euch im Screencast wie.

Wenn ihr bestimmte Dinge wissen möchtet, lasst es mich wissen. Dann erstelle ich auch davon einen Screencast.

Posted via email from macx’s posterous

Mac-Tipp: Programme automatisch schließen und runterfahren

macx — Thu, 11 Feb 2010 09:56:09 +0000

Wer seinen Mac nicht wochenlang laufen lässt, sondern diesen morgens artig an und abends wieder ausschaltet, kennt das Problem: Jedes Mal müssen sämtliche Programme geöffnet bzw. geschlossen werden. Und je nach Aufgabenbereich kann das auf Grund der Fülle zu benutzender Programme mühsam sein.

Mit Mac-eigenen Bordmitteln könnt ihr euch einen Dienst zusammenklicken, der alle Programme automatisch schließt und den Mac runterfährt. Ich zeige euch, wie ihr das mit Automator macht.

via vimeo.com

Posted via web from macx’s posterous

Einheitliche Scrollbars in OS X

macx — Thu, 04 Feb 2010 08:00:05 +0000

Dass ich absolut überzeugter OS X-User bin, sollte sich inzwischen rumgesprochen haben. Wovon ich allerdings weniger überzeugt bin, ist Apples Tradition, verschiedene Styles in Betriebssystemen zu implementieren. Mit irgend einer neuen iTunes-Version kommen so neue Buttonelemente oder Scrollleisten hinzu, die – wenn überhaupt – erst sehr spät durch Updates in das übrige System von OS X implementiert werden. Das Result ist bekannt: Die Scrolleisten in iTunes sind modern und chick, die Scrolleisten im Finder und Mail stammen noch aus der Aqua-Zeit:

Ich möchte aber bitteschön einheitliche Scrollleisten haben. Die Rettung naht in Form einer Systemeinstellung: iLeopard.

Die aktuelle Version kann man sich hier direkt runterladen: http://bit.ly/nAZdA. Eine Webseite dazu gibt zwar schon, allerdings ohne erkennbare Downloadinhalte. Das hat auch wohl damit was zu tun, dass der Entwickler verhindern wollte, dass Leute wie ich hier darauf hinweisen: http://twitter.com/gcamp/statuses/4570418390

Posted via email from macx’s posterous

Unboxing iMac 27″ i7

macx — Wed, 13 Jan 2010 23:35:41 +0000

Das Unboxing der neuen iMacs habt ihr sicher schon dutzendfach gesehen. Doch jetzt endlich nach 2,5 Monaten Wartezeit habe ich auch ich mein Exemplar erhalten: iMac 27” mit i7-Prozessor und 8 GB Ram. Das sollte zunächst reichen.

Hier sind die Fotos:

See and download the full gallery on posterous

Posted via email from macx’s posterous

Schluss mit diesen HTML-E-Mails

macx — Mon, 11 Jan 2010 13:52:21 +0000

Ich bin seit vielen Jahren ein Verfechter von Rein-Text-E-Mails, also Mails ohne bunte Schriften und Bannern. Was mich hingegen weiterhin ziemlich nervt sind ankommende E-Mails, dessen Inhalt ich nicht beeinflussen kann.

Dank des Terminals lässt sich Mail.app, mein Lieblings-Mailprogramm, aber so einstellen, dass es ankommende E-Mails grundsätzlich immer in einer Reintextversion dargestellt werdeb. So passen diese Mails perfekt in meinen Workflow, weil der optische Fokus in der Mitteilung liegt und nicht bei der Kreativität des Verfassers. Schreibt dazu ins Terminal folgendes:

defaults write com.apple.mail PreferPlainText -bool TRUE

defaults write com.apple.mail MinimumHTMLFontSize 14

Startet danach Mail einfach neu. Das Schöne: Mail.app gestattet es weiterhin, die E-Mail im Original zu lesen (nicht unwichtig bei Newslettern). Dazu wählst du einfach E-Mail aus und drückst die Tastenkombi CTRL + CMD + Ä. Im Menü versteckt sich das unter Darstellung > E-Mail > Nächste Alternative.

Posted via email from macx’s posterous

Video- und Audiointerview mit Stowe Boyd

macx — Wed, 02 Dec 2009 15:18:55 +0000

Auf dem ConventionCamp Hannover 2009 hielten wir von Technikwürze zusammen mit meinen zukünftigen Kollegen vom t3 Magazin mit Stowe Boyd, US-Blogger seit über 20 Jahren und Medienexperte aus den USA.

Den Artikel dazu findet ihr im Magazin (http://t3n.de/news/conventioncamp-video-interview-stowe-boyd-open-source-262122/) und demnächst in der Technikwürze als Audiospur.

Posted via email from macx’s posterous

Mauszeiger mit Hervorhebung im Mac-Dock-Stapel

macx — Fri, 18 Sep 2009 11:29:55 +0000

Ich benutze liebend gern die Stapelfunktion beim Mac. Wenn ich mit der Maus über ein Icon gehe, hätte ich nur gern ein visuelles Feedback, welches Icon ich gerade mit der Maus überfahre. Seit Mac OS X 10.6 ist das im Gegensatz zur Vorgängerversion nicht mehr der Fall.

Mit den folgenden zwei Terminal-Befehlem kann man die Hintergrundhervorhebung wieder aktivieren:

Defaults write com.apple.dock mouse-over-hilite-stack -boolean yes
killall Dock

Posted via email from macx’s posterous

Der Rückkanal im Print

macx — Tue, 21 Jul 2009 15:52:19 +0000

Die Idee

Stellen wir uns mal, wir drucken neben jedem Artikel eine Nummer oder ein Stichwort ab und betrachten diese Angabe als Referenz. Wenn ich nun im Internet diese Referenz angebe und meinen Kommentar dazu hinterlasse, könnte man einen Rückkanal schaffen. Viele Printpublikationen machen dies in ähnlicher Form ja schon mit Nummern, unter denen ich den Artikel online nachlesen kann. Wenn der geneigte Leser nun etwas kommentieren möchte, müsste jeder Autor Blogfunktionalitäten nachbauen, um den Rückkanal herzustellen. Die Tools dafür haben wir aber bereits „in der Hosentasche“: Das Internet auf dem Handy und Twitter.

hashTag und Twitter

In der dritten Ausgabe des Webstandardsmagazines wird jedem Artikel ein hashTag zugewiesen und abgedruckt. So könnte der hashTag in etwas so aussehen: „wsm3/25“, also „WebStandardsMagazin Ausgabe 3, Artikel 25”. Wenn ich meinen Kommentar über Twitter sende und am Ende den hashTag als Referenz angebe, kann ich direkt danach im Internet suchen und einen Zusammenhang herstellen. Beispiel:

„Ich finde nicht, dass der Autor mit seiner Meinung recht hat. #wsm3/25“.

Suche ich auf der Webseite hashTag nach eben „wsm3/25”, in der Twitter-Suche oder mit jedem x-beliebigen Twitter-Tool mit Suchfunktion, dann erhalte ich chronologisch alle Kommentare zu diesem Artikel – live!
Mit ein paar Zeilen JavaScript und ein bisschen PHP könnte man so auf seiner Webseite zum Printmagazin alle Kommentare abbilden und die Twitter-Community über neue Einträge per Tweet informieren.

Der interessierte Leser sucht aktiv nach den Kommentaren oder benutzt die oben angesprochenen Kolloberationstools durch die hashTag-Suche. Mit Hilfe von Twitter entsteht so nicht nur ein echter Dialog und die Diskussionsmöglichkeit, sondern eben auch ein echter Rückkanal zum Autor.

Ich bin gespannt, wie die Webaffinen Leser des Webstandardsmagazines diesen Ansatz aufnehmen.

Warum CSS-Frameworks (für mich) keinen Sinn machen

macx — Mon, 23 Mar 2009 15:07:13 +0000

Dirk Jesse fasst in seinem Artikel Was Sie über CSS-Frameworks wissen sollten! schön zusammen, wie die Pro- und Kontraargumente lauten. Auch erfährt der geneigte Leser hier, was er unter einem CSS-Framework zu verstehen hat. Lesebefehl!

Die einen setzen CSS-Frameworks wie YAML gern ein, weil sie schneller durchstarten wollen, effektiver arbeiten möchten, sich nicht um IE6-Bugs kümmern möchten. Die anderen sprechen von aufgeblähten CSS-Code, ein (nicht vorhandenes) Korsett des Frameworks und und und. Einige Argumente sind plausibel, viele einfach falsch.

Die Argumentation “Ich will nicht” wäre deshalb eine ehrliche und völlig legitime Aussage, mit der ich als Entwickler von YAML gut leben kann. Eine solche, zutiefst persönliche Entscheidung für eine individuelle Arbeitsweise, bedeutet im Umkehrschluss jedoch nicht, dass CSS-Frameworks obsolet sind oder mit der eigenen Codequalität nicht konkurrieren könnten. Dirk Jesse und Nils Pooker

Warum ich CSS-Frameworks toll finde

Ich fördere gern den Einsatz von CSS-Frameworks, besonders wenn oben drüber YAML steht. Dirk hat wirklich eine beeindruckende Arbeit geleistet und es scheint, dass jede Zeile CSS wirklich Sinn macht. Auch habe ich viele Kollegen während meiner Laufbahn kennengelernt, die ein wenig Unterstützung in HTML und CSS gebrauchen konnten. Für sie ist ein solches Framework eine willkommene Arbeitserleichterung. Besonders, weil sie sich dank YAML und Co. nicht mit immer wiederkehrende Elemente einer modernen Webseite beschäftigen müssen. Dazu gehört u.a. ein CSS-Reset, der eigentlich immer gleiche Grundaufbau der Seite und Browserbugfixes. Aber auch echte Webprofis – für die zumindest YAML gedacht ist – sollen mit dem Framework ein Werkzeug erhalten, mit dem sie effektiv saubere Webseiten aufbauen können.

Wer CSS nicht aus dem EffEff beherrscht, findet mit den CSS-Frameworks eine sehr feine Arbeitsgrundlage. Und wer sich mit der umfangreichen Doku von YAML beschäftigt, kann sogar sehr viel mehr dazu lernen. Für die meisten kann die Arbeit nach einer kurzen Eingewöhnugsphase wirklich schneller von statten gehen. Warum sollte ich daher etwas gegen CSS-Frameworks haben? Faktisch könnte ich alle Pro- und Contro-Argumente gegeneinander aufwiegen, sodass am Ende eigentlich nur der Einsatz empfohlen werden kann.

Warum ich niemals ein CSS-Framework einsetzen werde

Wer sich mit mir persönlich über HTML und CSS unterhält, oder ab und zu auch mal Technikwürze hört, weiß genau, wie ich ticke. Ich habe eine ziemlich starre Meinung zum Einsatz von CSS-Frameworks: „Nein!“. Trotzdem folge ich nicht den beliebten Argumenten, dass ein Framework die Webseite ziemlich übel aufbläht, mir keine Flexibilität bietet oder strikt überflüssig ist.

Für mich ist das Schreiben von HTML und CSS ein Handwerk, mein Handwerk, mein Job. Ich liebe es außerordentlich, auf „Datei neu“ zu klicken und jedes verdammte Projekt mit einer leeren Datei zu beginnen. Ich schreibe HTML und CSS liebend gern so schnell runter wie Journalisten ihre Artikel. Aber es geht mir nicht darum, erster zu sein.
HTML und CSS zu schreiben macht mir schlicht und einfach gesagt absolut Spaß. Ich möchte alles selbst schreiben, weil es mir Freude bereitet. Ich bin lieber der Entwickler wie Dirk, der ein Framework wie YAML zusammenschreibt, als ein Webentwickler, der das fertige YAML effektiv benutzt. Als PHP-Entwickler nutze ich für einige Projekte sogar mal PHP-Frameworks wie Zend, für HTML und CSS brauche ich das eher nicht.

CSS-Frameworks unterstützen mich bei meiner Arbeit nicht, sondern rauben mir den Spaß. Ich müsste im Detail (!) viel weniger denken, viel weniger aus dem Wissen schöpfen, viel weniger leisten. Ich beantworte gern die Fragen meiner Kollegen und Hörer, wie man dies und das genau macht, und warum genau so. Es hat schon ein paar Jahre gedauert, bis ich in der Lage war, Fragen über CSS direkt wie aus der Pistole zu beantworten. Ich mag mich nicht mit dem Gedanken beschäftigen, dieses Basiswissen verblassen zu lassen. Auch wenn mich die eine oder andere Lösung mal viele Stunden oder im Extremfall gar ein paar Tage kostet, weil bisher noch niemand auf die Idee gekommen ist das Problem richtig gut zu lösen, erinnere mich gern an die „Entwicklungszeit“. Das Erreichte macht mich stolz und bildet die Basis, das Fundament meiner Arbeit.

Für mich ist Webentwicklung kein Beruf, sondern eine Berufung. Ich mache das alles echt gern. Wenn es sein muss dann auch jeden Tag wieder aufs Neue, mit einer neuen Datei. „Alles zurück auf Anfang“.

Der erste Award für meine Arbeit

macx — Fri, 21 Nov 2008 10:29:10 +0000

BMW-web.tv gewann Silber bei den AME Awards der New York Festivals.

It is with great pleasure that I announce the final awards for the 2008 AME Awards. Below you will find the final award status for your work. Congratulations on this honor.

The 2008 work entered into the AME Awards scored exceptionally well, and our 2008 Grand Jury had remarkable comments for a majority of the work this year.

ItemID: 354287
Title: BMW-web.tv
Category: Autos / Automotive Products
Award: AME Silver Medallion

BMW-web.tv ist eine Gemeinschaftsarbeit von BMW, Denkwerk und sevenload. Während meiner Zeit bei sevenload war ich Teil des Team, die diese Seite aufgebaut hatten.
Aus meiner Feder dort stammte das Designfinish (Designvorlagen kamen von Denkwerk), das XHTML, CSS und das Javascript. Alle dynamischen Elemente hatten wir mit jQuery umgesetzt. Mit AJAX-Funktionalitäten waren wir nicht zimperlich.

Die Seite ist in Sachen Präsentation etwas ganz Besonderes, die Funktionen mit jQuery zum Leben zu erwecken hat echt Spaß gemacht. Auch die Zusammenarbeit mit den Teamkollegen bei sevenload, die die App selbst mit dem AGAVI-Framework aufgebaut haben und mit Denkwerk natürlich, die das Konzept auf die Beine gestellt haben, war atemberaubend. An der Realisierung haben wirklich viele Leute gearbeitet, auf allen Seiten. Ich bin stolz, dass dies nun auch Früchte trägt.

Auch wenn ich heute nicht mehr bei sevenload arbeite, ist dies doch eine späte, aber schöne Ehrung für meine Arbeit. Danke nach Köln an Ibo und Tom, und natürlich an AME.

Hier ist übrigens noch ein Award für BMW-web.tv

Testcase der neuesten PNG-Fix-Methoden [update]

macx — Fri, 18 Jul 2008 08:47:56 +0000

Die PNG-Fix-Methoden haben bisher eher recht als schlecht funktioniert. In der Performance sind sie langsam, zumindest wenn man alle Bilder und DIVs fetched. Aber sie haben durch die Anwendung der filter-Methode von Microsoft die PNG-Grafiken im IE6 transparent dargestellt. Doch zwei Probleme blieben, egal bei welcher Methode / Fix: background-position und background-repeat hatte nie funktioniert. Während also “richtige” Browser das Hintergrundbild schön gekachelt oder positioniert angezeigt hatten, wurde das Bild im IE6 mit den Fixes zwar transparent angezeigt, aber eben nicht so, wie wir uns das gewünscht hatten. Das Problem: Die filter-Methode lässt die Attribute position und repeat schlicht nicht zu.

Neue Lösungen und Updates

Vor ein paar Tagen erblickte eine neue JavaScript-Lösung das Licht der Welt: Unit PNG Fix. Diese 1 kb kleine Lösung ist schmal, behebt aber die o.g. Probleme nicht. Viel schlimmer: Statt das Hintergrundbild zu kacheln, hat es dieses auf die volle Breite und Höhe gestreckt. Was vom Entwickler nett gemeint ist, ist in keinem Fall das, was wir sehen wollen.

Gerade gestern gab es ein Update des bekannten IE PNG Fix. In seinem Forum hatte Angus Turnbull die Version 2.0 Alpha 2 angekündigt, die nun endlich auch background-position und background-repeat unterstützen soll.

Der Testcase

Ich baute flink ein Testcase, der beide Methoden demonstrieren sollte. Bei dieser Seite zeige ich beide aktuellen Methoden im direkt Vergleich. Per Link kann man zwischen den beiden Varianten umstellen. Ich zeige ein inline-Element, und die beiden Problemfälle – jeweils mit einer Musterdarstellung aus dem Safari.

Dabei stellte ich eben fest, dass Angus eben lediglich die Alpha 1 zum download angeboten hatte, nicht aber die erwartete Alpha 2. Denn die erste Variante, so zeigte mein Testcase, hat die Bilder transparent dargestellt im IE6, sonst ging aber wieder nichts. Angus hat fix reagiert und die Alpha 2 online gestellt. Nun habe ich mein Testcase geupdatet, mit folgendem Resultat:

Unit PNG Fix zeigt PNG-Bilder ohne Extra-CSS-Klasse transparent da, kann aber weder background-position, noch background-repeat.

IE PNG Fix Alpha 2 zeigt transparente PNG, und beherrscht auch die Kachelung. Der Trick: Das JavaScript wiederholt die Darstellung des Hintergrundbildes von sich aus. Das geht natürlich auf die Performance. Wer stark frequentierte Webseiten mit vielen IE6-Usern administriert, sollte sich den Einsatz gut überlgen. Was weiterhin nicht geht, ist die Positionierung des Hintergrundbildes. Vielleicht kommt ja bald diesbezüglich auch noch ein Update.
Link zum Testcase

Update

Nach Rücksprache mit Angus funktioniert IE PNG Fix sehr wohl mit background-postion, allerdings nur dann, wenn man die Positionierung in Pixel, Prozent usw. angibt:

Ah, I see! Currently background-position supports the units ‘px’, ’%’ and values like ‘left’, ‘center’ etc. Try them, they should all work! I have yet to implement ‘em’, ‘pt’ etc. etc. as they’re hard to calculate in the space of a couple of kilobytes and the whole script has to work in pixels to correctly tile a background . -Angus.

Mit jQuery ein Element verändern

macx — Fri, 16 May 2008 11:12:03 +0000

Szenario: Ich möchte einem DIV eine Breite geben, und zwar die Summe der Breite seiner Kinderelemente. Also unser DIV hat fünf DIVs, die gefloatet sind. Dessen Breite in Summe möchte ich dem Elternelement mitgeben. Doch wie spreche ich nun mein DIV in jQuery an? Bisher habe ich das so gemacht:

$('#meinDiv').each(function(){
    alert('Ja, mich gibt es, stell was mit mir an.');
});
 

Wie oben bereits erwähnt, möchte ich, dass das Element sich beim Aufbau der Seite schon verändert, nicht erst, wenn ich darauf rumdrücke (event “click”). Mit der Methode “each” konnte ich es ansprechen. Doch mein DIV gibt es auf der Seite nur einmal, also fand ich die Anwendung von “each” (gehe jedes Element durch) etwas zu viel des guten – unpassend.

Dank Dirk Jesse, der mir ein paar Tipps gab, habe ich ein jQuery-Plugin geschrieben, was mir analog zu “each” eine Funktion zur Verfügung stellt, mit dem ich mein Element, sofern es im DOM auftaucht, ansprechen kann – ohne Interaktion.

Packt dazu außerhalb von $(document).ready(); folgenden Code in eure Javascript-Datei:

(function($) {
   $.fn.found = function(myFunction) {
      if(this.length) {
         myFunction.call(this);
      }
   };
})(jQuery);
 

Mit meiner neuen Funktion “found” kann ich nun das Element ansprechen. Und die Funktion, die ich ihm dabei mit auf dem Weg gebe, führt meine “found”-Funktion aus.

$('#meinDIv').found(function(){

    alert('Ja, mich gibt es, stell was mit mir an.');

});

In der neuesten jQuery-Version 1.2.6 gibt es nun die Funktion, die ich hier konstruiert habe: .index(). Somit ist mein Add-On quasi hinfällig.

Abmahnwelle in Sicht: CSS-Hacks strafbar?

macx — Tue, 01 Apr 2008 07:16:25 +0000

Was haben wir uns nicht im Vorfeld schon aufgeregt, über den in Nachrichten bekannten Hackerparagraphen. In diesem hat der Gesetzgeber verankert, dass man keine Schadsoftware mehr einsetzen darf. Auch dann nicht, wenn man seine eigene Software auf Sicherheitslücken überprüfen möchte. Wie konfus! Nun setzt der Fiskus noch einen drauf und verbietet uns unsere CSS-Hacks.

Mit den CSS-Hacks haben wir bisher das Renderverhalten von Nicht-Standardkonformen Browsern, wie Microsoft Internet Explorer 6 beeinflussen, damit die Webseite unter jedem Browser gleicht gut aussieht. Da ich befürchtete, dass der Hackerparagraph uns auch hier einen Strich durch die Rechnung macht, habe ich einmal Thomas Schwenke, seines Zeichenens Webentwickler und Anwalt, gebeten, sich der Sache anzunehmen.

In seinem Artikel geht Thomas genauer auf den Sachverhalt ein und stellt fest, dass die Verwendung von CSS-Hacks strafbar sind. Diese beeinflussen nämlich den Programmcode der Software, die Webseite anders darzustellen, als vorgesehen. Genau das sei ein unrechtmäßiger Eingriff in den Programmcode der Software und damit laut Strafgesetzbuch strafbar.

Wer unbefugt sich oder einem anderen Zugang zu Daten, die nicht für ihn bestimmt und die gegen unberechtigten Zugang besonders gesichert sind, unter Überwindung der Zugangssicherung verschafft, wird mit Freiheitsstrafe bis zu drei Jahren oder mit Geldstrafe bestraft. Daten im Sinne des Absatzes 1 sind nur solche, die elektronisch, magnetisch oder sonst nicht unmittelbar wahrnehmbar gespeichert sind oder übermittelt werden.(§ 202a Stafgesetzbuch)

„Mit Zugriff ist die Penetration der Daten gemeint.“, so Thomas Schwenke. Mit Hilfe von CSS-Hacks „schafft es der Webdesigner, dass die Ausführung des Browserprogrammcodes verändert wird. Der CSS-Code wird plötzlich nicht mehr wie ursprünglich von Programmierern gedacht interpretiert.“. Da der Programmcode bei Browsern wie dem IE nicht verändert werden darf, soll hier eine Straftat nach § 202 b StGB l vorliegen. Schwenke weiter: „Auch das Urheberrecht wird durch CSS-Hacks verletzt. Computerprogramme, das heißt auch Internetbrowser, sind gem. § 69a Abs.1 UrhG urheberrechtlich geschützt, und deren Veränderung ist nach §§ 106 Abs.1, 69c Nr.2 UrhG strafbar“.

Unglaublich, oder? Sollten wir die CSS-Hacks sofort aus unseren Webseiten entfernen? Droht eine neue Abmahnwelle durch findige Anwälte, die eine Unterlassungserklärung verlangen? Oder bekommen unsere Kunden solche Schreiben und leiten sie direkt an uns weiter? Es dürfte unbestreitbar sein, dass der HTML und CSS von uns gemacht worden sind. Ich bin gespannt, wann wir für unseren ersten Kollegen sammeln dürfen.

Als Vorsichtsmaßnahme empfiehlt Thomas übrigens Conditional Comments, mit denen sich alternative CSS-Dateien laden lassen. Ich weiß nicht wirklich, wie die Rechtslage aussieht, und kann euch sicher keine Rechtsberatung hier geben. Aber es zeigt mir, dass wir immer öfter überprüfen sollten, was wir tun.

Die ersten Browser schaffen schon jetzt den ACID3-Test

macx — Thu, 27 Mar 2008 08:27:11 +0000

Der ACID3-Test ist eigentlich noch recht frisch. Er dient auch in der vorliegenden dritten Version der Überprüfung, ob ein Browser die Webstandards einhält und viele Techniken beherrscht. Der ACID-Test im Allgemeinen ist wenig transparent und schlüssig. Doch ein erfolgreicher Test macht schnell die Runde unter fortschrittlichen Webentwicklern. Warum ist klar: Wir machen uns Gedanken um unsere Zukunft und wollen sehen, wohin die Reise geht.

Als ich heute morgen meinen RSS-Reader öffnete, las ich zuerst von Opera, die die 100 Prozent schafften. Die erwähnte Opera-Version soll demnächst unter labs.opera.com zum Download bereit stehen. Damit scheint Opera der erste Hersteller zu sein. Doch noch ist der Browser nicht verfügbar. Ein paar Meldungen weiter im RSS-Reader las ich, dass Webkit in einer downloadbaren Version ebenfalls die 100 Punkte erreicht.

Ich habe mir Webkit runtergeladen (gibt es übrigens auch für Windows) und getestet. Und tatsächlich: Die Safari-Basis schafft die volle Punktzahl und ist damit der erste Browser, der den Test schafft. Bravo! Bleibt zu hoffen, dass Apple bald Safari updatet und den neuen Webkit-Build integriert.

Übrigens, und das sei am Rande erwähnt, habe ich Safari 3.1 unter Windows getestet. Ich muss feststellen, dass der Safari 3.1 unter Windows der OS X-Version kaum nachsteht. Vor allem aber ist Safari faktisch der schnellste Browser unter Windows. Webentwickler sollten einen Wechsel ernsthaft in Erwägung ziehen, zumal im Safari von Haus auch Webentwicklungstools integriert sind, die sich in den Einstellungen aktivieren lassen. Wer einmal eine Seite unter Firefox (ohne Plugins) und Safari öffnet, wir den Geschwindigkeitszuwachs sofort merken.

Bleibt festzuhalten: Ich freue mich auf die neuen Browser. Eröffnen sie uns doch neue Möglichkeiten. Und ich freue mich als Webkraut auf die breite Unterstützung der Webstandards.

Eine Übersicht, welcher Browser wieviele Punkte schafft, gibt es bei “anomalousanomaly.com”:http://www.anomalousanomaly.com/2008/03/06/acid-3/.

php: Text-E-Mails schön formatieren

macx — Mon, 24 Mar 2008 06:00:59 +0000

Nehmen wir an, wir möchten all die Daten aus einem Formular mit php entgegennehmen, aufbereiten und als E-Mail versenden. Ganz einfach geht das, in dem man das Array $_POST durchgeht und den Schlüssel (den Namen des Formularfeldes) nebst seines Wertes (das, was der Benutzer ins Formularfeld eingetragen hat) Zeile für Zeile ausgibt.

Die Lesbarkeit könnten wir steigern, in dem wir eine HTML-E-Mail verwenden und die diversen Schlüssel und Werte in einer Tabelle auflisten. Da ich persönlich eine starke Abneigung gegen HTML-E-Mails habe, setze ich auf reine Text-E-Mails ohne Formatierung. Aber genau hier liegt der Hase begraben: Was kann ich denn tun, um die E-Mail leserlicher zu gestalten? Die Lösung heisst: automatisiert gesetzte Tabs!

Die Lösung

Folgendes php-Script liest das Array $_POST Zeile für Zeile aus, berechnet die Anzahl der Buchstaben des Schlüssels, setzt einen Doppelpunkt und so viele Tabulatoren (acht Leerzeichen hat hier im Beispiel ein Tab), wie nötig, damit die dahinter folgenden Werte in der gesamten E-Mail immer auf gleicher Höhe stehen.

$mailTo        = 'your-email@adress.tld';

$mailFrom      = $_POST['Email'];

$subject       = '[mySite] Anfrage vom '.date('d.m.Y (H:i').' Uhr)';

$tab           = 8;

$tabLimit      = 3;

$limitChars    = ($tab * $tabLimit);

$message       = '';

foreach($_POST AS $key => $value) {

    $strlen     = (strlen($key) + 1);

    $whiteSpace = ($limitChars - $strlen);

    $tabsNum    = ($strlen == $tab) ? ($tabLimit - 2): floor($whiteSpace / $tab);

    $tabs       = str_repeat("\t", $tabsNum);

    $message   .= $key.":".$tabs.trim($value)."\n";

}

$message  .= "\n-- \n"

          .  'URL:   '.$_SERVER['HTTP_HOST']."\n"

          .  'IP:    '.$_SERVER['REMOTE_ADDR']."\n"

          .  'Host:  '.gethostbyaddr($_SERVER['REMOTE_ADDR'])."\n"

          .  'Agent: '.$_SERVER['HTTP_USER_AGENT']."\n";

Wenn ihr dieses Beispiel in eure Applikation übernehmen wollt, solltet ihr unbedingt die Eingaben der Benutzer validieren und eventuell sogar auf SPAM überprüfen. Viel Spaß beim ausprobieren!