FelixNagel.com Blog

Der Anfang vom Ende der Netzneutralität

Felix Nagel — Mi, 21 Jul 2010 22:29:00 +0200

Die Telekom fordert offiziell (angekündigt wurde es schon) Traffic im Internet verschieden zu behandeln und zu bepreisen. Konkret geht es um den Traffic und die damit verbunden Kosten die Google und Apple verursachen. Aber man hört schon raus das es dabei wohl nicht bleiben wird:, Die leidtragenden dabei werden die kleinen Website Betreiber und die dritte Welt sein. Innovation und die wirtschaftlichen und kulturellen Möglichkeiten müssen den finanziellen Interessen der Industrie weichen. Interessant ist in dem Zusammenhang ist das Innenminister Thomas de Maizière in seinen 14 Thesen zur Netzpolitik für Netzneutralität plädiert. Allerdings ist man sich nicht ganz sicher was genau der Herr Minister darunter versteht. Insbesondere wenn man sich einige andere seiner Allgemeinplätzchen genauer durchliest.Die Antwort, Forderungen für ein lebenswertes Netz, des ChaosComputerClub ist da schon wesentlich genauer und auf jeden Fall einen Blick wert!

Um zu verstehen was Netzneutralität bedeutet empfehle ich euch folgendes Video, speziell das Ende:

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

TYPO3 4.4 - Probleme mit CSS in Backend Modulen

Felix Nagel — Mo, 28 Jun 2010 21:12:00 +0200

Beim Update von TYPO3 auf Version 4.4 wurde ein nettes neues Feature eingeführt: Kompression von JavaScript und CSS Dateien sowie die Auslieferung zum Client per gzip inklusive Versionierung per timestamp.Dazu müssen folgende ConfVarsin der localconf.php gesetzt werden: , und die .htaccess Datei angepasst werden.Das sorgt für mehr Performance in Frontend und Backend, hat aber auch zur Folge das, zumindest bei mir, einige CSS Files nicht mehr korrekt eingebunden wurden -- genauer gesagt wurden die Dateien ohne Inhalt ausgeliefert. Da ich fürs Frontend ohnehin lieber die Extension scriptmerger nutze (die neben gzip und Minifizierung noch einige nützliche Funktionen mehr bietet), wäre auch das Abschalten der Funktion ausreichend gewesen. Aus mir unerfindlichen Gründen wollte das aber auch nicht funktionieren.Also musste eine Lösung her. Da die meisten System-Module mit Standard CSS Klassen und Elementen für ihre Ausgabe arbeiten sind bei diesen kaum Fehler in der BE-Darstellung sichtbar. Das Extension-Modul von Formhandler hingegen bindet die CSS Datei etwas regelwidrig direkt in den body ein. Funktioniert, ist aber nicht die Optimallösung.Die System-Extension recycler nutzt für sein AJAX-gestütztes Interface eine eigene CSS Datei und interessanterweise funktionierte dessen Ausgabe. Diese bindet das CSS seit neustem wie folgt ein:, Da ich erst vor einiger Zeit in eben diese System-Extension nach der korrekten Methode CSS im Backend einzubinden gesucht habe, bin ich mir sicher das dort voher noch mit $this->doc->addStyleSheet gearbeitt wurde.Wieso bei der Implementierung der neuen Features nicht auch die Methode addStyleSheet beachtet wurde ist mir persönlich noch ein Rätsel. Hier gehts zum betreffenden Bug Report der Extension t3blog. Dort ist das ganze nochmal komplett dokumentiert.

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

Fotos vom Emergenza Finale Nord 2010 in der Markthalle

Felix Nagel — Mo, 14 Jun 2010 21:15:00 +0200

Etwas verspätet auch der Blogpost zum Emergenza Finale (Nord) in der Hamburger Markthalle am 5. Juni 2010. Mein Blogsystem hat Ärger gemacht, das musste vorher noch gefixed werden. Ich war ja als Fotograf das erste Mal in der Markthalle und muss sagen: da sind wie erwartet Profis am Werk. Licht und Sound (was bei der Menge an Bands eine verdammt gute Leistung ist) waren perfekt und die Bands haben das auch entsprechend genutzt. Das eingespielte Team von Emergenza Hamburg und das zahlreich erschienene, gut gelaunte Publikum sorgten für einen wirklich gelungenen Abend. Ein paar Impressionen von Where My Chipmunks At, Attic Cell, Skalinka, Lofft, Black Sheep Results, Nuaura, Banana Killers, Jamey Rottenorpse & The Rising Dead, T'Rock'N'Dock und dem iManClan könnt ihr euch hier ansehen: Fotos vom Emergenza Finale Nord 2010

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

Mehrsprachige TYPO3 Extensions: getRecordOverlay richtig einsetzen

Felix Nagel — Do, 24 Jun 2010 20:08:32 +0200

Bei der Entwicklung mehrsprachiger Extensions für TYPO3 kommt man früher oder später in die Verlegenheit die richtigen (also in der benötigten Sprache) Datensätze aus der Datenbank zu holen. Viele Entwickler nutzen dazu eigene WHERE Anweisungen mithilfe derer sie den richtigen Datensatz ermitteln. Das sieht dann oftmals so aus:, Die benötigte Sprache wird direkt gesetzt was zur Folge hat das man evtl. keinen Datensatz geliefert bekommt. Dies ist logischerweise dann der Fall wenn Der Datensatz noch nicht in die betreffende Sprache übersetzt wurde. Hört sich doch gar nicht so übel an? Nicht ganz. Einerseits bricht man mit den Coding Guidelines und andererseits macht man ein tolles TYPO3 Feature zunichte: den localization mode. Mit dem localization mode kann das Verhalten von TYPO3 bei Mehrsprachigkeit, oder besser das Verhalten von TYPO3 bei fehlenden Sprachdatensätzen, konfigurieren.

TYPO3 und Mehrsprachigkeit

TYPO3 bietet ja bekanntlich sehr flexible Möglichkeiten um die Internationalisierung (gerne mit I18Y abgekürzt) umzusetzen. Prinzipiell kann auf Seitenebene mit der Option config.sys_language_mode gearbeitet werden. Diese gibt an wie mit der Seite umgegangen wird. So kann zum Beispiel per strict eine Fehlermeldung angezeigt werden wenn die Seite nicht verfügbar ist. content_fallback hingegen bietet die Seite dann in der konfigurierten default Sprache an.

Auf Inhaltsebene werden per config.sys_language_overlay = 1 nach Übersetzungen gesucht, aber immer alle Elemente angezeigt -- notfalls eben in der default Sprache. Mit dem Wert hideNonTranslated wird nicht übersetzter Inhalt hingegen versteckt. Das sind nur die beiden wichtigsten Einstellungen und selbst deren Funktionen habe ich hier nicht gänzlich abgedeckt. Es existieren noch viele weitere Möglichkeiten (wie etwa config.sys_language_softMergeIfNotBlank), aber der Teil hier langt zum Verständnis. Schaut euch die untenstehende Linksammlung an, dort erfahrt ihr mehr.

SQL Anweisung für Mehrsprachige Extensions

Um das oben beschriebene Verhalten auch in eigenen Extension möglich zu machen sollte man darauf achten mehrsprachige Datensätze korrekt aus der Datenbank holen. Zuerst holt man sich die Standardsprache aus der Datenbank. Das macht man normalerweise mit mit der WHERE Bedingung sys_language_uid = 0.Findige TYPO3 User schaffen es aber auch einen Datensatz anzulegen, ohne vorher die Default-Sprache anzulegen. Um diesem Umstand vorzubeugen ändern wir die SQL Anweisung auf folgende Bedingungen ab: Standard-Sprache ODER den übersetzten Datensatz (der dann aber kein parent Element haben darf).

, Es folgt eine normale TYPO3 DB Abfrage. Anschließend testen wir auf eine valides Array, ob wir eine andere Sprache überhaupt benötigen und ob die Konfiguration für den localization mode (wie er oben kurz erläutert wurde) vorhanden ist. Wenn ja, ereledigt TYPO3 den Rest: den Overlay-Datensatz mit der gewünschten Sprache ziehen, um damit den vorhandenen (alten) Datensatz ganz oder teilweise zu ersetzen bzw. die row zu löschen. Letzteres müsste evtl. bei gesetzter hideNoneTranslated Option gemacht werden. So erhalten wir genau die Datensätze die wir brauchen und können die Ausgabe / Weiterverarbeitung angehen.

Hinweise

Gegebenenfalls muss sys_language_uid im select mit $TCA[$table]['ctrl']['languageField'] ersetzt werden (global $TCA; Anweisung nicht vergessen!). Ist aber im Normalfall nicht nötig. Eine Problematik bleibt bestehen: Wenn der Standard-Datensatz versteckt wurde, kann keine Übersetzung gefunden werden (auch wenn diese nicht versteckt ist und angezeigt werden soll). Hier wäre generell das "mehrere Seitenbaumäume Prinzip" für vorzuziehen.Eine andere Möglichkeit wäre es die enableFields Anweisung wegzulassen und erst die fertige (bereits mit getRecordOverlay bearbeitete) row manuell auf hidden, deleted, Gruppen und Zeit zu prüfen.

Referenzen:

Wie immer freue ich mich über Feedback und Hinweise. Wenn ich kann helfe ich auch gerne, eine Antwort ist euch in jedem Fall sicher.

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

jQuery ARIA with browser history support: tabs, lightbox and sortable tables

Felix Nagel — So, 06 Jun 2010 19:49:06 +0200

A few month ago I received some requests about adding browser history support and browser title support to my jQuery ARIA widgets. As this would be nice feature for both, usability and accessibility, I allocated some time to get this done. I quickly realized I should use a already further developed third party add-on as the needed functionality isn't trivial business. After some research via Google and a few tests with other extensions for adding history support I stumbled upon jQuery Address by Asual and started testing it. In my opinion its the best one out there, so here we are:

New Features

The jQuery Address plugin provides powerful deep linking capabilities and allows the creation of unique virtual addresses that can point to a website section or an application state. jQuery Address supports:

Bookmarking in a browser or social website

Sending links via email or instant messenger

Finding specific content using the major search engines

Utilizing browser history and reload buttons

(from http://www.asual.com/jquery/) Usability is improved as your browser title and address bar is changing when using my applications. So please give it a try and change the URL in the address bar yourself when using this...

Demos

How to add jQuery Address support

Get the latest master branch commit (as for the moment only the master branch supports jQuery Address). Inlcude jQuery Address:, As you can see above its possible to pass some parameters to jQury Adress, please take a look here. This is not needed! Thats it, JQuery Address support is enabled by default but you can set some options to change the behaviour within my widgets:,Download and GitHub project page Download @GitHub Project page @GitHub Wiki @GitHub

Issues @ GitHub

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

Cleanternet ? for a cleaner and safer Internet

Felix Nagel — Sa, 24 Apr 2010 13:37:00 +0200

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

jQuery Accessible Rich Internet Applications jetzt für jQuery 1.4 und UI 1.8

Felix Nagel — Do, 22 Apr 2010 21:08:00 +0200

Schon seit einigen Monaten steht fest das mit der neuen Version des Java-Script Frameworks jQuery und dessen Widget Palette jQuery UI einige Anpassungen an eigenen Scripten erfolgen muss. Mit dem final Release von Version jQuery 1.4.2 und UI 1.8 habe ich endlich das Ergebnis meiner Diplomarbeit modifiziert.

Im folgenden ein kleiner Erfahrungsbericht vom Upgrade auf jQuery 1.4.2 und jQuery UI 1.8. Die Links dürften gut als Tutorial dienen.

Die ersten Anpassungen wurden bereits vor einiger Zeit gemacht. Zusammen mit einem dicken Update für das Formular Widget wurde das von meinem Arbeitgeber Paints Multimedia GmbH in Hamburg gesponsert.

Update von jQuery 1.3.x auf jQuery 1.4.x

Nachdem ich alle in jQuery 1.4.x geänderten Funktionen überprüft habe und daraufhin einige Tests gemacht habe, konnte ich erst mal keine Fehler erkennen. Lediglich das Auslesen der veschiedenen Formulartypen bzw. deren Events in allen relevanten Browsern (IE6-8, Chrome, Opera, FF 2-3) hat mir etwas Ärger gemacht. Da scheint mir noch etwas Klärungsbedarf die jQuery Doku betreffend. Hier war die Übersicht zu den Events bei quirksmode.com sehr hilfreich.Mehr Änderungen waren in meinem Fall nicht nötig.

Update von jQuery UI 1.7,x auf 1.8.x

Anfangs durch einfaches testen und noch ohne den sehr hilfreichen Upgrade Guide. Fragt nicht wie lange ich gebraucht habe um zu checken das ich die defaults einfach in die options kopieren muss.Die Änderung von _init() zu _create() ist obligatorisch da beide zu Anfang aufgerufen werden, aber _init wird jetzt aber auch nachträglich durch Aufruf des Widgets ohne Parameter aufgerufen. Anscheinend hat sich aber auch an der Sichtbarkeit der internen variablen (options) etwas geändert. Die Lightbox wollte sich im Gallery Modus nicht mehr bewegen. Lag offensichtlich daran das unter innerhalb von jQuery oder in der UI widget factory Änderungen gemacht wurde. Auf jeden Fall war beim Aufruf des Widgets über den Trigger "a.css-class" die Variable options.imageArray für alle Bilder der Serie sichtbar. Bei den neuen Versionen war dies nicht mehr der Fall. Ich habe das nirgendwo dokumentiert gefunden, was mich etwas wundert *.Jetzt nutzt die Extension einen festen Kontext (den body oder einen wrapper um die Bilder, je näher desto performanter) und Event Bubbling. Umgesetzt durch die jQuery Funktion closest().

Zum Projekt:

jQuery Rich Internet Applications @ GitHub.com* Fragen und vor allem Anregungen nehme ich sehr gerne Entgegen. Vor allem zum Thema mit der variablen Sichtbarkeit, das ist mir noch nicht 100% klar. Testen kann man das einfach wenn man den legacy Branch (für die alten Query Versionen) mit den neuen jQuery Core Dateien testet.

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

TYPO3: innerhalb von Extension Modulen bestimmte Funktionen deaktivieren

Felix Nagel — So, 02 Mai 2010 12:35:56 +0200

Viele Extensions in TYPO3 bieten ein Modul im Backend an um zum Beispiel Datensätze zu betrachten oder um Konfigurationenzu erstellen. Die meisten dieser Module sind, wie zum Beispiel das TemplaVoila Seitenmodul, nur für Administratoren zugänglich.Allerdings gibt es auch Extensions die für einfache Redakteure nützlich sind. Hierzu gehören zum Beispiel Formular-Extensions wie powermail oder formhandler.Im Falle von formhandler ist das BE-Modul für normale User noch nicht ganz ausgereift. Es fehlen Möglichkeiten die Funktionen für einfache BE Redakteuere zu beschränken. Mit meinem kleinen Patch kann man den Zugriff auf Formulardaten bestimmter Seiten beschränken und die Ausgabe vorsortieren. Das Patch wurde für einen Kunden meines Arbeitgeber Paints Multimedia in Hamburg entwickelt.Um in einem Extension Modul eine Funktion (definiert durch die Selectbox rechts oben) zu deaktivieren kann man folgendes Snippet in die TSconfig des Users, der BE Gruppe oder der Seite einfügen: mod.web_txformhandlermoduleM1.menu.function.2 = 0 Dabei kann man sich an dem Namen des Moduls innerhalb der conf.php orientieren: $MCONF['name'] ='web_txformhandlermoduleM1'; Das Beispiel blendet die "Leere Tabelle" Funktion der Extension formhandler aus.Anders als in der offiziellen Anleitung beschrieben muss das array menu.function und NICHT menu.mode heißen.

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

T3Blog mit Wordpress Cumulus Tag Cloud

Felix Nagel — So, 11 Apr 2010 13:09:00 +0200

Eine der schönsten Tag Clouds für Blogs ist ganz eindeutig die Cumulus Tag Cloud Extension für Wordpress. Diese Extension wurde bereits als t3m_cumulus_tagcloud Extension für TYPO3 adaptiert. Um diese Erweiterung für meinen t3blog betriebenen Blog nutzbar zu machen war eine kleine Anpassung nötig, die ich hier gerne zur Verfügung stellen möchte.Ich habe die Änderungen an den Autor der cumulus tagcloud Extension weitergeleitet und hoffe er baut sie in eine der nächsten Versionen ein., Um die Größe der Tags innerhalb der Flash Applikation zu verändern müssen beim Aufruf der Methode tagCloud::getTagSizeLinear lediglich die beiden vorletzten Parameter veränbdert werden. In dem Beispiel markierern die 15 den min und die 40 den max Wert.Um das geänderte Plugin einzubinden muss lediglich auf einer t3blog Seite die Cumulus Tagcloud Extension eingebunden werden und die Option "Checkbox um News in der Tag-Cloud anzuzeigen" aktiviert werden.Ein Beispiel seht ihr auf der rechten Seite. Mein Snippet bezieht sich auf die Version 3.0.0 der t3m_cumulus_tagcloud Extension.

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

Skiurlaub Wagrain 2010

Felix Nagel — Mo, 22 Mär 2010 00:35:00 +0200

Ende Februar war ich mit einigen Freunden wieder im Skiurlaub. Wieder in die Palfenhütte in Wagrain (Österreich) -- wie auch schon letztes Jahr. Und genau wie letztes Jahr war auch dieses Mal die Anreise... sagen wir ungeordnet. Durch einen kleinen Stau von etwa 40km kamen wir geringfügig zu spät und haben den letzten Lift verpasst. Wir erinnern uns: die Palfenhütte liegt direkt an der Piste auf 1750m und ist nur per Ski oder Snowboard erreichbar. Ansonsten war der Urlaub erwartungsgemäß fantastisch. Wetter war sehr in Ordnung und die Hütte genauso gut wie in Erinnerung. Mit leicht geänderter Besatzung im Gegensatz zum Vorjahr und einigen Tagesgästen wurde uns auch nicht langweilig, Gesprächsstoff gabs immer. Verletzte gabs auch nicht -- abgesehen von Möbschs Skistöcken, die beim Fechten zu Bruch gegangen sind.Von eben diesem Urlaub sind jetzt die Bilder fertig. Zum Download im Loginbereich (Passwort bei mir oder unsere VZ Gruppe) und die entschärfte Onlineversion zum Anschauen für die Daheimgebliebenen.Übrigens sind wir dann nicht hoch gelaufen. Wir haben ein Taxi genommen. Eins mit 900 PS und mit einem Gewicht von 8 Tonnen. Es war großartig :-),

Update:

Es gab doch Knochenbrüche. Bene hat sich die Rippe gebrochen, das ist aber nicht gleich aufgefallen. Ihm geht's mittlerweile wieder besser...

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

ELENA stoppen!

Felix Nagel — Mo, 15 Mär 2010 21:55:00 +0200

Fast 35.000 Bürger haben am Bundesverfassungsgericht in Karlsruhe geklagt und die Vorratsdatenspeicherung zu Fall gebracht. Jetzt gilt es ELENA aufzuhalten.Wobei die Daten bereits seit Anfang des Jahres erfasst werden.Mit dem elektronischen Einkommensnachweis "ELENA" (ehemals auch JobCard) werden die Daten alle deutschen Arbeitnehmer zentral in einer Datenbank erfasst. Kritisiert wird u. a. die "Sammelwut": es werden viele Daten gespeichert die für den eigentlichen Zweck (Einkommenssteuernachweis) nicht benötigt werden (was genau alles? Siehe hier). Zum Beispiel sollen Gründe für Krankmeldungen oder Gewerkschaftszughörigkeit und Streikbeteiligung gespeichert werden. Freitextfelder (also einfach ein Textfeld in das ALLES eingetragen werden kann) bei Fehlzeiten oder Abmahnungen könnten bei der nächsten Bewerbung oder auf dem Arbeitsamt üble Konsequenzen haben. Auch ganz unverschuldet -- bislang besteht ein Widerspruchsrecht nur in der Theorie. QuelleWie bei allen großen Datenbanken ist die Gefahr des Missbrauchs hoch. Weitere Institutionen haben bereits Interesse an den Daten angemeldet. Der Datenschutz und die Sicherheitsstandards sind, wie bei allen staatlichen IT Projekten, miserabel, weil kein Kriterium. Der CCC schreibt dazu:

Technisch ist die Zugangskontrolle in der Applikation, also auf jedem einzelnen Behördenrechner geregelt ? eine förmliche Einladung zu unbefugtem Ausspähen. Eine ernstzunehmende Verschlüsselung, die unberechtigten Zugriff wirksam ausschließen würde, gibt es nicht. Quelle

Sieht man ins europäische Ausland (allen voran England) muss man klar sagen, dass ein Datenleck auf Staatsseite nicht nur wahrscheinlich, sondern lediglich eine Frage der Zeit ist.Wie auch bei der Gesundheitskarte gibt es außerdem keinen sinnvollen Grund die Daten zentral vor zuhalten, sondern erhöht lediglich das Missbrauchspotential und die Anfälligkeit der Sicherheitsmechanismen. Das ohnehin sehr hoch ist, bedenkt man die Vielzahl der beteiligten, ahnungslosen (sagen wir ungeschulten), nicht für Datensicherheit sensibilisierten Stellen und Personen.Unterzeichnet die Verfassungsklage:https://petition.foebud.org/ELENADie Aktion ist im Dunstkreis des Chaos Computer Club, der Piratenpartei Deutschland und einigen Datenschutzverbänden (Arbeits-Kreis Vorrat und FoeBud) entstanden. Hier gilt, wie auch bei der Vorratsdatenspeicherung und den Wahlcomputern: Wenn euch die Leute warnen, die die zugrunde liegende Technik entwickelt haben, hört ihnen zu!Außerdem unterstützen auch die Gewerkschaften Verdi und IG Metall die Klage. Verdi Vorsitzender Frank Bsirske rügt ELENA gar als ein "ursprünglich sinnvolles Projekt", dass jedoch "durch eine aberwitzige Datensammelwut ins absolute Gegenteil verkehrt" werde. Quelle

Mehr Infos unter:

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

Konzertfotografie in neuen Gefilden: Plastic People

Felix Nagel — So, 14 Feb 2010 19:53:00 +0200

Mein erstes Mal Konzertfotografie auf einem HipHop / DJ Event. Eingeladen hat mich mein Freund Kingsley, der bereits die Inna Di Dance Reihe in Hamburg etabliert hat. Diesmal waren unter Anderem folgende DJs mit dabei: DJ Haitian Star (aka Torch), DJ Dynamite (von Dynamite Deluxe) und DJ Mirko Mashine

Beschreibung laut Veranstalter:

Dieses Event ist das erste einer neuen Eventreihe in Hamburg, die sich zum Ziel gesetzt hat hochklassigen Hip Hop und Elektronische Musik auf einem Event zu vereinen.

Für mich war das Event 'Plastic People' am 12. Januar 2010 im Klubsen in Hamburg auch in nicht-musikalischer Hinsicht eine Veränderung. Zum ersten Mal konnte ich mein neues Objektiv (ein Tamron 17-50mm, f2.8udn Bildstabilisator) ausprobieren.

Hier gehts zu den Bildern:

'Plastic People' im Klubsen

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

beautyOfCode Syntax Highlighter als TYPO3 Extension veröffentlicht

Felix Nagel — So, 07 Feb 2010 16:47:00 +0200

Please click here for an English version of this article.

Seit diesem Wochenende ist meine erste TYPO3 Extension im TER verfügbar: beautyOfCode Syntax HighlighterDiese Extension nutzt das jQuery Plugin beautyOfCode von Lars Corneliussen um das mittlerweile recht bekannte Syntax Highlighter 2.0 von Alex Gorbatchev zu implementieren. Bekannt deshalb weil es von einigen Größen eingesetzt wird: wordpress.com, Aptana, Mozilla Developer Center, SitePoint und das Yahoo Developer Network gehören dazu.Der Quellcode wird XHTML 1.0 Strict kompatibel auf der Webseite eingebettet und per Java-Script gehighlighted. Die RegEx Anweisungen und die Stylesheets die für die verschiedenen Sprachen werden per lazy-loading nachgeladen.Es gibt einige nette Features wie Zeilenumbruch, Zeilen einfärben, Code einklappen, Tabulator Länge bestimmen und eine Toolbar, aber seht am besten selbst:, Dabei sind verschiedene Programmiersprachen (zur Zeit werden Actionscript 3, Bash, Shell, ColdFusion", C, C++, C#, CSS, Delphi, Pas, Pascal, Diff, Patch, Erlang, Groovy, Java, Java FX, Java-Script, Perl, PHP, Power-Shell, Python, Ruby on Rails, Scala, SQL, Typoscript, MySQL, Virtual Basic, .Net, XML, XSLT, XHTML und HTML mitgeliefert.) und visuelle Hervorhebungen (sogenannte Themes) verfügbar. Einige weitere Feauteres (Tabulator-Größe, Zeilenumbruch, Toolbar, etc.) können konfiguriert werden.Typoscript war bisher nicht verfügbar, dieser sogenannte Brush wurde von mir erstellt -- Feedback ist willkommen. Er basiert auf den Keywords einer UserLanguage Typoscript für Notepad++., Für Verbesserungsvorschläge bin ich jederzeit offen. Die Extension ist im Ter noch nicht in der aktuellsten Version verfügbar, kann aber weiter unten heruntergeladen werden. Dort findet sich auch der Typoscript Brush für SyntaxHighlighter 2.0.beautyofcode im TYPO3 Extension Ter,English Version beautyOfCode Syntax Highlighter (which is my first extension release into the TER) provides state-of-the-art syntax highlighting by using Java-Script. The jQuery plugin beautyOfCodbye Lars Corneliussen is used to implement Syntax Highlighter 2.0 by Alex Gorbatchev.RegEx files (so called brushes) and the CSS sytles (so called themes) are lazy-loaded (after the page has finished loading) Java-Script file. The following features are included: show gutter, customizable tab size, configurable label, collapse code, wrap lines, a toolbar ( with print in FE view, copy to directly to clipboard (via swf) and copy manually out of an pop-up).The following programming languages are available Actionscript 3, Bash, Shell, ColdFusion", C, C++, C#, CSS, Delphi, Pas, Pascal, Diff, Patch, Erlang, Groovy, Java, Java FX, Java-Script, Perl, PHP, Power-Shell, Python, Ruby on Rails, Scala, SQL, Typoscript, MySQL, Virtual Basic, .Net, XML, XSLT, XHTML and HTML.As the Typoscript brush did not exist for Syntax Highlighter 2.0, i created one myself (based upon UserLanguage Typoscript for Notepad++). As the current version isnt avaiable in the Ter yet, you can download both (the extension and the brush) below. beautyofcode im TYPO3 Extension Ter

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

Fehler durch Vimeo Flash Player

Felix Nagel — Di, 12 Jan 2010 21:07:00 +0200

Zwischen den Jahren war Groß-Reine-Machen angesagt. Zumindest was meine Computer angeht. Soll heißen ich hab meinen Laptop und den PC auf der Arbeit neu aufgesetzt.Interessanterweise hatte ich auf beiden ein Problem nach der Installation von Flash bzw. den Suiten (Adobe Creative Suite Design Stadard CS4 und Adobe Creative Suite Webdesign CS4). In Firefox, Google Chrome und dem InternetExplodierer kam folgende Fehlermeldung wenn ich ein vimeo Flash Video aufgerufen habe (egal ob auf vimeo.com oder woanders):Error #2044: securityError unverarbeitet. text=Error #2048: Verletzung der Sicherheits-Sandbox: http://assets.vimdeo.co/rev/1/flash/moogaloo_np.swf? ...Nachdem man der Browser kurz hängt und man das Fenster weggeklickt hat, läuft das Video ohne Probleme. Nervig ist das aber alle mal.Hier auch noch ein Screenshot Originalgröße, Der Fehler scheint ein typisches Zugriffsproblem innerhalb von Flash zu sein. Stichwort: Sandboxing.Der Fehler scheint mit der Installation von Flash (der reinen Runtime wie auch der Entwicklungsumgebung) zusammenzuhängen. Allerdings hat vimeo selbst auch was verbockt, denn der Error tritt nur bei vimeo auf. ,Lösung Trotz google konnte ich unter der Fehlermeldung keine Treffer landen. Erst eine allgemeinere Flash Fehler Suche hat mich auf diese Webseite geleitet:http://www.flashplayerfixer.com/flash-player-error-2044.php Die dort beschriebene, einfache Lösung aus Deinstallieren per Tool von Adobe und das erneute installieren hilft bereits.Beide Links gehen zu Adobe's Setup Paketen, aber ich musste Firefox auch nochmal installieren lassen. Übrigens kann Firefox das jetzt endlich im Dialog (ohne Neustart) -- also wirklich, das geht jetzt!

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.

Firefox Erweiterungen für Poweruser und Webentwickler: Teil III

Felix Nagel — Do, 14 Jan 2010 23:00:00 +0200

Erweiterungen für den Mozilla Firefox gibt es wie Sand am Meer. Hier sind meine persönlichen Lieblinge zur Produktivitätssteigerung und Webentwicklung. Außerdem stelle ich in diesem Blogpost die Add-On Collector Erweiterung von Mozilla vor, die einem das Entdecken von neuen, praktischen Addons sehr erleichtert.

Meine Addons

https://addons.mozilla.org/de/firefox/collection/felixnagelDiese Liste zeigt alle von mir installierten Addons an und wird in gewissen Abständen aktualisiert. Das geht übrigens automatisch.

Webentwickler Addons

https://addons.mozilla.org/de/firefox/collection/webdeveloper-productivityHier stelle ich von mir genutzte Webentwickler Erweiterungen vor. Diese Liste enthält gängige Standards wie Firebug und WebDeveloper, aber auch praktische Exoten wie Organize Search Bar (um der bei Entwicklern schnell anwachsende Zahl von Serach-Engines Herr zu werden, FlashSwitcher (zur Installation verschiedener Flash Versionen) oder den FirefoxThruttle (zur Begrenzung des Downstream).Besonders hervorheben möchte ich hier die mir neue It's All Text! Erweiterung, mit der jede Textarea mit deinem Standard Texteditor verändert werden kann -- einfach per Klick auf einen kleinen Button.

Neue Erweiterungen entdecken mit dem Add-on Collector von Mozilla

Seit einiger Zeit gibt es von Mozilla ein Addon namens Add-on-Sammler bzw.Add-on Collector.Mit diesem Addon für Firefox ist es möglich sogenannte Collections von Addons zu abbonieren bzw. zu veröffentlichen. Ich bite hier meine Addon Collections an, es gibt aber einen Haufen davon unter: https://addons.mozilla.org/de/firefox/collectionsDas Addon arbeitet eng mit der Addon-Plattform von Mozilla zusammen und soll helfen mehr Menschenan nützliche Addons heranzuführen., Um in den vollen Genuß der Vorteile zu kommen muss man sich allerdings anmelden und das Addon Collector installieren. Im Addon Fenster von Firefox gibt es dann einen neuen Reiter über den auf die Abonnements zugegriffen werden kann. Die oben genannte Erweiterungen-Webseite von Mozilla und das Addon in deinem Firefox sind stets synchronisiert, also einfach auf der Webseite Faven und meine Collection erscheint bei euch im Firefox.

Aufgrund von technischen Restriktionen gibt es hier leider keinen echten Full-Feed. Im Blog findet ihr dann auch Bilder, Videos und Code-Snippets.