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

Please click here for an English version of this article.

Screenshot in Originalgröße

Meine Addons

Webentwickler Addons

Neue Erweiterungen entdecken mit dem Add-on Collector  von Mozilla

Weitere jQuery Widgets aus meiner Diplomarbeit:

• Barrierefreie Live Validierung von Formularen mit jQuery
• Barrierefreie jQuery Lightbox nach WAI ARIA und WCAG 2.0
• Barrierefreie, sortierbare Tabellen mit jQuery

• CSS Klasse und rufen diese als Galerie auf. Um eine Galerie an Bildern anzusteuern muss die Option imageArray als leeres Array definiert werden.,Lightbox JS

  
  $(function() {		
  	$(".seriesLightbox").ariaLightbox({
  		imageArray: [],
  		useDimmer: true,
  		background: "#000000",
  		zIndex: 1000,
  		background: "black",
  		opacity: 0.8,
  	});	
  });		
  
  

  , Um einen der Unterschiede zu anderen Plugins hervorzuheben, möchte ich an dieser Stelle etwas des Code zeigen. Beim Abändern von bestehenden jQuery oder MooTools Lightbox-Plugins hat mich immer geärgert, dass ich mich in kaum lesbaren Code einarbeiten musste, an dem an dutzenden Stellen divs mal per JS erzeugt, mal als String hardgecoded wurden, um schließlich und schlußendlich einen komplexen HTML Aufbau raus zu rendern. Das wollte ich besser machen – Anpassungen sollten einfach von der Hand gehen. Also steht der gesamte injizierte Teil beisammen (bereinigt um reine Darstellungseigenschaften und Elemente):,lightbox injected HTML

  
  // build html 
  var html = "\n";
  html += '
  '+"\n";
  html += '	'+ options.titleText +''+"\n";
  html += '	'+"\n";
  html += '		'+ options.closeText +''+"\n";
  html += '	'+"\n";
  html += '	
  '+"\n";
  html += '		
  '+"\n";
  html += '		
  '+"\n";
  // show pager and rage description if its an array of images
  if (options.imageArray) { 
  html += '		
  '+"\n";
  html += '		
  '+"\n";
  html += '			nächtes Bild'+"\n";
  html += '			vorheriges Bild'+"\n";
  html += '		
  '+"\n";
  }
  html += '	
  	'+"\n";
  html += '
  '+"\n";	
  
  

  , Das ist jetzt nur ein kleines Beispiel – aber es soll zeigen das ihr in meinem Code keine kaum lesbaren, geschweige denn kaum verständliche Konstruktionen finden werdet, aber trotzdem performanten Code vor euch habt.,Demo und Download Lightbox Demo Download @ GitHub Wiki @ GitHub Wie auch schon die Live Formular Validierung steht auch dieses jQuery UI Widget unter CC-BY-SA Lizenz und darf somit auch kommerziell verwendet werden. Ich verbessere diese Applikationen laufend und freue mich deshalb sehr über Feedback in jeglicher Form: Per Kommentar auf diesen Blogpost oder Email, Issues (Bugtracking) oder in der jQuery Accessibility Group.

  Weitere jQuery Widgets aus meiner Diplomarbeit:

  • Barrierefreie Live Validierung von Formularen mit jQuery
  • jQuery UI Tabs barrierefrei erweitern

   

  • Sortierbare, barrierefreie Tabellen mit jQuery

  ,

  ]]> Felix Nagel http://www.felixnagel.com/blog/artikel/2009/11/16/barrierefreie-live-validierung-von-formularen-mit-jquery/ http://www.felixnagel.com/blog/artikel/2009/11/16/barrierefreie-live-validierung-von-formularen-mit-jquery/ Mo, 16 Nov 2009 21:39:00 +0200 , Im Zuge meiner Diplomarbeit bei der Full Service Internetagentur Namics habe ich einige barrierefreie Applikationen für jQuery entwickelt die den Richtlinien der W3C WCAG 2.0 und ARIA entsprechen. , Im Zuge meiner Diplomarbeit bei der Full Service Internetagentur Namics habe ich einige barrierefreie Applikationenhttp://jqueryui.com/ für jQuery entwickelt die den Richtlinien der W3C WCAG 2.0 und ARIA entsprechen. Eine theoretische Ausarbeitung zur Entwicklung dieser Applikationen und der dazugehörigen Theorie findet ihr in meiner Diplomarbeit. Die dort enthaltenen Hintergrundinfos können wertvolle Argumentationshilfen sein. Die 4 Widgets (Live Validierung, Lightbox, Tabs, sortierbare Tabellen) werde ich in diesem und folgenden Posts vorstellen. Den Anfang macht die Live Formular Validierung. ,Fakten aller Widgets
  • WAI WCAG 2.0 und WAI ARIA konform
  • Workaround für alte Screenreader
  • Wiki und kommentierter Quellcode (Englisch)
  • Genaue Beschreibung in meiner Diplomarbeit
  • Inklusive minifizierter Version
  • Funkioniert out-of-the-box, aber trotzdem einfach zu erweitern
  • jQuery UI Theme Switcher kompatibel

   

  • Getestet mit Firefox 2+, Internet Explorer 6+, Safari 3
  • Gecoded im Einklang mit jQuery UI API Developer Guide und UI CSS Framework
  • Basierend auf validem XHTML 1.1 Strict und CSS 2.0 sowie jQuery 1.3.2 und jQuery UI 1.7.1

  , Natürlich müssen wie üblich die nötigen Scripte geladen werden. Auf die Einbindung von CSS verzichte ich in diesem Beispiel.,How To Man nehme eine valide Tabellenstruktur und versehe alle Formularelemente mit IDs und Labeln. Wenn Feld und Label oder die Fehlermeldung anders angeordnet werden sollen, können im gut durchkommentiertem Quellcode einfach Anpassungen vorgenommen werden. Weiterentwicklung auf diesem Gebiet ist bereits geplant.,Live Formular Validierung Das Widget bietet die Möglichkeit die Daten per AJAX (auch Dateien) oder, nativ, per POST zu versenden. Neben den Standard Validierungspattern wie Email, URL, Datum, Länge, Pflichtfeld und Vergleich mit anderen Feldern können sehr einfach eigene RegEx Pattern oder völlig eigene Validierungsfunktionen definiert werden. Auch eine Möglichkeit Captchas einzubauen wurde integriert. Zur Kommunikation mit anderen Komponenten können Callbacks und (pseudo) öffentliche Funktionen genutzt werden. Ich nutze hier ARIA Eigenschaften, werft einen Blick in Firebug. Komplette Feature Liste bei GitHub ,Tabellen HTML [xml]

  Felder mit einem,Tabellen Widget JS

  
  , Die Konfiguration des Widgets erfolgt in Form eines verschachtelten Arrays innerhalb des forms Array. Die ID des Formularelements wird als index genutzt. Jedes so definierte Array muss wiederum ein rules und ein msg Array enthalten. Für jede Validierungsregel in rules muss eine Fehlernachricht in msg definiert werden. Werfe einen Blick ins Wiki oder die js Datei für um alle Funktionen kennenzulernen. Weitere Optionen können wie bei jQuery gewohnt gesetzt werden.,Demo und Download Dieses und alle anderen Widgets sind über GitHub verfügbar. Dort ist auch das Wiki und eine Art Bugtracking. Komplexere Demo im PopUp jQuery Accessible RIA auf GitHub Das ganze steht unter einer Creative Commons BY-SA Lizenz, kann also auch kommerziell benutzt werden. Kommentare (bei der ihr auch eine Live Demonstration erleben könnt) sind sehr willkommen. Erste Verbesserungen sind bereits eingeflossen!

   Weitere jQuery Widgets aus meiner Diplomarbeit:

  • Barrierefreie jQuery Lightbox nach WAI ARIA und WCAG 2.0
  • jQuery UI Tabs barrierefrei erweitern
  • Sortierbare, barrierefreie Tabellen mit jQuery

  ,Tabelle JS einbinden

  
  

  ]]> Felix Nagel http://www.felixnagel.com/blog/artikel/2009/11/14/website-relaunch/ http://www.felixnagel.com/blog/artikel/2009/11/14/website-relaunch/ Sa, 14 Nov 2009 22:54:00 +0200 , Es ist geschafft -- das fremdschämen hat ein Ende. Die Seite steht soweit und ich kann fürs erste keine Fehler erkennen. Wenn ihr welche finden sollt, schreibt mir bitte. Zur Zeit habe ich noch P , Es ist geschafft -- das fremdschämen hat ein Ende. Die Seite steht soweit und ich kann fürs erste keine Fehler erkennen. Wenn ihr welche finden sollt, schreibt mir bitte. Zur Zeit habe ich noch Probleme mit den Downloadlinks. Irgendwie will er mir die Dateien nicht direkt ausliefern. Wenn sich jemand mit TYPO3 und den Extensions DAM, dam_filelinks, cssfilelinks auskennt würde ich mich über etwas Hilfe freuen.

  Außerdem sind noch nicht alle Funktionen ganz durchgetestet und evtl. noch etwas buggy.

    Dazu zählen zumindest:

  • Kontaktformular
  • Kommentarfunktion Blog
  • Arikel abonnieren Blog
  • Newsletter Miranda
  • Trackback (Kann jemand mal einen setzen?)

  Ich bin dran. Sollte das WE durch sein. Dann sollten auch die CSS und JS Dateien minifiziert ausgeliefert werden. Bitte beachtet das diese Seite komplett Tastaturbedienbar sein soll ist. Ohne Java-Script ist alles semantisch korrekt umgesetzt. Mit JS lassen sich die Navigation sowie die Gallerien per Tastatur steuern. Ich arbeite noch an ARIA Landmarks und weiteren Verbesserungen die Accessibility betreffend. Die internen Downloads haben ab sofort einen richtigen Login. Viel Spass, Kommentare sind sehr erwünscht. Vor allem was Fehler, Geschwindigkeit des Seitenaufbaus und Accessibility angeht.

  ]]> Felix Nagel http://www.felixnagel.com/blog/artikel/2009/02/07/in-flames-we-trust/ http://www.felixnagel.com/blog/artikel/2009/02/07/in-flames-we-trust/ Sa, 07 Feb 2009 18:42:00 +0200 In Flames Desktophintergrund ...in verschiedenen Auflösungen. Um genau zu sein in 280x1024, 1280x800, 1024x768, 1920x1200 Pixeln. Also für Breitbild und normal. Hatte lange keine Zeit um hier was z

  In Flames Desktophintergrund

  ...in verschiedenen Auflösungen. Um genau zu sein in 280x1024, 1280x800,  1024x768, 1920x1200 Pixeln. Also für Breitbild und normal.
  Hatte lange keine Zeit um hier was zu posten. Viel um die Ohren wegen der Vorbereitung auf meine Diplomarbeit, einige Unannehmlichkeiten ala Handy geklaut und Laptop kaputt (goddamn!). Außerdem hab ich jetzt wieder jemanden an meiner Seite und muss mir auch noch ne neue Wohnung suchen. Abgesehen davon geht die Debut CD von Existence Failed (für dich das komplette Artwork erstelle) bald in die Presse. Viel zu tun, viel zu tun. Nichts desto trotz hab ich mal wieder ein neus Wallpaper gebraucht. Also gesagt getan. Ladet es euch hier runter: http://re-aktor.deviantart.com/art/In-Flames-we-trust-112108078 Und wenn ihr schon da seit, schaut auch in meine anderen kreativen Ergüsse rein: http://re-aktor.deviantart.com/gallery/ ,

  ]]>