Virtual Machine:
www.virtualbox.org

TYPO3 Image:
http://www.evorion.hr/fileadmin/TYPO3_contrib/T3LAMPStack.tar

Magento Image:
www.magento-vm.de

[Dieser Artikel wurde von einem Windows Vista Rechner & VirtualBox mit Ubuntu GNOME verfasst ]

1. Als erstes auf einer neuen Seite eine neues Seitentemplate einstellen (CSS-Styled-Content einbinden):

#genug breite
styles.content.imgtext.maxW = 100000
tt_content.image.20.maxW = 100000
page = PAGE
#jquery muss am Platz sein
page.includeJS.file1 = fileadmin/template/js/jquery-1.4.min.js
#folgende Dateien werden weiter unten im Artikel beschrieben
page.includeCSS.file1 = fileadmin/template/css/mobile_slider.css
page.includeJS.file2 = fileadmin/template/js/mobile_slider.js
page.5 = TEXT
page.5.value=<div id="slider"><div id="mask">
page.10 < styles.content.get
page.15 = TEXT
page.15.value=</div></div>

Warum die ganze Div-Parade notwendig ist:

Die Logik ist geliehen von: http://css-tricks.com/create-a-slick-iphonemobile-interface-from-any-rss-feed/

2. Dann ein Image-Element in der Mittleren Spalte platzieren mit mehreren Bildern füllen, eine Reihe je Bild:

3. Dann jQuery einbinden

4. Dann die Datei mobile_slider.js:

$(document).ready(function(){
	$('img:not(:last)').click(function() {
		$("#mask").animate({left: "-=320px"});
	});
	$('img:last').click(function() {
		$("#mask").animate({left: "0px"});
	});
});

Dann die Datei mobile_slider.css:

* {margin: 0 !important;}
#slider { width: 320px; overflow: hidden; position: relative; }
#mask { width: 1280px; position: relative; left: 0px;}
.csc-textpic-image { width: 320px; float: left; overflow: hidden;}

Und fertig!

Leider sind die Bildhöhen und Größen noch nicht perfekt justiert, da gebe ich ein Update, wenn wir weiter sind.

Abhilfe verschafft folgendes Setting, mit dem man für alle Powermail-Formulare jQuery an die Kette nimmt:

Constants:
plugin.powermail {
	libraryToUse = mootools
}

Setup:
[userFunc = user_powermailOnCurrentPage]
page.1203244 = TEXT
page.1203244.value = jQuery.noConflict();
[end]

Leider funktionieren dann auf der einzelnen Seite die jQuery Funktionen nicht mehr.

/powersearch/lib/class.PowerSearch.php anfügen:

const TTNEWS = 8;

/powersearchindexlucene/ext_conf_template.txt anfügen:

# cat=basic/enable; type=string; label=tt_news detailpage
tt_newsPage = 3594

/powersearchindexlucene/lib/class.PowerSearchIndexerTTnews.php neu:

class PowerSearchIndexerTTnews extends PowerSearchIndexerBase
{
	public function run($extConf)
	{
		$dbh = PowerSearchFactory::createPDO();

		$stmt = 'SELECT	tt_news.uid,
								tt_news.datetime,
								tt_news.crdate,
								tt_news.title,
								tt_news.short,
								tt_news.bodytext

					FROM		tt_news
					WHERE		tt_news.hidden + tt_news.deleted=0';

		$res = $dbh->query($stmt);
		foreach ($res as $news) {

			$title = trim(iconv("UTF-8","ISO-8859-1", str_replace('ß','ss',$news['title'])));
			$bodytext = trim(iconv("UTF-8","ISO-8859-1", str_replace('ß','ss',$news['bodytext'])));
			$crdate = (intval($news['datetime'])>0?intval($news['datetime']):intval($news['crdate']));
			$news_id = $news['uid'];

			if (trim($bodytext) != '') {
				$elements = array(
					'ref' => $extConf['tt_newsPage'].'#'.$news_id.'#'.$crdate,
					'type' => PowerSearch::TTNEWS,
					'text' => $this->prepareText($bodytext . ' ' . $title),
					'extract' => PowerSearchUtils::limit($this->prepareText($bodytext), $extConf['index_limit_extract']),
					'title' => PowerSearchUtils::limit($this->prepareText($title), $extConf['index_limit_title']),
					'crdate' => $crdate
				);

				$doc = $this->createDocument($elements);
				$this->addDocument($doc);
			}
		}
	}
}

/powersearchui/pi1/template.html anfügen:

<div class="news-list-container">
	<div class="news-list-item"><span class="news-latest-date">###DATE###</span>
		<div class="clear"></div>
		<h3><a href="###LINK###">###TITLE###</a></h3><p>###EXTRACT###</p>
	</div>
</div>

/powersearchui/lib/class.PowerSearchUITemplateTTnews.php neu:

class PowerSearchUITemplateTTnews extends PowerSearchUITemplateBase implements PowerSearchUITemplateInterface
{
	protected $template = '';

	public function setTemplate( &$template )
	{
		$this->template = $this->t3base->cObj->getSubpart( $template, '###RESULTTTNEWS###' );
	}

	public function getString( array &$items, array &$list )
	{
		$format = '%A, %d. %B %Y';

		foreach( $items as $key => $item )
		{
			list($page,$ttnewsid,$crdate) = explode('#',$key,3);
			$item[1]['###DATE###'] = strftime  ($format,$crdate);
			$baseurl = ($GLOBALS['TSFE']->tmpl->setup['config.']['baseURL'] ? $GLOBALS['TSFE']->tmpl->setup['config.']['baseURL'] : 'http://'.$_SERVER['HTTP_HOST'].'/');
			$item[1]['###LINK###'] = $this->t3base->pi_getPageLink($page,'',array('tx_ttnews[tt_news]'=>$ttnewsid,'tx_ttnews[year]'=>strftime('%Y',$crdate),'tx_ttnews[month]'=>strftime('%m',$crdate),'tx_ttnews[day]'=>strftime('%d',$crdate)));
			$list[$item[0]] = $this->t3base->cObj->substituteMarkerArray( $this->template, $item[1] );
		}
	}
}

/powersearchui/lib/class.PowerSearchUIFactory.php anfügen:

case PowerSearch::TTNEWS:
$class = 'PowerSearchUITemplateTTnews'; break;

Wenn allerdings niemand diese Templates findet – ergo – nutzt, ist mit einem cleveren Routing geholfen:

#####Mobile devices routing#######
#Mobile devices routing
RewriteCond %{HTTP_HOST} www\.domain\.de$ [NC]
RewriteCond %{HTTP_ACCEPT} ^.*html.*$ [NC]
RewriteCond %{HTTP_USER_AGENT} (HTC|Ericsson|BlackBerry|Nokia|iPhone|Mobile) [NC]
RewriteRule ^(.*)$ http://m.domain.de/$1 [L,R=301]

#m.domain.de nur für mobile clients erlauben
RewriteCond %{HTTP_HOST} m\.domain\.de$ [NC]
RewriteCond %{HTTP_ACCEPT} ^.*html.*$ [NC]
RewriteCond %{HTTP_USER_AGENT} !(HTC|Ericsson|BlackBerry|Nokia|iPhone|Mobile) [NC]
RewriteRule ^(.*)$ http://www.domain.de/$1 [L,R=301]

Schön ist aber auch die Funktion, dass als letztes Seitenelement einer Inhaltsseite das TipAFriend Formular eingebunden werden soll.

Hier ein Patch für die PI-Class, der dies Möglich macht. Nun kann man mit dem bisher unsinnigen BE-Feld “Startingpoint” eine Seite auswählen, die verschickt werden soll. Wird keine angegeben und auch kein POST übergeben, so wird die aktuelle Seite weitergeleitet.

class.tx_tipafriend.patch

Dabei hatten wir uns folgende Vorteile versprochen:

1. Alte Browser können Daten schneller laden
2. Etwas schnellere Auslieferung der statischen Dateien
3. Bessere Leistungsergebnisse unter hoher Last
4. Entlastung für den www-Server
5. Schnellere Seitenauslieferung von HTML-Dateien
6. Schnellere PHP-Prozessierung

Mit der Extension ja_replacer konnten wir die Anforderung in TYPO3 umsetzen:

1. Alle Statischen Dateien sollen von static.domain.com ausgeliefert werden
2. Sichere Verbindungen müssen berücksichtigt werden
3. Statisches Caching muss weiterhin funktionieren

Die Stelle, wo Ja_replacer ansetzt, ist direkt am Output von TYPO3, also kurz bevor ausgeliefert, bzw. in den Cache geschrieben wird. An dieser Stelle können nochmals beliebige Strings gesucht und ersetzt werden. Das Setup wird per TYPOScript gemacht, wir ersetzen in unserem Fall alle Links zu den einschlägigen Verzeichnissen, in welchen sich statische Infos aufhalten:

#Welche Links sollen ersetzt werden? (jeweils mit und ohne Slash am Anfang)
config.tx_ja_replacer.search {
	10="/typo3temp/
	11="typo3temp/
	12="/fileadmin/
	13="fileadmin/
	14="/typo3conf/
	15="typo3conf/
}

#Mit was soll ersetzt werden, wenn im unsicheren Bereich (http)
tx_ja_replacer.unsecure = COA
tx_ja_replacer.unsecure {
	10="http://static.domain.com/typo3temp/
	11="http://static.domain.com/typo3temp/
	12="http://static.domain.com/fileadmin/
	13="http://static.domain.com/fileadmin/
	14="http://static.domain.com/typo3conf/
	15="http://static.domain.com/typo3conf/
}

#Mit was soll ersetzt werden, wenn im sicheren Bereich (https)
tx_ja_replacer.secure = COA
tx_ja_replacer.secure {
	10="https://static.domain.com/typo3temp/
	11="https://static.domain.com/typo3temp/

	12="https://static.domain.com/fileadmin/
	13="https://static.domain.com/fileadmin/

	14="https://static.domain.com/typo3conf/
	15="https://static.domain.com/typo3conf/
}

#Domain Setup:
[globalString = ENV:HTTP_HOST = www.domain.com]
	#normalfall, wird statisch gecached
	page.config.baseURL = http://www.domain.com/
	config.tx_ja_replacer.replace < tx_ja_replacer.unsecure
[global]
[globalString = ENV:HTTP_HOST = www.domain.com] && [globalString = _SERVER|HTTPS=on]
	page.config.baseURL = https://www.domain.com/
	config.tx_ja_replacer.replace < tx_ja_replacer.secure
[global]

Wenn wir die Leistungsergebnisse gemessen haben, werde ich an dieser Stelle nochmal einen Bericht anfügen.

Für eine saubere Konfiguration des Calendar Base (Cal) verwenden wir folgende Einstellung:

'termin'=> array(
	array(
		'GETvar' => 'tx_cal_controller[view]',
	),
	array(
		'GETvar' => 'tx_cal_controller[getdate]'
	),

	array(
		'GETvar' => 'tx_cal_controller[type]'
	),

	array(
		'cond' => array (
			'prevValueInList' => 'tx_cal_phpicalendar'
		),
		'GETvar' => 'tx_cal_controller[uid]',
		'lookUpTable' => array(
			'table' => 'tx_cal_event',
			'id_field' => 'uid',
			'alias_field' => 'title',
			'addWhereClause'  => ' AND NOT deleted',
			'useUniqueCache' => 1,
			'useUniqueCache_conf' => array(
				'strtolower' => 1,
				'spaceCharacter' => '-',
			),
		),
	),
	array(
		'cond' => array (
			'prevValueInList' => 'tx_cal_organizer'
		),
		'GETvar' => 'tx_cal_controller[uid]',
		'lookUpTable' => array(
			'table' => 'tx_cal_organizer',
			'id_field' => 'uid',
			'alias_field' => 'name',
			'addWhereClause'  => ' AND NOT deleted',
			'useUniqueCache' => 1,
			'useUniqueCache_conf' => array(
				'strtolower' => 1,
				'spaceCharacter' => '-',
			),
		),
	),
	array(
		'cond' => array (
			'prevValueInList' => 'tx_cal_location'
		),
		'GETvar' => 'tx_cal_controller[uid]',
		'lookUpTable' => array(
			'table' => 'tx_cal_location',
			'id_field' => 'uid',
			'alias_field' => 'name',
			'addWhereClause'  => ' AND NOT deleted',
			'useUniqueCache' => 1,
			'useUniqueCache_conf' => array(
				'strtolower' => 1,
				'spaceCharacter' => '-',
			),
		),
	),
	array(
		'GETvar' => 'tx_cal_controller[category]',
		'lookUpTable' => array(
			'table' => 'tx_cal_category',
			'id_field' => 'uid',
			'alias_field' => 'title',
			'addWhereClause'  => ' AND NOT deleted',
			'useUniqueCache' => 1,
			'useUniqueCache_conf' => array(
				'strtolower' => 1,
				'spaceCharacter' => '-',
			 ),

		),
	),
	array(
		'GETvar' => 'tx_cal_controller[lastview]'
	),
),

Ein nettes kostenfreies Debugging-Program für Browserrequests aller Art. Besonders praktisch für Ajax- und Flash Entwicklung. Auch beliebt, um Redirects zu prüfen:

http://www.charlesproxy.com/

Balsamiq Mockups

Auf Adobe-Air basiertes Wireframing Tool, kostenlos benutzbar.

http://www.balsamiq.com/products/mockups

UN.CO.VER

Kostenloser Unique-Content Verifyer

http://www.textbroker.de/uncover/

Mindjet Mindmanager Pro

Sehr gutes, kostenpflichtiges Mindmapping Tool

http://www.mindjet.com/de-DE/

Chandler

Schöner, kostenloser Self-Organizer mit vielen Schnittstellen

http://chandlerproject.org/

RegExr

Gutes Tool zum Testen von Regular Expressions

http://www.gskinner.com/RegExr/

Dropbox

Vollintegrierendes Tool zum  File Synchronisieren über mehrere Rechner, Online Backups, File-Sharing

https://www.getdropbox.com/

Foxit Reader

Rasend Schneller PDF-Viewer. Wenn Adobe Acrobat wieder mal nerft…

http://foxit-pdf-reader.softonic.de/

Pants-Off

Kann die Inhalte manche Passwortfelder sichtbar machen. Absolut notwendig, wenn mal wieder  ***** benötigt wird.

http://www.scendix.de/pantsoff/index.php4

GSA Email Spider

Durchsucht Websites nach E-Mailadressen

http://www.softpedia.com/get/Internet/E-mail/Mail-Utilities/GSA-EMail-Spider.shtml

Twitterfeed

Befüllt automatisiert Twitter-Accounts mit RSS-Feeds

http://twitterfeed.com/

HURL

Testen von HTTP-Requests mit bestimmten Headern

http://hurl.r09.railsrumble.com/

Regain

Lucene Suchmaschine für Files und Verzeichnisse

http://regain.sourceforge.net/

Mailingcheck

Prüft Mails auf Spam-Rating

http://www.mailingcheck.com/

Was sind deine Favoriten? Kommentare willkommen!