(c) lindenblatt-records.de

Umzugsbedingt ziemlich verspätet hier nun endlich ein Hinweis auf mein Hörspiel Review zum zweiten Teil der Gebrüder Thot Reihe von Stefan & Thomas Lindner (u.a. Schandmaul).

Zum Review auf The-Pit.de

Hier noch der Trailer:

I've tested Chrome Beta for about 45 days as my most important web development tool.

• Spell   check   is   unusable  with two or more languages
• No FF like sidebar
• No POST for search engines
• Bookmarks sorting is not snyced
• No ruler elements for bookmarks orga
•  Chrome's development tools are not as good as Firebug
• No sync of search engine keywords
• Snyc breaks continuous with Chrome updates
• Sync is unreliable and feels slow
• Some websites wont work periodically (for example Zimbra's webinterface)
• No Firefox like Panorama (Tab Candy) functionality
• Adblock extensions are unreliable and less feature rich
• Bookmark URL tooltip is not shown for non first level bookmarks
• Every extension has its own UI
• Quix.com Bookmarklet wont work 

 

Please note: there is a way to  switch off JS on the fly  when using beta channel.

(c) www.typo3.org, CC BY-ND 2.5

My new TYPO3 extension  "Plupload for FE"  (EXT: pluploadfe ) provides an API for using  Plupload  within your own extensions. Plupload is a highly usable and advanced upload handler.

Basically I've implemented an eID to handle file uploads managed by simple configuration records. You are able to build whatever is possible with Plupload by using TypoScript and template files.

Cite from  http://www.plupload.com/ :

Plupload allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.

The developers of  TinyMCE  brings you Plupload, a highly usable upload handler for your Content Management Systems or similar. Plupload is currently separated into a  Core API  and a  jQuery upload queue widget  this enables you to either use it out of the box or write your own  custom implementation .

The extension additionally provides a simple FE plugin. The demo template provides a nice  jQuery   UI  widget which uses the best technology available on clientside. 

An API example to upload files and send download links via email is available in TER, search for  EXT:mailfiles .

Plupload for FE is available in the TYPO3 TER

(c) www.typo3.org, CC BY-ND 2.5

Meine neue TYPO3 Extension  deletefiles  löscht per Scheduler Task automatisch Dateien und Ordner. Perfekt um Wartungsprozesse zu automatisieren oder den Datenschutz zu verbessern.

Deletefiles  löscht per Cronjob (genauer einem Scheduler Task, verfügbar seit TYPO3 4.3) in vorgegebenen Intervallen alte Dateien und Ordner. Man kann dabei zwischen verschiedenen Modi wählen (einem gesamten Ordner, nur Dateien, nur Ordner, Ordner und Dateien, Ordner und Dateien mit rekursiver Prüfung) und das minimale Alter konfigurieren.

Ursprünglich wurde die Extension für den Kundenbereich der Webseite der väterlichen  Druckerei Nagel  entwickelt und mithilfe meines Arbeitgebers  Paints Multimedia GmbH  weiter verbessert und ausgebaut. 

Die Extension ist im TER verfügbar:

deletefiles im TER

Kommentare bitte hier oder per  Mail .

Mikael Stanne von Dark Tranquillity beim Neckbreaker's Ball IV in Hamburg, © Tibor Weiß / The-Pit.de / tibor-weiss.de

Beim Neckbreaker's Ball IV in der Markthalle Hamburg habe ich für meinen Kollegen Tibor Weiß den Konzertbericht zum Headliner  Dark Tranquillity  übernommen.

Hier gehts zu Bericht und Fotos: 

Kompletter Konzertbericht und Fotos

Konzertbericht Dark Tranquillity

Subway To Sally am 26. Oktober 2011 in den Docks Hamburg, © Felix Nagel / www.felixnagel.com

Ende Oktober durfte ich mit dem Kollegen Tibor Weiß von the-pit.de Subway To Sally in den Docks auf der Reeperbahn fotografieren. Sehr gelungener Abend mit reichlich Feuer und einer guten Setlist.

Mein persönlicher Höhepunkt, neben den wie immer genialen StS, war aber die Supportband: Nachtgeschrei aus Frankfurt. Derzeit gibts meiner Meinung nach nichts besseres in Sachen Mittelalterrock und schon lange versuche ich ein Konzert dieses Juwel zu besuchen.

Bei Nachtgeschrei durfte die Fotografenmeute leider nicht in den Graben aber ich denke es kamen trotzdem einige recht gute Bilder dabei raus:

Subway To Sally in den Docks Hamburg

(c) The jQuery Project

Today I released a new tagged version of my Selectmenu widget forked from the Filament Group . This update includes a bunch of small fixes & improvements and a couple of new features:

• get rid of some positiong and browser jumping issues (hopefully)

• a new, more cleaner type ahead version which now supports both prefix matching and first letter cycling ('typeAhead' option now became the default delay)
• supports empty options
• now uses  jQuery 1.6.2 and jQuery UI 1.8.16.

See the full list of closed issues or the commit history .

Grab the code on GitHub:

Felix Nagel jQuery Selectmenu Fork

Make sure you check out the new, built from scratch version of Selectmenu which uses the jQuery UI 1.9.x widgets Button and Menu.

(c) www.typo3.org, CC BY-ND 2.5

The TYPO3 extension Seminars uses Formidable for rendering forms and some Java-Script wigdets. We're using jQuery for all our JS based scripting and jQuery UI for a few User Interface related purposes. To achieve a consistent look for all JS UIs we wanted to change the pretty unusable and unsexy looking default DHTML Calendar of formidable with the jQuery UI one. 

As the default jQuery UI Datepicker does not support time selection I've added the jQuery Timepicker Addon .

To change the hardcoded formidable rendering I've implemented an own renderlet based upon the example renderlet extension by Jerome Schneider.

I released my resulting extension to the TER as I was asked so in the Mailinglist . Please give feedback or ask a question via email or (better) as a comment down below.

Formidable DATE Renderlet with jQuery support

(c) The jQuery Project

Over a year has passed since I took over the development of Filament Groups Selectmenu plugin for jQuery UI . Since then we made huge changes to the original code base. 130 issues and about 20 pull request have been closed. A couple of new features have been added, too.

A few month ago Jörn from jQuery UI contacted me and asked if I would be able to help pulling my Selectmenu branch to the official jQuery UI repo. I agreed but we decide to build a new version from scratch as the old one has a pretty unclean code base and would need some refactoring anyway.

Based upon jQuery UI Menu and jQuery UI Button the new Selectmenu widget will seamlessly integrate in a few new widget coming soon.

Get the sourcecode at GitHub and make sure to check the Wiki for ToDos and specification:

Selectmenu Branch @ GitHub

Selectmenu @ jQuery UI Wiki

Check out the demo below and give some feedback!

(c) www.typo3.org, CC BY-ND 2.5

Um innerhalb von TYPO3 mit Extbase bzw. dessen Template-Engine Fluid aus einem Zeitstempel (wie zum Beispiel in einem crdate oder tstamp Datenbankfeld) lokalisierte Datumsausgaben zu rendern gibt es verschiedene Ansätze. 

Da wären der eigene ViewHelper oder die offizielle Variante per locallang Datei und Bordmitteln. Beide sind recht umständlich, letztere nötigt dem Entwickler die nicht unerhebliche Mehrarbeit auf für alle Sprachen Übersetzungen zu hinterlegen.

Dabei geht es, ebenfalls mit Fluid Bordmitteln, auch sehr einfach. Mit etwas Typoscript und dem CObject standard view helper .

Dazu muss im der Datensatz mit dem Timestamp (in diesem Fall newsItem.datetime ) an den fomat.date view helper übergeben werden. Dazu muss die inline Notation genutzt werden. Das Ergebnis übergeben wir dann an das zuvor verfügbar gemachte Typoscript Snippet das die eigentliche Formatierung übernimmt.

<!-- Fluid view helper --> <f:cObject typoscriptObjectPath="lib.ll_date" data="{f:format.date(format:'U' date:'{newsItem.datetime}')}" /> 

# localize date format, used within the fluid templates
lib.ll_date = TEXT
lib.ll_date { current = 1 strftime = %d. %B %Y
} 

(c) www.typo3.org, CC BY-ND 2.5

Eine für die meisten Standard Use Cases passende Konfiguration für den bei TYPO3 mitgelieferten Rich Text Editor htmlarea.

Inklusive der passenden processing rules und Unerstützung von DAM (auch in tt_news).

Ich erweitere hier, im Gegensatz zur früheren Konfiguration , die bei htmlarea mitgelieferte Standard Konfiguration.

Beide Snippets müssen ins Page TS. Die processing rules sollten vor den htmlarea Einstellungen platziert werden.

Im Extension Manager müssen idealerweise die folgenden Einstellungen getroffen werden:

HtmlArea

• Default configuration settings [defaultConfiguration] auf "Typical" einstellen
• Enable images in the RTE [enableImages] aktivieren wenn benötigt
• Enable additional inline elements [enableInlineElements] deaktivieren

DAM

• media tag [mediatag] aktivieren
• htmlArea RTE integration [htmlAreaBrowser] aktivieren

Ggf. müssen noch die erlaubten tags ( allowTags ) in den Constants erweitert werden (siehe letztes Snippet), zum Beispiel wenn attr als tag benutzt werden soll.

# *************************************************************************************** # htmlArea RTE Configuration # # Author: Felix Nagel for Paints Multimedia GmbH, http://www.paints.de # Info & DL: http://www.felixnagel.com/blog/kategorie/typo3/ # *************************************************************************************** # we need to include default parsing rules <INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/templates/skin_standard/typoscript/system/rte_tsconfig.ts"> # Define labels and styles to be applied to class selectors in the interface of the RTE RTE.classes > # this class needs to be added to you CSS file (contentCSS) RTE.classes.special-text { name = Abgesetzter Text } # Anchor classes configuration for use by the anchor accesibility feature (htmlArea RTE only) RTE.classesAnchor > # Default RTE configuration RTE.default { # add CSS file for rte contentCSS = fileadmin/templates/css/rte.css # disable right click disableRightClick = 1 # acronym sys folder (id, not needed for admins as webmount is used) # buttons.acronym.pages = 306 # buttons.lockBEUserToDBmounts = 1 # image in RTE relevant # please note you need to enable images in the EM and add width and height to RTE.default.proc.entryHTMLparser_db.tags.img.allowedAttribs # media_ prefix when using DAM, see http://bugs.typo3.org/bug_view_advanced_page.php?bug_id=13902 buttons.image.options.removeItems = dragdrop, media_dragdrop, magic, media_magic buttons.image.options.plain.maxWidth = 960 buttons.image.options.plain.maxHeight = 1000 buttons.image.properties.removeItems = align, border, float, paddingTop, paddingRight, paddingBottom, paddingLeft, clickenlarge # clean out crap removeComments = 1 enableWordClean = 1 # removed strike and u tag from default config removeTags = center, font, o:p, sdfield # modified showButtons array (should be sufficient in most use cases) # row 1: text styles and tools # row 2: standard buttons # row 3: table operations showButtons ( blockstyle, formatblock, bar, copy, cut, paste, pastebehaviour, pastetoggle, findreplace, bar, undo, redo, bar, linebreak, link, image, bar, bold, italic, underline, strikethrough, bar, subscript, superscript, bar, orderedlist, unorderedlist, acronym, insertcharacter, line, bar, removeformat, chMode ) # need to use one line! Just copy showButtons into one line! toolbarOrder = blockstyle, formatblock, copy, cut, paste, pastebehaviour, pastetoggle, findreplace, bar, undo, redo, bar, linebreak, link, image, bar, bold, italic, underline, strikethrough, bar, subscript, superscript, bar, orderedlist, unorderedlist, acronym, insertcharacter, line, bar, removeformat, chMode # added div element to default config hidePStyleItems = pre,address,div # Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only). # ignoreMainStyleOverride = 1 # List all class selectors that are allowed on the way to the database proc.allowedClasses ( more, pdf, external-link, lightbox, special-text ) # Configuration of the anchor accessibility feature (htmlArea RTE only) # These classes should also be in the list of allowedClasses. classesAnchor = more, more-button, external-link, modalbox, modalbox-big, company, exploration, oilgas classesAnchor.default { page = url = file = mail = } } # needed, otherwise enableWordClean wont work, regression, see http://forge.typo3.org/issues/19697 RTE.default.showButtons := addToList(cleanword) RTE.default.toolbarOrder := addToList(cleanword) # Use same processing as on entry to database to clean content pasted into the editor RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db # remove all classes so we have a clean start after pasting (allowed classed wont work on enableWordClean) RTE.default.enableWordClean.HTMLparser.tags.p.fixAttrib.class.unset = 1 # make DAM usable in tt_news entries RTE.config.tt_news.bodytext.proc.overruleMode = ts_css,txdam_media 

# *************************************************************************************** # htmlArea RTE Configuration # # Author: Felix Nagel for Paints Multimedia GmbH, http://www.paints.de # Info & DL: http://www.felixnagel.com/blog/kategorie/typo3/ # *************************************************************************************** # Define labels and styles to be applied to class selectors in the interface of the RTE RTE.classes > RTE.classes.special-text { name = Abgesetzter Text } # Anchor classes configuration for use by the anchor accesibility feature (htmlArea RTE only) RTE.classesAnchor > # Default RTE configuration RTE.default { # add CSS file for rte contentCSS = fileadmin/templates/css/rte.css # disable right click disableRightClick = 1 # acronym sys folder (id, not needed for admins as webmounts is used) # buttons.acronym.pages = 306 # buttons.lockBEUserToDBmounts = 1 # image in RTE relevant # please note you need to enable images in the EM and add width and height to RTE.default.proc.entryHTMLparser_db.tags.img.allowedAttribs # media_ prefix when using DAM, see http://bugs.typo3.org/bug_view_advanced_page.php?bug_id=13902 buttons.image.options.removeItems = dragdrop, media_dragdrop buttons.image.options.plain.maxWidth = 980 buttons.image.options.plain.maxHeight = 1000 buttons.image.properties.removeItems = align, border, float, paddingTop, paddingRight, paddingBottom, paddingLeft, clickenlarge # removed strike and u tag from default config removeTags = center, font, o:p, sdfield # modified showButtons array (should be sufficient in most use cases) # row 1: text styles and tools # row 2: standard buttons showButtons ( blockstyle, formatblock, bar, copy, cut, paste, pastebehaviour, pastetoggle, findreplace, bar, undo, redo, bar, linebreak, link, image, bar, bold, italic, underline, strikethrough, bar, subscript, superscript, bar, orderedlist, unorderedlist, acronym, insertcharacter, line, bar, removeformat, chMode ) # need to use one line! Just copy showButtons into one line! toolbarOrder = blockstyle, formatblock, copy, cut, paste, pastebehaviour, pastetoggle, findreplace, bar, undo, redo, bar, linebreak, link, image, bar, bold, italic, underline, strikethrough, bar, subscript, superscript, bar, orderedlist, unorderedlist, acronym, insertcharacter, line, bar, removeformat, chMode # added div element to default config hidePStyleItems = pre,address,div # List all class selectors that are allowed on the way to the database proc.allowedClasses ( more, more-button, external-link, modalbox, special-text, company, exploration, oilgas ) # Configuration of the anchor accessibility feature (htmlArea RTE only) # These classes should also be in the list of allowedClasses. classesAnchor = more, more-button, external-link, modalbox, company, exploration, oilgas classesAnchor.default { page = url = file = mail = } } # make DAM usable in tt_news entries RTE.config.tt_news.bodytext.proc.overruleMode = ts_css,txdam_media 

# Add tags to constants
styles.content.links.allowTags := addToList(abbr, acronym) 

20. Wave-Gotik-Treffen Juni 2011 in Leipzig , © Felix Nagel / www.felixnagel.com

in Leipzig vom 9. bis 13. Juni 2011

Hier findet ihr ein Best-Of meiner Fotos vom 20. Jubiläum des WGT:

Auswahl der Fotos vom WGT 2011

Den ganzen 45.000 Wörter starken Bericht und alle Bilder findet ihr unter dem unten stehenden Link (Übersicht im unteren Teil der verlinkten Seite). Fotos und Bericht von Felix Nagel für the-pit.de .

Vollständiger Bericht und Fotos bei The-Pit.de

(c) www.typo3.org, CC BY-ND 2.5

TypoScript Conditions sind eine der vielen praktischen Seiten die mit der Verwendung von TypoScript einhergehen. TYPO3 kommt standardmäßig mit verschiedenen nützlichen Weichen (siehe z.B. hier oder hier ) aber manchmal hat man Bedarf für eine eigene TypoScript Condition. Dieser Blogpost beschreibt was dazu nötig ist und beinhaltet eine Beispielextension.

Alles was man benötigt ist eine kleine PHP Funktion (die in jedem Fall mit user_ beginnen muss) in der typo3conf/localconf.php oder in eine ext_localconf.php einer Extension:

function user_isInDevIpMask(){ global $TYPO3_CONF_VARS; $flag = false; // IP-based Access restrictions $devIPmask = trim($TYPO3_CONF_VARS['SYS']['devIPmask']); $remoteAddress = t3lib_div::getIndpEnv('REMOTE_ADDR'); if (t3lib_div::cmpIP($remoteAddress, $devIPmask)) { $flag = true; } return $flag;
} 

In diesem Beispiel teste ich ob die Anfage aus dem in den TYPO3 Conf Vars definierten IP Bereich stammt. Auf diese Art lassen sich zum Beispiel bestimmte Scripte wie Firebug Lite oder JsLint einbinden wenn man sie benötigt:

# when in dev IP mask and not Firefox [userFunc = user_isInDevIpMask] && [browser = msie,netscape,opera,safari] page.headerData.3 = HTML page.headerData.3.value = <script type="text/javascript" src="https://getfirebug.com/firebug-lite-beta.js#startOpened=true"></script> [global] 

Dieses Beispiel ist im TYPO3 TER verfügbar unter dem Namen devipmask :

devipmask im TER

(c) lindenblatt-records.de

Bereits vor einem guten Monat ist bei The Pit ein Review von mir online gegangen. Diesmal handelt sich um das erste Hörspiel von Thomas und Stefan Lindner. Erst genannter dürfte dem ein oder anderen als Sänger der Mittelalterrockband Schandmaul bekannt sein.

Das sagt der Klappentext:

Die Spinne ist der erste Teil einer Reihe von vertonten Kurzgeschichten, die unter dem Namen GEBRÜDER THOT veröffentlicht werden.

Die Geschichten sind allesamt neue, selbst verfasste Stücke, die sich ausdrücklich an ein erwachsenes Publikum richten.

Nein, mit erwachsenes Publikum ist kein Schmuddelkram gemeint. Trotzdem unterscheidet sich das Material deutlich von altbekannten Hörspielformaten. Mehr bei The-Pit.de:

Zum Review bei The-Pit.de

(c) The jQuery Project

Update: jQuery UI Selectmenu v1.2.0 released

Im Sommer letzten Jahrs benötigte ich für ein Projekt einen select (HTML Element Auswahlliste ) Ersatz der vernünftig per CSS zu gestalten war. Da wir ohnehin jQuery UI (inklusive dem dazugehörigen CSS Framework) benutzen wollte ich möglichst ein Plugin das mit eben diesem Zusammenarbeitet. Meine Wahl fiel auf das damals nicht mit der aktuellen Version von jQuery zusammenarbeitende Selectemenu Widget der Filament Group das bereits Mitte 2009 in ihrem Blog veröffentlicht wurde.

Da ich seit meiner Diplomarbeit mit der UI Widget Factory vertraut bin, das jQuery Team seine API Änderungen gut dokumentiert und einige Kommentare im Blogpost bereits Hinweise lieferten ging die Aktualisierung des Codes schnell von der Hand.

Da immer wieder Kommentatoren nach einer lauffähigen Version fragten entschloss ich mich die letzte offizielle Version des Widgets zu forken und die ursprünglichen und einige weitere Fixes einzuspielen. Das ganze hab ich auf GitHub veröffentlicht: https://github.com/fnagel/jquery-ui/tree/selectmenu

Im Laufe der Zeit haben mir Leute patches zugespielt und es entwickelte sich ein reges Interesse an meinem Fork. Daraufhin fragte ich Scott ob ich meine Version im jQuery Wiki verlinken können. Er stimmte zu und erwähnte meinen Fork auch im Blogpost.

Angespornt durch das wachsende Interesse implementierten einigen Helfer und ich etliche Verbesserungen und Features.

Die wichtigsten Neuerungen seit meiner Übernahme des Plugins waren:

• Umstieg auf jQuery UI Position zur Positionierung
• Verbesserte Unterstützung für (Hintergrund) Bilder
• Konsistente, stark erweiterte value und i ndex Methoden
• Disable / Enable für das Widget selbst, die options und optiongroups
• TypeAhead für mehrere Buchstaben und Unterstützung von Nicht-Englischen UTF-8 Zeichen (z.B. Russisch)
• Aktualisierung des Widget (Löschen, Ändern und Hinzufügen von options )
• Unterstützung von mehreren Themes auf einer Seite (CSS scope)
• Performance Verbesserungen & Code CleanUp
• Viele kleinere Bugfixes

Insgesamt habe ich in einem knappen Jahr 78 Issues bearbeitet und geschlossen sowie unzählige Kommentare im Blogpost beantwortet. Außerdem verfolgen mittlerweile über 200 Leute bei GitHub den Fork.

 Hier gehts zum Projekt:

Projekt auf GitHub

Wikiseite

Als PopUp öffnen oder direkt bei jsFiddle