Ordnen der Tabelle

Ziel ist es Datensätze einer Tabelle in der Reihenfolge zu ändern. Ich habe hier ein PHP Script gepostet mit dem das relativ einfach möglich ist.

Zusätzlich ist in der MySQL Datenbank ein Feld, hier mit den Namen “position” notwendig.  Per “Up” und “Down” Button kann man dann den Datensatz in beide Richtungen verschieben.

Die Anordnung wird dann wieder in die Datenbank zurückgeschrieben.

include('config.php');

if($art == ''){ $art = 'liste';};

switch($art){

case 'liste':
print "<h3>Tabelle</h3>";
$liste = mysql_query("SELECT * FROM test ORDER BY position ASC");
print "<table border='1'>";
print "<tr><td>id</td><td>name</td><td>position</td><td>up</td><td>down</td></tr>";
while($feld = mysql_fetch_object($liste)){
print "<tr><td>".$feld->id."</td><td>".$feld->name."</td><td>".$feld->position."</td><td><a href='".$PHP_SELF."?art=order&id=".$feld->id."&action=up'>up</a></td><td><a href='".$PHP_SELF."?art=order&id=".$feld->id."&action=dn'>down</a></td></tr>";
};
print "</table>";

break;

case 'order':

// $_GET['action'] will indicate up/dn
$action = isset($_GET['action']) ? $_GET['action'] : false; // condition input and set default
// $_GET['id'] is the id to move up/dn
$id = isset($_GET['id']) ? (int)$_GET['id'] : false; // condition input and set default
if(!$id){
die("No id supplied");
}
if($action <> "up" && $action <> "dn"){
die("Invalid action selected");
}

// get the current position of the id
$query = "SELECT position FROM test WHERE id = $id";
$result = mysql_query($query) or die("Query failed: $query<br />Mysql error: " . mysql_error());
if(mysql_num_rows($result) <> 1){
echo "There is no id: $id<br />";
} else {
list($get_position) = mysql_fetch_row($result); // get the position of the requested id
if($action == "up"){
// get the id and position of that and the next lower position
$query = "SELECT id, position FROM test WHERE position <= $get_position ORDER BY position DESC LIMIT 2";
} else {
// get the id and position of that and the next higher position
$query = "SELECT id, position FROM test WHERE position >= $get_position ORDER BY position LIMIT 2";
}
$result = mysql_query($query) or die("Query failed: $query<br />Mysql error: " . mysql_error());
// test how many rows (if less than 2, there is no locaiton to move to)
if(mysql_num_rows($result) < 2){
// echo "You are already at the limit<br />";
} else {
// move up/dn one by swapping the position values
$row1 = mysql_fetch_assoc($result); // row1
$row2 = mysql_fetch_assoc($result); // row2
// update row1 (with row2's position value)
$query = "UPDATE test SET position = {$row2['position']} WHERE id = {$row1['id']}";
$result = mysql_query($query) or die("Query failed: $query<br />Mysql error: " . mysql_error());
// update row2 (with row1's position value)
$query = "UPDATE test SET position = {$row1['position']} WHERE id = {$row2['id']}";
$result = mysql_query($query) or die("Query failed: $query<br />Mysql error: " . mysql_error());
}
}

header('Location: http://'.getenv('HTTP_HOST').$PHP_SELF."?art=liste");
exit;

break;

};

Um schnell auf bereits benutzte Befehle in der Bash zurückzugreifen, werden einige Möglichkeiten geboten:

<Strg> + r

Hiermit wechselt man in einen “Suchmodus” der nach den Angegeben Befehlen und Parametern sucht.

history | grep

460  rsync -av --progress --partial /home/wwl7/500a/backups root@192.168.1.10:/Users/schani/Desktop/okt2011/
505  rsync -avz --stats --progress --partial --append --bwlimit=1000 --exclude '*~' --skip-compress=gz/jpg/mp[34]/7z/bz2 --exclude='*typo3_src*' --exclude='*typo3temp*' --exclude='*proc/*' --exclude='*dev/*' --exclude='*sys/*' --exclude='*/mysql/*' --exclude='*tmp/*' --exclude='*apt/lists*' --exclude='*transfer_alt*' --exclude='*dovecot*' backup@leicht.info:/ /home/wwl7/372/wwl7-netto/

!505

Über !505 wird dann der Befehl wieder neu ausgeführt.

Seit der Version 3.0 der Bash ist es möglich, doppelte Einträge in der Datei .bash_history zu vermeiden. Hier ist die Zeile

export HISTCONTROL=ignoredups:erasedups

in die datei .bashrc einzutragen.

Beim erstellen umfangreicher Webseiten mit eigenen HTML und CSS Frameworks ist es wünschenswert mit Variablen zu arbeiten. So könnte man in einer Einstellungsdatei alle Maße und Farben angeben und somit einfach das Erscheinungsbild einer Webseite anpassen.

Genau dies bietet LessCSS. Lesscss ist eine kombination aus .less Dateien und JavaScript das daraus dann die CSS Dateien generiert. Dies kann zu Laufzeit passieren, oder die CSS Datei(en) werden per Compiler erstellt.

Der Vorteil liegt in der einfachen Anpassung einer Webseite an neue Designvorgaben. So kann sehr schnell das gesamte Layout verändert werden, die Farben ersetzt und Spaltenmaße, Schriftgrößen, Schriftarten in einer zentralen Konfigurationsdatei abgeändert werden.

// Variable für Links
@linkColor:         #0069d6;
@linkColorHover:    darken(@linkColor, 15);
// Farben
@black:             #000;
@grayDark:          #444444;
@gray:              lighten(@black, 50%);
@grayLight:         lighten(@black, 75%);
@grayLighter:       lighten(@black, 90%);
@white:             #fff;
@antrazit:            #28373c;
@hellblau:            #f0f3f9;

Außerdem ist es möglich Berechnungen anzustellen um bestimmte Variablen automatisch zu generiern.

@extraSpace:        (@gridGutterWidth * 2); // For our grid calculations
@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

Die Funktion calc in CSS3 bietet zwar auch die Möglichkeit, nur wird sie derzeit noch wenig von den Browsern unterstützt. LessCSS macht dies aber über JavaScript und ist somit unabhängig vom Browserversionen.
Das Einbinden ist denkbar einfach. So wird eine .less Datei über den normalen Header Link eingebunden:

<link rel="stylesheet/less" type="text/css" href="styles.less">

Dann ist noch das less.js notwendig, das die Umrechnung in CSS erledigt:

<script src="less.js" type="text/javascript"></script>

Die styles.less Datei wird aufgerufen und alle notwendigen weiteren css Dateien nachgeladen. Dies benötigt nur unwesentlich mehr Zeit als die herkömmliche Einbindung eine CSS Frameworks wie z.B. YAML.
Eingebunden können beliebig viele Dateien werden. So kann man sich für bestimmte Anforderungen (Shop,Forum, Gästebuch usw.) die css Anweisungen aufteilen.
Nach der Fertigstellung der Seite kann man sich diese Dateien mit den enthaltenen Variablen fest kompilieren und eine statische CSS Datei daraus erstellen, was die Ladezeit natürlich verbessert.

Weitere Informationen gibt es unter http://lesscss.org/

Auf den Seiten von html5rocks.com gibt es eine Online Slideshow die Umfangreich die Neuen Möglichkieten von HTML5 aufzeigt. So sind zu vilen Funktionen auch Demos hinterlegt die gleich ausprobiert werden können.

http://slides.html5rocks.com/

Der Internetdienst loads.in bietet die Möglichkeit die eigene Seite von vielen Standorten weltweit auf die Ladegeschwindigkeit zu prüfen. Neben 60 weltweiten Standorten kann auch der verwendetet Browser ausgewählt werden. So kann eine genaue Überprüfung der Geschwindigkeit erfolgen und dabei evtl. zwischengeschaltete Caches ausgeschlossen werden.

Putty ist eines der Programme die ich am meisten benutze. Es dient zur ssh Verbindung von einem Windows Rechner zu Linux Servern. Die gesamte Administration von Linux bzw. Unix Servern lässt sich so bewerkstelligen.

Bei jedem einrichten von Putty vergesse ich die Textdartstellung auf UTF-8 umzustellen, was sich in einer falschen Darstellung von Anwendungen wie aptitude, mc, iptraf usw. bemerkbar macht.

Hier eine Anleitung wie man das beheben kann:

http://www.lanbugs.de/howtos/linux-tipps-tricks/fehler-bei-darstellung-von-midnight-commander-in-putty/

Heute ist auf t3n.de ein interessanter Artikel erschienen der über das Pro und Contra von Social Media Werbung berichtet. Der derzeitige Hype scheint mir sehr trügerisch und auch gefährlich. Sicher ist es auf kurze Sicht sehr erfolgsverspechend. Über lange Sicht halte ich es aber für gefährlich.

http://t3n.de/news/fanpage-statt-domain-welche-gefahren-facebook-google-279819/

Die im Januar 2011 kommende Version von TYPO3 Version 4.5 wird mindestens 3 Jahre weiter gepflegt und mit Sicherheitsupdates versorgt. Eine einfaches Upgrade von 4.4 auf 4.5 ist gegeben und somit können aktuelle Installationen einfach auf die 4.5 upgegradet werden. Bereits die aktuelle 4.5 Alpha2 ist sehr stabil und im Backend deutlich schneller als die Version 4.4. Im Backend hat sich darüber hinaus eine Menge getan und bringt TYPO3 einen entscheidenden Sprung vorwärts. Das Skin ist moderner und deutlich aufgeräumter.

Seit mehr als 20 Jahren beschäftige ich mich mit dem erstellen von Webseiten. Wobei der Anfang um 1990 herum noch mehr auf dem Schwerpunkt Mailboxen, Netzwerke usw lag. Erst 1992 kam dann das WWW so richtig in fahrt. Die ersten Seiten wurden noch per Text Editor erstellt, da es noch keine Web Editoren gab. Schnell wurden größere Seiten unübersichtlich zu verwalten. Erst um 2000 kamen die ersten CMS Systeme auf und ich habe mich detailliert damit befasst um die richtige Lösung für mein Anforderungen zu finden. Die mussten aber damals auch erst gefunden und definiert werden und deshalb habe ich einen CMS Marathon begonnen der erst 2005 zum Ziel kam.

Mittlerweile führt kaum mehr ein Weg an CMS Systemen für eine Webseite vorbei. Es gibt nur noch wenige Gründe eine Seite nicht mit einem CMS zu erstellen. Der Kostenfaktor spiel dabei keine Rolle. Das Internet hat sich in den letzten Jahren so rasch entwickelt, das die verwendeten Technologien "vernünftig" nur durch ein CMS verwaltet und gepflegt werden kann.

"Eine Webseite muss mehr in das Internet eingebunden werden!"
Was versteht man darunter?

• Aufbau der Seite nach semantischen Regeln
• Seite muss gut von Suchmaschinen gelesen werden können.
• Seite muss in Soziale Netzwerke integriert werden können.
• Neu Inhalten müssen automatisch an Google, Facebook, RSS Verzeichnisse übertragen werden.
• Interaktion mit dem Besucher muss aufgebaut werden.
• Seiten müssen technisch einwandfrei sein

Vor einigen Jahren was das alles noch kein Thema. Es reichte aus seine private Homepage, Vereinsseite oder Firmenwebseite per FrontPage, Netfusion, GoLive oder Dreamweaver zu erstellen und die Dateien auf seinem Webspace abzulegen. Neue Dienste wie Google Sitemaps, News Pings oder RSS Feeds können so aber nicht mehr verwaltet werden. Und wenn man es trotzdem macht wird es irgendwann so unübersichtlich und nicht nachvollziehbar für andere Personen.
CMS Systeme übernehmen diesen Part. So ist es auch möglich die Seite von anderen Personen weiter pflegen zu lassen. Das Know How über die Technik übernimmt das System.

Bis dahin hatte ich mich in PHPNuke, phpwcms, Notepad, wordpress, Mambo, Joomla, TYPO3, Drupal und einige andere eingearbeitet und Seiten erstellt. Als Resultat über die Jahre und Erfahrungen mit den verschiedenen Systemen bin ich schließlich bei TYPO3 hängen geblieben.
Hier die Gründe:

• TYPO3 ist ein Enterprise System und genügt auch Hohen Ansprüchen.
• Grenzen noch oben sind nicht zu erkennen und werden immer aktuell erweitert.
• Hohe Systemstabilität ist gewährleistet.
• Starkes und qualifiziertes Entwicklerteam
• Sehr gute Grundstruktur.
• Starke europäische und deutsche Comunity
• Leichte Updates und Upgrades möglich
• Kein Krieg in der Comunity – einheitliche Vorstellungen
• Erweiterungsmöglichkeiten sind enorm
• Sicherheit ist enorm
• Gute Import und Export Möglichkeiten

Wichtig ist mir immer die einfache Upgrade Möglichkeit eines Systems. Oder auch die Möglichkeit schnell eine Seite auf einen anderen Server zu übernehmen.
Es ist sehr schwer ein WordPress oder Joomla Projekt von einer älteren Version auf die Neuste zu bringen. Bei einigen Systemen ist das fast unmöglich.
Bei TYPO3 dauert es ca. 5-10 Minuten um eine Installation von 2003 auf den heutigen Stand zu bringen.
Systeme aktuell zu halten ist überlebenswichtig um sich vor Sicherheit Lochern zu schützen die immer wieder ausgenutzt werden können.

Aber auch die Weiterentwicklung und die Anpassung an eigene Anforderungen mit Hilfe von TYPO3 ist umfangreich. Setzt man auf die integrierten Mechanismen der Entwicklung, ist man in Sachen Sicherheit immer mit dabei. Andere Systeme wie WordPress oder Joomla bieten dies nur eingeschränkt.
Das Niveau der Entwickler scheint mir auch deutlich höher zu sein. Es fließt nicht jeder Schnick Schnack sofort mit ein, aber wenn sich Techniken etabliert haben, werden sie solide integriert. Das ganze Gegenteil ist Joomla. Die Entwicklung des Systems ist seit 10 Jahren immer konstant vorangeschritten ohne das sich die Entwickler zerstritten, zurückgetreten oder abgespalten haben. Negativbeispiele dafür sind PHP-Nuke, Mambo, Joomla uvm. Bei TYPO3 gibt es besonders in Deutschland eine starke Comunity die sich ständig treffen und Erfahrungen austauschen.
Wo sehe ich die derzeit wichtigen Systeme im Markt

Joomla
Joomla ist mit Sicherheit das bekannteste und am häufigstem eingesetzte System weltweit. Dadurch wird es von der privaten Webseite bis zu Mittelständigen Betrieben eingesetzt. Beliebt ist es auch wegen der einfachen Integration von Templates. Tausende Templates lassen sich meist kostenlos aus dem Netz ziehen und bieten schon eine ansprechend Designte Webseite als Ausgangspunkt. http://www.joomla.org/

Mambo
Mambo ist der Vorläufer von Joomla, das sich vor ein paar Jahren daraus abgespalten hat. Es spielt heute kaum mehr eine Rolle. http://www.mamboserver.com/

WordPress
WP ist ein Blog System das speziell im Blogbereich eingesetzt wird, aber mittlerweile durch Erweiterungen auch als "normales" CMS Verwendung findet. Für "nur" Blogs ist es die Erste Wahl. Als CMS würde ich es nicht einsetzten. http://www.wordpress.org

Magento
Magento ist ein sehr Leistungsfähiges Shop System das es seit ca. 2 Jahren gibt. Als reines Shop System ist es meine Erste Wahl. Es läuft dem veralteten XTCommerce gerade den Rang ab. http://www.magentocommerce.com/de/

Drupal
Der erste Dinosaurier ist ein typisches CMS der ersten Stunde und wir neben den kommerziellen System wie z.B. Reddot sehr oft in den USA und GB eingesetzt. Durch Erweiterungen kann es auf alle Anforderungen angepasst werden und wird kontinuierlich weiterentwickelt, sehr stabil und sicher.http://drupal.org/

TYPO3
TYPO3 ist mit Drupal einzuordnen und kann sehr stark erweitert werden. So gibt es eine lange Liste an Top Webseiten die sehr aufwendige branchenspezifische Lösungen mit TYPO3 erstellt haben. http://www.typo3.com

Meine Aufführung bezieht sich hier nur auf populären OpenSource Systeme. Daneben gibt es Tausende kommerzielle Lösungen am Markt, die aber nicht unbedingt besser sein müssen. Bei kommerziellen Systemen steht Haftung und Service für Firmen im Vordergrund. Dies wird aber auch für TYPO3 von Agenturen geboten und ist kein Grund mehr OpenSource nicht im kommerziellen Bereich einzusetzen.

Ein sehr nützliches Tool für die Bearbeitung von Blogs ist der Windows Live Writer. Gerade zum einbinden von Bilder, Fotoalben, Karten, Tags und Videos bringt der Live Writer enorme Erleichterungen zum bloggen.

Eigentlich bin ich ja kein Fan von Microsoft, aber das Tool ist wirklich brauchbar. Gerade beim einbinden von Bildern ist es nützlich da die Bildgröße bereits lokal am Rechner reduziert wird. Schön sind auch die Collagen von mehreren Bildern und die Formatierung des Text ist einfach. Das ganze ist auch noch kostenlos. Aber natürlich nur für Windows.

zum Download

Nicht erst seit dem Google mehr Wert auf die Geschwindigkeit der Webseiten legt um ein besseres Ranking zu erhalten,  suche ich nach Möglichkeiten dies zu verbessern.  Das Beginnt natürlich erst mal bei der Optimierung der Seite an sich. Aber man kann sich auch externe Hilfe holen.So ist es möglich alle Dateien auf ein Content Distribution Network zu verteilen.

CDN bietet die Möglichkeit eigene Files in eine Cloud auszulagern. So werden Bilder, Filme und andere statische Anteile einer Webseite automatisch aus der Cloud geholt und nicht vom eigenen Server. Per Apache mod_rewrite kann man ganze Verzeichnisse seiner Webseite so umschreiben. Es gibt bereits einige Module oder Extensions für CM Systeme die dies einfach integrieren lassen. So werden eigene Inhalte automatisch in die Cloud übertragen ohne das ein verteilen erst ein mal angestoßen werden muss.

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !^CoralWebPrx
RewriteCond %{QUERY_STRING} !(^|&)coral-no-serve$
RewriteRule ^/images/foo(.*)$ http://foo.bar.nyud.net:8080/images/foo$1 [R,L]

CDN Anbieter gibt es bereits einige. Mir bekannt waren schon lange Akamai und Amazon Front Cloud.  Diese sind aber kostenpflichtig und rechnen nach dem Traffik ab.

Coral CDN ist eine auf Peer to Peer aufgebautes für die Nutzung kostenloses CDN das einfach in Webseiten zu integrieren ist. Die Peers sind auf der gesamten Welt verteilt und bieten schnellen Zugriff auf die Files.

Informationen zur Integration eines CDN in TYPO3 findet man auf den Seiten von Margit AG

Weitere Links zum Thema:

http://de.wikipedia.org/wiki/Content_Distribution_Network
http://blog.marit.ag/2009/11/17/typo3-und-content-delivery-networks/
http://aws.amazon.com/de/cloudfront/

“Speed matters” heißt es mittlerweile im Web. Dazu gehört das man seinen Code so schlank wie möglich hält.

Das Firefox PlugIn Dust-Me Selectors bietet die Möglichkeit, unbenutzte CSS Styles zu finden. Das Tool scannt die Webseite und erstellt eine Liste aller nicht verwendeten Styles.

Das Freeware Utility IP Observer bietet eine einfache Möglichkeit die aktuelle IP Adresse des dynamischen Internat Zugangs zu erkennen und an eine Email Adresse zu übertragen.Dies wird auch von Diensten wie DynDNS natürlich besser erledigt, braucht man dazu aber immer einen Account und muss dementsprechend seinen Router oder ein UpdateTool konfigurieren. IP Observer ist einfach und Kostenlos und braucht keinen Account bei DNS Diensten.

Kostenloaser Download unter: IP Observer Download Seite

Über die Jahre habe ich mir eine umfangreiche Stopword Liste zusammengetragen die ich hier bereitstellen möchte. Als Datei im Anhang sind noch verschiedene Formate beigelegt. Viel Spaß

stopwords-deutsch (utf-8).txt download
Hier nur ein Auszug aus der Liste:

'ab', 'aber', 'abgerufen', 'abgerufene', 'abgerufener', 'abgerufenes', 'acht', 'ähnlich', 'alle', 'allein', 'allem', 'allen', 'aller', 'allerdings', 'allerlei', 'alles', 'allg', 'allgemein', 'allmählich', 'allzu', 'als', 'alsbald', 'also', 'am', 'amp', 'an', 'ander', 'andere', 'anderem', 'anderen', 'anderer', 'andererseits', 'anderes', 'anderm', 'andern', 'andernfalls', 'anderr', 'anders', 'anerkannt', 'anerkannte', 'anerkannter', 'anerkanntes', 'anfangen', 'anfing', 'angefangen', 'angesetze', 'angesetzt', 'angesetzten', 'angesetzter', 'ansetzen', 'anstatt', 'arbeiten', 'auch', 'auf', 'aufgehört', 'aufgrund', 'aufhören', 'aufhörte', 'aufzusuchen', 'aus', 'ausdrücken', 'ausdrückt', 'ausdrückte', 'ausgenommen', 'außen', 'außer', 'ausserdem', 'außerhalb', 'author', 'autor', 'background', 'bald', 'bearbeite', 'bearbeiten', 'bearbeitete', 'bearbeiteten', 'bedarf', 'bedürfen', 'bedurfte', 'been', 'befragen', 'befragte', 'befragten', 'befragter', 'begann', 'beginnen', 'begonnen', 'behalten', 'behielt', 'bei', 'beide', 'beiden'

Die meisten neuen Browser unterstützen die :hover funktion für alle Tag Elemente. Das ereinfacht die grfische Hervorhebung von Elementen und hällt den Code schlank. Leider für dies bei älteren Internet Explorern zu unberechenbaren Ergebnissen.

Die Einbindung ist wieder sehr einfach:

body {
    behavior: url("csshover3.htc");
}

Demos und Scripts finden Sie hier unter http://www.xs4all.nl/~peterned/htc/

Als 3. Beispiel gibt es natürlich auch für das PNG Problem eine Lösung. PNG Images mit transparentem Hintergrund können in einem IE 6 nicht dargestellt werden.  Auch dafür gibt es ein htc Script das einfach eingebunden werden kann.

Alle notwendigen Dateien finden Sie unter:

http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

Funktionen die bereits in Firefox oder Safari bereits seit längerem integriert sind können mit .htc Erweiterungen auch auf den Internet Explorer ältern Datums gebracht werden.

Dazu gehört auch die Funktion Box Shadow. Das Script IE-CSS3.htc das über JavaScript diese Funktionen nachträglich in den IE implementiert, läßt sich einfach in den CSS Code implementieren

.box {
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	-moz-box-shadow: 10px 10px 10px #000; // Firefox
	box-shadow: 10px 10px 10px #000; // Internet Explorer
	z-index: 2;
	behavior: url(ie-css3.htc);
}

Hier der Code und das Script zum download

Ein Beispiel:

Gerade jetzt in der Übergangszeit da der Anteil der IE 6 Benutzer immer weniger wird, man sie aber trotzdem noch nicht ganz vernachlässigen kann, ist es gut wenn man Funktionen wie Rounded corner auch in den alten Browser einfach integrieren kann. Über das Script border-radius.htc lassen sich über CSS, ohne zusätzlichen HTML Code, runde Ecken verwirklichen.

Die Einbindung ist denkbar einfach:

.box {
moz-border-radius:15px; // Für Firefox
webkit-border-radius:15px; // Für Apple Safari
behavior:url(border-radius.htc); // Für Internet Explorer
}

Alle Notwendigen Dateien und Beispiele finden Sie auf:
code.google.com

Der Online Dienst techchannel.de meldete Heute das Microsoft wieder Lücken in ihrem Internet Explorer gefunden hat.

Auf den Seiten von smashingmagazine.com ist ein Artikel über das optimieren von PNG Files erschienen. Der Bericht zeigt eindrucksvoll und detailliert wie man PNG Files noch weiter reduzieren kann ohne einen Unterschied zu sehen. Durch Berücksichtigung einfacher Regeln lassen sich durchaus lohnenswerte Einsparungen bei der Dateigröße erzielen.

Clever PNG Optimization Techniques – Smashing Magazine.