Zur Zeit wird gefiltert nach: Webentwicklung
Filter zurücksetzen
07.01.201021:38

TYPO3 reCaptcha Extension ohne JavaScript

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.

Ganzen Artikel lesen

10.12.200914:10

Barrierefreie, sortierbare Tabellen mit jQuery

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.

Ganzen Artikel lesen

29.11.200919:57

jQuery UI Tabs made accessible

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.

Ganzen Artikel lesen

23.11.200922:45

Barrierefreie jQuery Lightbox nach WAI ARIA und WCAG 2.0

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.



Ganzen Artikel lesen

16.11.200921:39

Barrierefreie Live Validierung von Formularen mit jQuery

Im Zuge meiner Diplomarbeit bei der Full Service Internetagentur Namics habe ich einige barrierefreie Applikationen für jQuery entwickelt die den Richtlinien der W3CWCAG 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.

Ganzen Artikel lesen

15.02.200915:38

Die besten Firefox Addon's für Webdesigner

Mozilla Firefox Logo

Mozilla Firefox Logo

Firefox lässt sich einfach und schnell mit vielen Funktionen erweitern. Gerade als Webdesigner, Frontender oder Developer braucht man davon eigentlich einen ganzen Satz. Hier meine Lieblinge. Egal ob es darum geht Wireframes zu zeichnen, per FTP Daten zu übertragen, Flash Versionen zu testen, Testing, Barrierefreiheit oder einen anderen Browser aufrufen. Alles lässt sich schneller und praktischer machen...Kommentare und Ergänzungen sind mehr als erwünscht!

Ganzen Artikel lesen

01.12.200811:38

Bloggen mit Typo3

Vielen ist sicherlich die einzige (bis dato) Lösung zum bloggen mit Typo3 bekannt. Namentlich TimTab. Leider ist diese Extension nicht nur schwierig zu installieren sondern hat auch unzählige Bugs und Probleme. Fehlende Bilder im RSS Feed und keine Funktion von Trackbacks wenn xhtml_clean für sauberen Quellcode aktiviert ist.

Das Problem sahen auch die Jungs von Snowflake und entwickeln seit geraumer Zeit eine "Out-of-the-Box" Blogging Extension. Und von eben dieser ist jetzt ein initial Release im TER verfügbar. Sieht gut aus, das ganze: Anständige Doku, netter Funktion Umfang auch ohne zusätzliche Extensions. Wirkt insgesamt durchdachter als TimTab, auch weil das Bloggen nicht dazugefrimelt wurde, sondern mit Modulen eine nutzbare Lösung bietet. Einige Features sind noch nicht ganz ausgereift (z.B. SPAM) oder hätten anders umgesetzt werden können (Kommentare werden innerhalb der ext verwaltet anstatt auf eine der vielen bestehenden Lösungen wie ve_guestbook oder comments zurückzugreifen).

Getestet wird das ganze auf jeden Fall mal, auch wenn eine Import Funktion für TimTab und kommentare noch fehlt, was die ext für einen live Einsatz auf meiner eigenen Pageerstmal untauglich macht.

 

 

Webseite von snowflake

 

www.snowflake.ch/de/leistungen/typo3-extensions/t3blog/

 

Extension im TER

 

typo3.org/extensions/repository/view/t3blog/current/

 

10.09.200820:10

Typographie im Internet

Screenshot Typtester.org

Screenshot Typtester.org

Typografie ist ja im www immer so eine Sache: die Möglichkeiten sind wirklich begrenzt und der Kunde trotzdem oft anspruchsvoll. Für gewöhnlich eine Gradwanderung zwischen Machbarkeit und Ästhetik.

Typetester hilft sich für die richtige Typo zu entscheiden indem es das Vergleichen stark vereinfacht. In drei Spalten kann man live und mit allen Möglichkeiten die einem HTML zur Verfügung stellt an den Fonts herumspielen bis man das perfekte Schriftbild gefunden hat.


sifr3 geht noch einen Schritt weiter. Es ersetzt (absolut Suchmaschinen freundlich!) bestimmte HTML Tags mit einem kleinen Flashfilm - in der eine gewünschte Schriftart angezeigt wird. Hört sich einfach und genial an - ist es auch!

 

Sogar Schlagschatten und ähnliche Efrfekte sind ohne weiteres möglich - sofern mind. Adobe Flash 8 auf dem Client installiert ist. Funkioniert in allen halbwegs anständigen Browsern (IE6+, FF2+, Opera, etc.) und benötigt JavaScript und Flash.

 

http://www.typetester.org

11.08.200814:30

6. Semester Material

Habs geschafft das bisschen vom 6. Semester hochzuladen. 

Im Prinzip ist das aber ohnhin nur das bereits präsentierte WP Foto Projekt "Konzertfotografie Unleashed Emotions" und unsere (Adrian Damm und ich) Arbeit für Dokumentverwaltung im Internet. 

 

Hierbei haben wir eine Anleitung (anhand einer Webseite) geschrieben mit Hilfe dessen das einbinden von RealUrl für Typo3 keine Schwierigkeiten bereiten sollte.

 

Das 5. Semester mit einigen mehr Sachen muss ich noch mehr Vorbereiten...

25.07.200802:54

Unleashed Emotions

Unser FH Projekt Fotografie ist fertig!

 

 

Unser Projekt stand unter dem Namen UNLEASHEDEmotions. Die Idee war nicht nur die Bands vom Mach1 Festival 2008, sondern auch das Publikum, eben dessen Emotionen, abzulichten. Außerdem ist diese Seite auch eine Art HowTo zum Thema Konzertfotografie.

Das Projekt enstand im Rahmen unseres Fotokurses an der Fh Friedberg bei Herrn Schmidt.

 

Angefertigt wurden die Fotos, sowie diese Webseite Mattias Rosenthal und von mir.

 

Du findest auf der Webseite:

  • die üblichen Konzertfotos
  • Bilder aus dem Pogo / Pit und am Graben
  • Alle Bilder mit kompletten Exif Daten (Belichtungszeit, Blende, ...)
  • Tips und Tricks zu Konzertfotografie
  • misslugende Bilder + Erläuterung was schief lief
  • Info's zu unserer Ausrüstung
  • Hinweise zur Nachbearbeitung

 

Konzertfotografie auf dem Mach1 Festial