Gefiltert nach Kategorie Webentwicklung Filter zurücksetzen

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

22. April 2010, Felix Nagel - jQuery, Accessibility, Open Source

© jQuey Logo: The jQuery Project

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.

 

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

T3Blog mit Wordpress Cumulus Tag Cloud

11. April 2010, Felix Nagel - TYPO3

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.

T3Blog mit Wordpress Cumulus Tag Cloud

beautyOfCode Syntax Highlighter als TYPO3 Extension veröffentlicht

07. Februar 2010, Felix Nagel - English, jQuery, TYPO3, Open Source

 

Please click here for an English version of this article.

  

Seit diesem Wochenende ist meine erste TYPO3 Extension im TER verfügbar: beautyOfCode Syntax Highlighter

 

Diese 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.

beautyOfCode Syntax Highlighter als TYPO3 Extension veröffentlicht

Firefox Erweiterungen für Poweruser und Webentwickler: Teil III

14. Januar 2010, Felix Nagel - Webentwicklung, Open Source

Firefox Logo

© Mozilla Foundation , Wikipedia

 

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.

Firefox Erweiterungen für Poweruser und Webentwickler: Teil III

Fehler durch Vimeo Flash Player

12. Januar 2010, Felix Nagel - Webentwicklung

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

Screenshot der Fehlermeldung
Screenshot der Fehlermeldung

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!


jQuery Accessible Rich Internet Application jetzt unter MIT Lizenz

10. Januar 2010, Felix Nagel - jQuery, TYPO3, Open Source

Features-jquery-aria

© jQuey Logo: The jQuery Project

Die Widgets meiner Diplomarbeit sind jetzt unter MIT Lizenz veröffentlicht. Diese Lizenz wurde vom Massachusetts Institute of Technology herausgegeben, dient der Veröffentlichung von freier Software und gilt als echte OpenSource Lizenz.

 

Dieser Schritt war notwendig um Kompatibilität zu den offiziellen jQuery UI Widgets zu schaffen. Aufgrund des Interesses des jQuery UI Teams an meinen Widgets haben sich Namics und meine Wenigkeit zu diesem Schritt entschloßen, um eine Verwendung durch jQuery zu ermöglichen.

 

Ich hoffe dadurch die Verwendung meiner Widgets voranzutreiben und die Barrierefreiheit von jQuery zu unterstützen.


TYPO3 reCaptcha Extension ohne JavaScript

07. Januar 2010, Felix Nagel - Accessibility, TYPO3

© TYPO3 Association , typo.org

Die reCaptcha Extension für TYPO3,  jm_ reCaptcha, hat leider keinen noscript Tag der das Ausfüllen bei Abgeschaltetem JavaScript ermöglicht.  Gemäß der Spezifikation von reCaptcha habe ich diese hinzugefügt. Das ganze ist noch ohne LL VAriablen aber ich habe den Bug / das Feature an die Entwickler weitergeleitet und hoffe es wird bald eingebaut.

TYPO3 reCaptcha Extension ohne JavaScript

Barrierefreie, sortierbare Tabellen mit jQuery

10. Dezember 2009, Felix Nagel - jQuery, Accessibility, Open Source, Studium

© jQuey Logo: The jQuery Project

Im vorerst letzten Blogpost, zu den während meiner Diplomarbeit bei Namics entstandenen  jQuery Accessible Rich Internet Appllications, stelle ich sortierbare Tabellen vor. Mit dem Widget lassen sich standardkonforme HTML Tabellen sehr einfach um einige nützliche Funktionen erweitern oder man nutzt es als Grundlage komplexer Anwendungen in denen tabellarisch Daten dargestellt werden.

Barrierefreie, sortierbare Tabellen mit jQuery

jQuery UI Tabs made accessible

29. November 2009, Felix Nagel - jQuery, Accessibility, Open Source, Studium

© jQuey Logo: The jQuery Project

Zeit für Post 3 in meiner Reihe über jQuery Accessible Rich Internet Applications im Zuge meiner Diplomarbeit: Accessible Tabs

 

jQuery UI stellt bereits ein sehr mächtiges UI Widget für Tabs zur Verfügung und so war für mich schnell klar das ich dieses erweitern und verbessern will. Nachdem ich verschiedene Methoden zur Erweiterung vorhandener Klassen in jQuery durch hatte und diese alle nicht hinnehmbare Probleme mit sich brachten, entschied ich mich dafür relativ schlicht die Funktionen zu überschreiben und die Originalmethoden vor meinen Änderungen aufzurufen.

jQuery UI Tabs made accessible

Barrierefreie jQuery Lightbox nach WAI ARIA und WCAG 2.0

23. November 2009, Felix Nagel - jQuery, Accessibility, Open Source, Studium

© jQuey Logo: The jQuery Project

Im zweiten Teil meiner kleinen Reihe geht es um einen, mittlwerweile, alten Bekannten: die Lightbox. Ich stelle hier meine barrierefreie Variante auf Basis der jQuery UI Widget Factory vor, die im Rahmen meiner Diplomarbeit bei der Firma Namics entstand.

 

Achtung: Diese Anleitung bezieht sich auf die jQuery 1.3.x bzw. jQuery UI 1.8.x Variante meines Scripts. Im Gallerie-Modus sind jetzt geringfügige Änderungen nötig.

 

Barrierefreie jQuery Lightbox nach WAI ARIA und WCAG 2.0