Wie ging das nochmal? Technikwürze 88

Ja, hallo David. Ich sollte mich doch mal kurz bei dir melden wegen der nächsten Ausgabe von Technikwürze. Alles klar?

Ja, Sascha, schön, dass du dich meldest. In Köln hat alles wunderbar gepasst. Ich war ja bei Sevenload und, war echt cool. Also war 'ne schöne Zeit. Ich hätte nächste Woche noch mal hinfahren jetzt am Montag und noch 'ne Woche dort verbleiben zunächst, aber ich fürchte du, ich hab 'n bisschen s, Technikwürze-Aufnahme-Dingsbums da vergessen. Ich, Podcast ja, aber Aufnahme? Ich keine Ahnung. Also.

Ja, entschuldige bitte, aber du wolltest doch unbedingt nach Köln und dir bei Sevenload die Tage und Nächte um die Ohren schlagen. Jetzt siehst du, was passiert. Du hast das ganze Podcasten verlernt.

Ja nun, ich hatte halt mit Projekten, mit PHP, mit HTML, CSS echt genug um die Ohren, dass ich echt null Zeit hatte für Technikwürze. Also, entschuldige. Ich find es super, du, du hast mit, dem Daniel zusammen hier super wirklich, geholfen, Technikwürze zum Laufen zu bringen, habt tolle Sendungen produziert, aber w-wie gesagt, ich hab's vergessen. Also Sascha, wie mach ich das denn jetzt? Wie, wie nehm ich Technikwürze auf?

Hey David, das ist doch ganz einfach. Du stellst einfach wieder dein Mikrofon auf und nimmst den ganzen Kram auf. Das hast du schon hundertmal gemacht. Weißt du noch, wie man Aufnahme drückt?

Na komm, also so doof bin ich ja nun nicht. Also ich denke mal, das ist das, rote Knöpfchen hier. Oder doch nicht?

Ja genau, David. Aufnahme. Dann quatschst du einfach alles ins Mikrofon, packst da 'n Trailer von Technikwürze davor und lädst es auf unseren Server.

Na ja, dann, probier ich mal mein Glück.

Ey, das schaffst du schon. Toi, toi, toi.

Okay, dann leg ich mal los. Jingle haben wir auf Taste zwei, dann go.

Tja, herzlich willkommen zu Technikwürze Nummer achtundachtzig. Heute ist Montag, der, öh, 3.9.2007. Meine Güte, lang ist's her, dass ich bei Technikwürze moderiert habe. Nun ist es endlich wieder so weit. Ich war ja, wie ihr mitbekommen habt, in Köln bei Sevenload. Da hab ich 'n neuen Job angefangen, bin da Software Developer und wir haben so dermaßen sehr viel um die Ohren, dass es richtig rockt. Wir arbeiten nicht nur an Sevenload, sondern auch an White Labels.

Das bedeutet, dass, dass andere Firmen bei uns, Internetauftritte ordern, die dann so aussehen, dass sie unsere hervorragende Struktur, unseren Core benutzen, unsere Videoplattform. Läuft super gut, tolles Team. Leute, die wirklich Ahnung von dem haben, was sie tun. Genau das hab ich auch erwartet. Spitzenteam, alles super spitze und deswegen gibt es jetzt von Sevenload noch mal einen kleinen Einspieler.

Tja, wer noch nicht weiß, was Sevenload ist: Sevenload ist sozusagen YouTube und Flickr auf Deutsch. Ihr könnt Videos en masse hochladen und ihr könnt Fotos en masse hochladen. Das Ganze in Deutsch natürlich auch. Deswegen gibt es hier auch ein hervorragendes Support-Team. Sevenload gewinnt derzeit einen Test nach dem anderen, den letzten in Computer Bild. Na gut, zweiter Platz ist auch 'n Siegerpodestplatz. Tolles Team, wie gesagt. Schaut mal drauf.

Was Sevenload euch auch bietet, sind verschiedene Kanäle mit eigens produzierten Inhalten extra für unsere Seite. Deswegen musste ich 'n bisschen Technikwürze schleichen lassen, schleudern lassen. Was hab ich denn Technikwürze vernachlässigt, hab ich Technikwürze, aber das soll jetzt erst mal Schluss sein.

Es gibt dieses Mal, weil ich nächste Woche wieder nach, Sevenload fahre, nach Köln, zum Dom, den ich jetzt zweimal die Woche sehen darf, noch 'ne kurze Ausgabe, das nächste Wochenende dann ebenfalls. Dann geht's aber richtig los. Ich hab für euch ein paar News rausgesucht und dann spielen wir doch ganz einfach mal den News-Trailer und ich hoffe, ich finde ihn. Hintergründe Linktipps machen wir Linktipps. Klingt doch gut, oder?

Linktipps.

Na, scheint doch noch zu klappen. Ich hoffe, die Aufnahme passt auch. Also maßgebend aufm Platz: Webkrauts testen Webseite von Bundesligavereinen. Ich darf mal ausnahmsweise vorlesen von der Webseite der Webkrauts: „Zum Saisonstart widmen sich die Webkrauts den Internetauftritten aller sechsunddreißig Bundesligavereine und testen sie auf moderne Webstandards.

Die Webseiten werden dabei einem Kurztest unterzogen, der verschiedene Aspekte standardbasierter Webseiten untersucht und es erlaubt, die Webseiten entsprechend zu bewerten." Also, dass einige Fußballvereine, speziell der ersten Bundesliga, in Deutschland gut Fußball spielen können, das wissen wir ja. Ich bin jetzt kein Fußballfan, aber es gibt, glaub ich, neunzig Prozent oder neunundneunzig Prozent aller deutschen Männer irgendwie, die lieben Fußball, dementsprechend gucken sie Fußball.

Aber die Webseiten sind größtenteils Grütze. Das hat der Test von den Webkrauts ergeben. Auch 'n Artikel von mir ist dabei. Ich hab mir nämlich die Webseite angeschaut von Hannover sechsundneunzig und die war alles andere als cool. Schaut euch den Test an. Sehr, sehr viele Webseiten wurden getestet. Es gibt auch noch jetzt 'ne kleine Pressemeldung, die diese Tage rausgeht. Sehr interessant, den Link auf technikwürze de. So, jetzt guck ich mal, dass ich noch 'n Trailer rausfinde.

Hier so 'n Jingle für die nächste News. So. Ja, klappt doch super. So, wer keine Ideen hat, kann ins Netz gehen und sich den ID Creator im Netz anschauen. Der ist nämlich für Ideenlose. Das ist ganze Ding ist 'n Flash-Ding. Ihr könnt 'n Glücksrad anwerfen und das Flash liefert euch aus drei Wörtern eine Idee. Darunter könnte etwa sein, das hat der Test eben ergeben: Electric easy to assemble Sextoy.

Wem das nicht gefällt, der kann nach anderen Ideen suchen und dabei kommt dann raus zum Beispiel Funny Glitter Event. Hm, das könnte für die Partys ganz interessant sein. Oder Battery Operated Pager Garden. Klingt ziemlich, na ja. Wer's braucht, viel Spaß. Link auf Technikwürze.de. Transmit ist in 'ner neuen Version rausgekommen. Der Mac FTP Client ist jetzt in Version drei sechs draußen und unterstützt nun die Online-Festplatte von Amazon. Die nennt sich S3.

Zudem, was einigen, viel besser gefallen könnte, wenn ihr jetzt Dateien hochladet für eure Freunde, dann könnt ihr jetzt 'n Rechtsklick machen auf die Datei, egal wo sie ist, und, Transmit liefert euch die URL direkt von eurer Webseite aus, sodass ihr nicht mehr umständlich den ganzen Kram, die ganzen Verzeichnisse auf, schreiben müsst, um euren Freunden irgendwelche Links zu schicken. Für Firefox hab ich 'n neues Plugin entdeckt bei Sevenload. Das nennt sich Temperdata.

Wer große Webseiten mit viel Flash, viel Ajax und API-Schnittstellen erstellt, muss wissen, welche Requests die Webseite absetzt und was sie zurückliefert. Es kann ja irgendwie sein, dass ihr per Ajax oder Ajax oder was auch immer man nennt, irgendwelche Requests macht, und da wird nix drauf zurückgeliefert oder das XML passt nicht oder Jason liefert nicht ganz genau zurück. Oder ihr wollt wissen, was denn eben zurückgeliefert wurde. Und da könnt ihr mit Temperdata sehr viel sehen.

Also welche Requests, welche HTTP Requests wirklich gemacht werden, was zurückgeliefert wird, mit welchem Status, mit welchem Ergebnis. Und das geht deutlich über das hinaus. Wirklich deutlich das, was Firebug euch anzeigt. Firebug. Also von daher schaltet's absolut mal ein, ladet euch das Ding mal runter, wenn ihr Webseiten macht. Bei ein, zwei kleinen Webseiten, wo ein Java-Script drin ist, wird sich das nicht lohnen. Aber bei großen, denk ich, kommt ihr gar nicht drum rum.

So, englischsprachiger Artikel, Key Bindings in Web Browsers. Web Browsers. Klingt komisch, mein Englisch heute. Egal. Die Übersicht aller Tastaturbelegungen habe ich mir aufgeschrieben.

Einige von euch werden sicherlich Webseiten gemacht haben und denken: "Mensch, dann mach ich das Ganze mal ein bisschen barrierefrei und ermögliche meinen Usern doch 'n bisschen mit der Tastatur in der Webseite rumzusurfen." Pustekuchen, werden einige von euch dann auch feststellen, weil unter dem einen Browser mag es vielleicht funktionieren, bei dem anderen nicht. Oder bei dem einen Betriebssystem in Firefox ja, Firefox aber auf Windows nö, muss nicht. Oder auf Mac nö, muss nicht.

Von daher hat sich jemand, die Mühe gemacht, nämlich etmil Punkt com, und hat, 'ne ganze Liste daraus gestellt mit den ganzen Key Bindings, Sondertastaturbelegungs-Kruckskrax, aller Webbrowser. Das sollte sich jeder Webentwickler einmal anschauen. Auch ich werd mir das mal anschauen die Tage und dann werdet ihr viel dazulernen. Hoffe ich. So, mal 'n Trailer. Komm. So, auf Ajaxian habe ich was gefunden. Und zwar bieten die einen kleinen CSS Trick, den haben sie sich von Gmail abgeschaut.

Und Gmail, das werdet ihr sehen, haben für die ganze Inbox 'ne Tabelle eingesetzt. Tabellarisch Daten. Stimmt ja, ist ja korrekt. Und, bei denen passiert's aber nicht, dass sehr viele lange, also dass sehr lange Textpassagen irgendwie die Tabellenzelle sprengen, was ja normalerweise üblich ist. Da gibt es dann einen kleinen Trick. Hat 'n bisschen was zu tun mit Overflow hidden, aber da gibt's noch 'n bisschen was mehr und den zeigt euch Ajaxian. Den Link auf Technikwürze.de natürlich.

Na, das hat sich ja auch nicht schlecht angehört. So. Wer wissen möchte, wer seine Webseite optimieren möchte, so fangen wir mal an, sollte sich vielleicht mal anschauen, wie Ajax, HTML Calls im Gegensatz zu, Ajax Jason Calls, von der Geschwindigkeit her sind. Also ist es schneller, wenn ich mir HTML liefern lasse? Oder ist es schneller, wenn ich mir jetzt Jason zurückliefern lasse? Oder ist das ganze Ding schneller, wenn ich jetzt stattdessen, Dojo verwende?

Oder was passiert oder was kann ich machen und wie kann ich meine Webseite optimieren? Da hat die RIA, keine Ahnung, wofür das steht, ich hab's mir nicht genau angeschaut, die haben einen Data Loading Benchmark veröffentlicht, und zwar in einer neuen Version. Und das ist jetzt die News daran. Die vergleichen nämlich die ganzen Calls live per Knopfdruck und dann könnt ihr euch das anschauen, was schnell ist oder was nicht schnell ist. Linktipps. Linktipps war eigentlich nicht vorgesehen.

Egal, lassen wir's mal drin. So, die Neuheit Bildaries heißt das, wird wahrscheinlich der Trend im Internet werden, beziehungsweise die Zukunft des Webdesigns. Wenn ihr fluide Webseiten aufbaut, dann konnt es ja normal vorkommen, dass die ganzen Textboxen sich stauchen oder dehnen, je nachdem, wie ihr grade am Fenster rumzieht. Was allerdings blöd ist, wenn ihr 'n ganzes Bild einsetzt, dann wird eben dieses nicht gestaucht oder gedehnt. Und in, einigen Blogs war's schon 'n bisschen publiziert.

Den Link auch noch mal auf Technikwürze.de. Es gibt jetzt 'n neues Verfahren, das, wird wohl grade noch fertig entwickelt. Da werden Bildinformationen so rausgeschnitten oder hinzugefügt, dass ein Bild eben auch flexibel in der Breite oder in der Höhe gestaucht oder gedehnt werden kann, ohne dass es da irgendwelche Einbußen gibt.

Zudem wäre denkbar, dass es dafür demnächst irgendwie auch 'n Photoshop Plugin gibt oder es wird in Photoshop integriert, wo ihr zum Beispiel unwichtige Personen aus dem Bild, markieren könnt als, joa, die können mal weggeschmissen werden, wenn sich da was passieren sollte, wenn es zusammengestaucht werden sollte. Und dann wird das Bild eben so zusammengestaucht, dass der rechte Teil und der linke Teil automatisch die eine Person überlappen, sozusagen.

Und wenn das ganze Ding wieder ausgedehnt wird, dann ist die Person wieder zu sehen. So kann man sich das Ganze vorstellen. Also die Zukunft des Webdesign, den Link auf Technikwürze. So, zum Schluss dieser Sendung, hab ja gesagt, es wird 'ne kurze Sendung, gibt es die J Pl-- meine Güte, die jQuery Plugin-Sammlung. Und zwar hab ich euch eins, zwei, drei, vier, fünf Plugins rausgesucht, mit denen ich in den letzten Tagen zu tun hatte. Unter ihnen ist 'n Tabellen-Sorter.

Das ganze Ding heißt Table Sorter. Funktioniert wie folgt: Ihr habt eine Tabelle und ihr wollt zum Beispiel die Sortierung ändern je nach Spalte. Und da habt ihr bestimmt bisher irgendwelche Calls gemacht über PHP, klickt drauf und der ermittelt ja, welchen Key wurde jetzt übergeben und ich sortiere meine Query in der Datenbank um. Das Ganze geht mit jQuery, sofern JavaScript aktiviert ist natürlich wesentlich schneller.

Mit diesem Plugin klickt ihr oben in das TH rein und könnt dann sortieren, wie ihr wollt. Super Ding. So, Autocomplete Plugin für die Live-Suche gibt es auch noch. Also, wenn ihr 'ne Live-Suche realisieren wollt, gibt es das Autocomplete Plugin. Das ermöglicht euch eben, super einfach so was zu machen. Wer 'n bisschen mehr im Design rumfuschen möchte, dem kann ich das nicht unbedingt empfehlen, aber es ist, glaub ich, 'ne gute Basis, in der man mal gucken kann, wie das Ganze funktioniert.

So, wer ein bisschen Apple-like angehaucht ist, der kann Bilder spiegeln. Dafür gibt es jetzt auch 'n jQuery Plugin, was 'n Adapter ist von dem JavaScript-Teilchen, was ich glaube, seit vielen, vielen Monaten oder Jahren, keine Ahnung, irgendwie so im Internet kursiert. Das Ganze jetzt für jQuery, nennt sich Reflect.

So, dann gibt es noch ein Plugin, was ich euch sehr ans Herz legen kann, wenn ihr Formulare den User ausfüllen lässt und ihr wollt dieses Formular nicht direkt absenden, sondern das mit Ajax, Blödsinn, mit JavaScript direkt abfangen, das heißt, die das Abschicken verhindern und das direkt per Ajax übermitteln, die ganzen Daten und wollt diese Daten rausholen, dann gibt es 'n tolles Plugin, das nennt sich, Form.

Und mit dem könnt ihr die ganzen Daten rausholen, könnt damit irgendwas anstellen, könnt zum Beispiel die Daten in ein Array packen, in ein JSON packen, das auf 'm Server irgendwie in 'ne Datenbank speichern und irgendwelche Ergebnisse zurückliefern. Oder mal überprüfen, ob das ganze Ding ausgefüllt ist. Super, super gut, den Link auf Technikwütze. So, und das letzte Ding für heute ist die jQuery LiveQuery.

jQuery funktioniert ja so, wenn, der DOM, also das DOM genau aufgebaut ist, das ist ja das Doc-Document Object Model, also der ganze HTML-Baum. Wenn der komplett aufgebaut ist, dann könnt ihr auf die ganzen Elemente drauf zugreifen. Jetzt kann es aber sein, dass ihr mit JavaScript beziehungsweise jQuery oder was auch immer irgendwelche Elemente hinzufügt. Dann habt ihr nämlich ein Problem.

Bei hinzugefügten Elementen, sei es 'ne Live-Suche oder irgendwas immer, könnt ihr dann mit jQuery nicht mehr auf diese Elemente drauf zugreifen, weil die erst, hinzugefügt wurden, nachdem das DOM aufgebaut wurde. Dafür gibt es jetzt 'n Plugin LiveQuery. Mit LiveQuery könnt ihr ebenfalls auf Elemente hinzugreifen, die ganz neu dynamisch zur Webseite hinzugefügt wurden oder weggelassen wurden. So, das Ganze als meine Güte. Jetzt kommen Link-Tipp. Jetzt kommen schon wieder die Link-Tipps.

So, das war's für die 88. Ausgabe. Wie gesagt, schnell runtergerattert von mir. Ich muss nämlich auch fast wieder weiter nach Köln. Ich melde mich nächste Woche noch mal mit einer ähnlichen Kurzausgabe und, danach sollte es dann in Ausgabe 90 dann mal wieder richtig umfangreiche News und Informationen, Background-Infos von mir geben. Dann erzähl ich auch 'n bisschen mehr von Sevenload. Das soll's gewesen sein. Mein Name war David Macesich.

Ich hoffe, ihr schaltet auch nächste Woche wieder ein, wenn's heißt Technikwütze, euer Design- und Webstandards-Podcast. Ich danke fürs Zuhören. Schön fleißig runterladen auf Technikwürze.de. Ach so, und ruft auch an unter null fünf elf einundzwanzig siebenundzwanzig dreihundert. Das hat nämlich auch folgende Person getan.

Hallo, Alexander Metzel hier. Ein Anruf für die Technikwütze. Wir haben hier schon öfter rumgerätselt, wie denn der beste Umgang mit WYSIWYG-Editoren in Content-Management-Systemen zu handhaben ist. Und da dachten wir uns, dass das vielleicht auch 'n interessantes Thema wäre für die Technikwütze.

Ist es, ist es.

Hinsichtlich der Problematik, wie erklär ich denn meinen Kunden am besten, wie er mit dem WYSIWYG-Editor umgehen kann? Oder wie bereite ich den Editor am besten vor, dass er kundenfreundlich wird? Also sprich, das Layout eines WYSIWYG-Editors eben nicht, schwarzer, kleiner, unleserlicher Text auf weißem Grund ist, sondern wär's sinnvoll, ihn schon vorher so anzupassen, dass er im Editorenbereich auch schon aussieht wie die Webseite? Wie geht man mit Floats um, auch in Bildern und Texten?

Wie bereite ich ihn am besten vor, dass der Kunde am Ende möglichst wenig Ärger und intuitiv damit, intuitiv damit umgehen kann? Ja, da würden wir uns mal über Anregungen, Diskussionen und Tipps von den Profis freuen.

Ansonsten viele Grüße aus Frankfurt, der Alexander. Ciao.

Frankfurt ist ja von Köln gar nicht mehr so weit weg als jetzt von Hannover, wo ich derzeit die Aufnahme mache. Also, vielen Dank für deinen Anruf. Wir gehen der Frage nach und es wird auch mal, eine Spezialsendung über dieses Thema geben. Ist versprochen. Hab ich schon 'n bisschen angeleiert und da werden wir uns mal Gedanken machen.

Das ganze Thema ist nicht ganz so einfach, denn einerseits kann man dem Kunden natürlich seine Original-Webseite geben und ihm mit dem WYSIWYG-Editor darüber rum vorwerken lassen. Das heißt, wenn ich jetzt meine Inhaltsbox habe, blende ich einfach das ein. Kann allerdings auch zu Problemen führen und deswegen, na ja, ich hab da 'ne ganz andere Ansicht zu. Das Ganze dann ausführlich in 'ner Sendung. Also, das Thema greifen wir noch mal auf.

Ansonsten ruft auch ihr an unter null fünf elf einundzwanzig siebenundzwanzig dreihundert und, sagt uns, "David, diese Ausgabe ist schön, dass du wieder da bist, aber diese Ausgabe war grenzwertig." Dann wie gesagt, null fünf elf einundzwanzig siebenundzwanzig dreihundert. Ansonsten echo@Technikwürze.de heißt unsere E-Mail-Adresse. Und jetzt sind wir am Ende. Ich bedanke mich fürs Zuhören. Bis nächste Woche. Bye bye.