SchmaRs World » Webentwicklung

Die besten WordPressplugins – Blogparede Auswertung

SchmaR — Sat, 15 Nov 2008 17:33:23 +0000

4 Wochen ist es nun her, dass ich die Frage zu den besten WordPressplugins in die Blogosphäre geworfen habe. Als Fazit kann ich sagen das ich meinen Erwartungen entsprechend viele Antworten zurückbekommen habe. Mit 6 antworten hat sich im Vergleich zu der Masse an Plugins zwar nur ein kleiner Meinungsrahmen abgezeichnet, jedoch tut dies der Qualität der Ratschläge keinen Abbruch.

Die Antworten sind alle sehr unterschiedlich ausgefallen sodass man nur eine Grobe Zusammenfassung geben kann. Aus diesem Grund empfehle ich jeden interessierten, sich alle Artikel zu der Problematik „Die besten WordPressplugins“ anzusehen.

Welches ist das Beste?

Zu der Frage „Welche(s) Plugin(s) das/die ihr Verwendet ist/sind eurer Meinung nach die/das Beste(n)? Warum?“, gab es ein breites Antworten Feld in den Auflistungen von Plugins finden sich jedoch, wie nicht anders zu erwarten war, 5 sehr Populäre plugins wieder. Die wären

Akismet
Cforms
Google XML Sitemaps
All in One SEO Pack
Simple Tags

Sind Plugins wichtig?

Eine weitere Frage lautete: „Sind Plugins überhaupt wichtig für einen Blog?“. Hierzu gab es auch einige sehr interessante Meinungen. Grundsätzlich ist zu sagen (wie auch nicht anders zu erwarten war) dass Plugins sehr wichtig für ein WordPress blog. Plugins halten die Software schlank und automatisieren, wiederkehrende Aufgaben, wie zum Beispiel das Aktualisieren der Google Sitemap.

Die Teilnehmer

Die restlichen Denkanstöße(Fragen) wurden in sehr vielen verschienenden Formen mit in die Artikel eingebunden. Diese Vielfältigkeit bringt leider den Nachteil mit sich das es nahezu unmöglich ist die Antworten zusammen zu fassen. Von daher hier die Liste aller Teilnehmer.

Und zuletzt noch der eine Kommentarteilnehmer.

Von intoxi

Hallo,
ich kommentiere da die Parade Inhaltlich überhaupt nicht in meinen Blog passt
Also eine schöne Blog Parade und die Plugins für mich (als Anfänger) die in deiner Liste noch fehlen:

1. automatisches verkürzen zu langer Links: http://putzlowitsch.de/123-shrink-link/

2.Admin Management Xtended Plugin:
http://www.schloebe.de/wordpress/admin-management-xtended-plugin/

3.Quellenangaben in Beträgen einfügen:
http://www.mkswork.de/mmyreferences-wordpress-plugin/

4.WP Super Cache
http://ocaoimh.ie/wp-super-cache/

Das sind wie ich nach noch nicht so langer Erfahrung mit WP sagen kann Plugins auf die ich wirklich nicht mehr verzichten möchte. Natürlich habe ich auch die meisten deiner Liste für mich entdeckt.
Ich bin gespannt auf die Liste am Ende der Parade, viel Erfolg!

Vielen Dank an Alle Teilnehmer. Wenn ihr die Liste der Teilnehmer übernehmen wollt, hier ist der Code:

 
 href="http://www.punsk.de/web-entwicklung/blogparade-top-wordpress-plugins/">Blogparade Top WordPress Plugins - Punsk - Tim-Oliver Schulz
 href="http://www.swype.me/?p=378">Swype.me » Blogging » Blogparade - die besten WordPress Plugins - Blog in den Tag hinein
 href="http://www.pascal-held.de/2008/11/die-besten-wordpress-plugins/">Die besten WordPress-Plugins | Pascal Held
 href="http://monika.wordpress.com/2008/10/26/blogparade-wordpress-plugins-wie-findet-man-die-und-mehr/">Blogparade: WordPress Plugins - wie findet man die und mehr « Monika’s Gedanken
 href="http://www.gartenmoebel-studio.de/die-besten-wordpress-plugins-32.html">Die besten WordPress Plugins - gartenmoebel-studio.de

RDFa – Web meets Desktopanwendung

SchmaR — Fri, 17 Oct 2008 17:32:42 +0000

Wäre es nicht eine schöne Sache wenn man jemand bei StudiVZ o.ä. diensten kennen lernt und einfach sein Profil in eine Desktopanwendung zu verwalten von Kontakten zieht und alle relevanten Daten eingetragen sind. Ein anderes Beispiel wäre, wie oft findet man Bilder im Netz über deren Lizenz man sich nicht klar? Auch hier wäre RDF bzw. RDFa eine wunderbare Lösung.

Der Pilotartikel der neuen Kategorie ist als eine Einleitung zu verstehen und geht vorerst nicht so sehr in die Tiefe.

RDFa ist eine Abwandlung der Technik (RDF + xHTML) des RDF (Resource Description Framework) sowie von xHTML und dient wie der Name schon sagt zum Beschreiben von Webinhalten. Die Technik ist meiner Meinung nach ein entscheidender Schritt um das Web weiter voran zu bringen und für den User komfortabler zu machen. Durch das RDFa wird es ermöglicht das Programme die Inhalte von Webseiten effizient auslesen und verwerten können.

Die Problematik kurz erläutert

An folgenden Bespiel will ich kurz den Sinn und Zweck von RDFa aufzeigen

Auf der Linken Seite sieht man was der Browser bzw. ein Programm aus (x)HTML interpretiert. Die rechte Seite stellt dar was der User sieht bzw. interpretiert.

Und genau an dieser Lücke setzt RDFa ein durch das hinzufügen von RDF Eigenschaften in xHTML werden die einzelnen Elemente genauer ausgezeichnet, sodass sie von Programmen/Maschinen im Kontext lesbar werden.

Hier ein Beispiel:

Ohne RDFa Auszeichnung

<div  style="color: red;">xmlns:dc="http://purl.org/dc/elements/1.1/">
   <h2  style="color: red;">property="dc:title">The trouble with Bob</h2>
   <h3  style="color: red;">property="dc:creator">Alice</h3>
   ...
</div>

Mit RDFa Auszeichnung

 
 xmlns:dc="http://purl.org/dc/elements/1.1/">
 property="dc:title">The trouble with Bob
 property="dc:creator">Alice
 
   ...

Wie man an den Beispiel schon sehen kann benötigt RDFa ein Ressourcendokument welches die RDF Eigenschaften auszeichnet, so ist aber auch gewährleistet, das dass Framework nicht daran Krankt, dass es für einen vom Autor gewünschten Kontext keine Auszeichnung gibt. Jeder der sich eingehender mit dieser Technik beschäftigt soll eigene Ressourcendokumente erstellen können.

Soweit erst einmal mit dem Thema RDF werde ich mich in folgenden Artikeln noch eingehender beschäftigen. Dieser Artikel bezieht sich auf die News vom W3C: „RDFa in XHTML: Syntax and Processing Is a W3C Recommendation; RDFa Primer Updated“ In dem Newsartikel findet ihr auch weiterführende Links zum Thema.

Examples (code and image) Copyright © 14 October 2008 World Wide Web Consortium, (Massachusetts Institute of Technology, European Research Consortium for Informatics and Mathematics, Keio University). All Rights Reserved. http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231

„Rund ums W3C“ eine neue Kategorie geht an den Start

SchmaR — Fri, 17 Oct 2008 17:32:09 +0000

Weil es so schön war geht’s gleich weiter, Heute gibt es wieder eine neue Kategorie und zwar „Rund ums W3C“. Hinter der Kategorie verbirgt sich die Idee euch die (neuesten) Entwicklungen beim W3C näher zu bringen. Na klar wird der eine oder andere jetzt sagen: „alles was wichtig ist mach sowieso schnell die Runde.“ doch ist es nicht besser, einen Vorsprung zu haben? Ist es nicht besser, sich frühzeitig mit neuen Technologien auseinander zusetzen bevor so gut wie jeder sie beherrscht?

Allein schon aus marktwirtschaftlicher Sicht ist es grundlegend von Vorteil wenn man der Konkurrenz einen Schritt voraus ist. Was die Wirtschaftlichkeit nicht hergibt macht der Ehrgeiz wieder wett. Wer sagt nicht gerne von sich das er mit den neuesten Technologien schon seit den ersten Veröffentlichungen vertraut ist?! Dies ist die eine Seite der Münze, warum ich diese Kategorie ab jetzt betreibe.

Die zweite Seite bezieht sich auf das eingeklammerte „neuesten“ in der Einleitung. In dieser Kategorie werde ich auch „reviews“ zu bereits älteren Konzepten des W3C, aber noch in der Entwicklung sind, zu denen es aber nichts Neues zu berichten gibt, veröffentlichen. Das ganze dient dazu Interessante Konzepte aufzugreifen und zur Verbreitung der Ideen beizutragen.

Und hier gehts auch Gleich los mit dem debütartikel:

Ich hoffe auf ein gutes Gelingen und auf euer reges Interesse.

Logo Screenshot Copyright © [Date: 2008/10/16 16:24:10 ] World Wide Web Consortium, (Massachusetts Institute of Technology, European Research Consortium for Informatics and Mathematics, Keio University). All Rights Reserved. http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231

Coding Talks neuer/alter Partner

SchmaR — Mon, 06 Oct 2008 19:02:53 +0000

Heute ist es mal wieder so weit die Blogroll wurde einen weiteren interessanten Link erweitert. Diesmal zu einen sehr jungen Projekt Coding Talks Coding für Jedermann!. Auf den Blog von unseren ehemaligen Redakteur Amir Hodzic dreht sich alles wie der Name schon vermuten lässt um Coding speziel um Serverseitiges Webcoding.

Im Detail kommt der Blog Inhaltlich mit Vorstellungen zu Frameworks, IDE's, und best practices daher aber auch einige Artikel zu dem allgemeinen Geschehen im Web sind mit von der Partie. Hin und wieder wird Amir auch das serverseitige Geschehen hinter sich lassen und auf clientseitige Technicken eingehen, wie er in einen Forum verlauten lies.

Vom Optischen her ist der Blog sehr schlicht gehlaten, zu schlicht für meinen Geschmack jedoch wird dies den Inhalt kaum einen Abbruch tun. Weiß, Blau und Dunkelgrau sind die dominierenden Farben auf dem Blog, wobei weiß überwiegt.

Ich Wünsche Amir viel Erfolg mit seinen neuen Schützling und hoffe auf eine gute Partnerschaft, mit der/den einen oder andern gemeinsamen Aktion oder Gastartikel.

6 kleine PHP snippets

SchmaR — Tue, 30 Sep 2008 19:21:32 +0000

Heute habe ich mal wieder einen Leckerbissen für PHP-Neulinge, der Lead Codesupporter Raph (civa-co.de) von Eurostyle-Webmedia.de hat im Laufe der Zeit eine Reihe von PHP snippets veröffentlicht. 6 von diesen snippets werde ich euch kurz in einer Link-Liste vorstellen.

Smiley Funktion
Die Smiley Funktion dient wie der Name schon vermuten lässt den ersetzten von Textsmileys durch grafische Smileys. Auf den Punkt gebracht ist diese Funktion eine Anwendungsmöglichkeit der PHP-Funktion str_replace();
Letzte Aktualisierung einer Datei
Hier ein knapper, hin und wieder, nützlicher 2 Zeiler. Die Funktion übernimmt den Dateinamen und gibt den Zeitpunkt der letzten Aktualisierung der Datei aus.
Server Online/Offline Anzeige
Bei der Server Online/Offline Anzeige handelt es sich um kleines, gut Dokumentiertes PHP snippet/Tutorial, welches den Online/Offline Status eines Servers durch das Herstellen einer Socket-Verbindung überprüft.
Sprache
In diesem snippet wird über die Servervariable HTTP_ACCEPT_LANGUAGE die bevorzugte Sprache des Users festgestellt. Nützlich wäre dieser Code zum Beispiel in einem Templatesystem.
Referer
Auch in diesem Minicode kommt wieder eine Servervariable zum Einsatz, mit welcher festgestellt wird von welchem Script aus das Script aufgerufen wurde.
Volljährigkeit
Eine für meinen Geschmack etwas kompliziert gehaltene Funktion zum Überprüfen der Volljährigkeit eines Users. Die Funktion nimmt die Variablen: $day, $month und $year entgegen welche Beispielsweise aus einem Formular stammen könnten und Überprüft durch einige Datumsfunktionen das Angegeben Alter.

phpMyAdmin der Sprung in die 3.0.0

SchmaR — Mon, 29 Sep 2008 18:25:32 +0000

Nach einen knappen einmonatigen Betatest geht die beliebte open source MySQL administrations Software endgültig in die dritte Runde. Am 27.09 wurde nun die Finale Version 3.0.0 released und gilt als aktuelle Stable.

Zu den wichtigsten Neuerungen zählen: Die Unterstützung für die Storage Engine Maria (Wir berichteten im Alphatest), Experiemteller Support für Mozilla Prism und die Möglichkeit des Exportes in Texy-Mark-up. Als Vorraussetzung wird nun mindestens PHP 5.2 und MySQL 5.0.15 benötigt. Desweiteren wird aufgrund einiger Securityfixes ein Umstieg auf die neue Version empfohlen.

Hier ist das Komplette Changelog aus der phpMyAdmin Wiki.

Requirements

PHP 5.2+, MySQL 5.0.15+

Improvements

This version supports various features of MySQL 5.1, the Maria and PBXT storage engines and SweKey hardware authentication.

[table] support MySQL 5.1 PARTITION: CREATE TABLE / Table structure, partition maintenance
[privileges] support for EVENT and TRIGGER
[gui] Events
- minimal support on db structure page
- export
[engines] Maria support
[engines] MyISAM and InnoDB: support ROW_FORMAT table option
[engines] PBXT: table options, foreign key (relation view, designer)
[error handler] NEW handle errors to prevent path disclosure and display/collect errors
[mysqlnd] do not display strMysqlLibDiffersServerVersion if the client is mysqlnd
[webapp] experimental Mozilla Prism support
[export] new plugin "codegen" for NHibernate
[export] new export to Texy! markup
[config] new parameter CheckConfigurationPermissions
[config] new parameter ShowDatabasesCommand
[config] new parameter CountTables
rfe #1775288 [transformation] proper display if IP-address stored as INT
rfe #1758177 [core] Add the Geometry DataTypes
rfe #1741101, patch #1798184 UUID default for CHAR(36) PRIMARY KEY
rfe #1840165 [interface] Enlarge column name field in vertical mode
patch #1847534 [interface] New "Inside field" in db search
[GUI] Mootools js library (http://mootools.net) and new parameter InitialSlidersState
[core] cache some MySQL stats (do not query them with every page request)
[view] clearer dialog WITH (CASCADED | LOCAL) CHECK OPTION
[pdf] Merged tcpdf 2.2.002 (PHP5 version)
prevent search indexes from indexing phpMyAdmin installations
[lang] New Bangla
[interface] Display options
rfe #1962383 [designer] Option to create a PDF page
[GUI] Color picker
[navi] new parameter LeftDefaultTabTable
[display] headwords for sorted column
rfe #1692928 [transformation] Option to disable browser transformations
[import] Speed optimization to be able to import the sakila database
[doc] Documentation for distributing phpMyAdmin in README.VENDOR.

Fixes for 3.0.0-alpha

bug #1910621 [display] part 2: do not display a BINARY content as text
[export] properly handle line breaks for YAML
bug #1664240 [GUI] css height makes cfg TextareaRows useless
bug #1724217 [Create PHP Code] doesn't include newlines for text fields
bug #1845605 [i18n] translators.html still uses iso-8859-1
bug #1823018 [charset] Edit(Delete) img-links pointing to wrong row
bug #1826205 [export] Problems with yaml text export
bug #1344768 [database] create/alter table new field can not have empty string as default
patch #2007196, Typos in comments
bug #1982315 [GUI] Comma and quote in ENUM
bug #1970836 [parser] SQL parser is slow
bug #2033962 [import] Cannot import zip file

Fixes for 3.0.0-beta

[lang] Swedish update, thanks to Björn T. Hallberg
bug #2050068 [gui] "Check tables having overhead" selects wrong tables

Fixes for 3.0.0-rc1

[lang] Belarusian update, thanks to Jaska Zedlik
[lang] Norwegian update, thanks to Sven-Erik Andersen
[lang] Italian update, thanks to Luca Rebellato
[core] safer handling of temporary files with open_basedir (thanks to Thijs Kinkhorst)
[core] do not automatically set and create TempDir, it might lead to secrity issue (thanks to Thijs Kinkhorst)
[lang] Czech update
bug #2066923 [display] Navi browse icon does not go to page 1
patch #2075263 [auth] Single sign-on and cookie clearing, thanks to Charles Suh * cws125
[doc] better documentation of $cfg['TempDir']
bug #2080963 [charset] Clarify doc and improved code, thanks to Victor Volkov * hanut

CSS drop down Navigation

SchmaR — Wed, 10 Sep 2008 18:28:36 +0000

Heute gibt es mal wieder ein kleines Tutorial auf SchmaRs-World.de. Dieses Mal geht es um eine Simple „drop down Navigation“. Die „Inspiration“ zu diesem Tutorial habe ich durch ein Codesnippet zum Thema „Mouseover mit CSS“ von Raph im Eurostyle-Webmedia.de Forum bekommen. Herzlichen Dank an dieser Stelle dafür .

Wir werden die Navigation mit 4 ineinander verschachtelten Listen realisieren. 1 Dieser Listen ist die „Hauptnavigation“ in welche die anderen eingebettet werden.

Dieses Tutorial richtet sich an Anfänger/Fortgeschrittene um es verstehen zu können sollte man bereits einige Grundkenntnisse in (x)html und CSS haben.

Hier ist eine Preview unseres Ziels

Das xhtml Grundgerüst

Als erstes Fangen wir mit dem xhtml- Code an. Den Anfang bildet wie immer der obligatorische Link zum Stylesheet innerhalb der tags.

 
 href="style.css" media="screen" type="text/css" rel="stylesheet" />

Als nächstes brauchen wir eine Liste hierfür eignet sich eine ungeordnete Liste also

. Diese liste bekommt nun 3 Einträge für die Kategorien unserer Navigation. Jedem dieser Einträge weisen wir die CSS-Klasse „navi“ zu, welche wir später noch definieren werden. Die list-Items (

) bekommen jetzt noch den Inhalt „Kategorie 1-3“. Unser Quellcode sieht nun wie folgt aus.

 
 class="navi">Kategorie 1
 class="navi">Kategorie 2
 class="navi">Kategorie 3

Jetzt bekommt jedes Element unserer Liste eine weitere Liste als Inhalt, auch hier bietet sich eine wieder eine ungeordnete Liste an. Jeder dieser „Unterlisten“ weisen wir die CSS-Klasse „submenu“ zu. Alle Listen mit der „submenu- Klasse“ bekommen jeweils 3 list-tems mit dem Inhalt „link1-3“.

 
 class="navi">Kategorie 1
 class="submenu">
link1
link1
link1
 class="navi">Kategorie 2
 class="submenu">
link2
link2
link2
 class="navi">Kategorie 3
 class="submenu">
link3
link3
link3

So das war es auch schon von der xhtml Seite, weiter geht’s mit dem Cascading Style Sheet.

Die style.css

Der CSS Code ist recht minimalistisch, jedoch sehr wirkungsvoll.

Als erstes beginnen wir mit einigen Allgemeinen Eigenschaften.

*,
html,
body{
	margin:0;
	padding:0;
}
 
body{
	color:#000000;
	background-color:#EFEFEF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

(Der Code der in der body klasse enthalten ist, dient lediglich dem Layout.)

Nun ist die Klasse "Navi" dran. Wir setzen die Eigenschaft display auf inline um aus den (in den meisten Fällen) standardmäßig als Block-Elemente deklarierten List-items ein Inline-Element zu formen. Die restlichen Angaben in dieser Klasse sind lediglich für das Layout zuständig und können nach belieben gestaltet oder weggelassen werde.

.navi{
	display:inline;
	background:#97E1FD;
	font-size:16px;
	border:#66FFFF 2px dotted;
	margin-left:100px;
}

In diesen kleinen aber feinen Schritt definieren wir die Klasse „submenu“. Sie bekommt lediglich die Eigenschaft „display“ mit dem Wert „none“ zugewiesen wodurch alle „submenu-Elemente“ nicht angezeigt werden.

.submenu{
	display:none;
}

Jetzt kommt das Herzstück unserer Navigation. Die Deklaration des Verhaltens der Klasse „submenu“, wenn sich der Mauszeiger über einen „navi“ Element befindet. Die Eigenschaft „display“ wird auf „inline“ gesetzt wodurch die zuvor nicht sichtbare Liste als inline-Element dargestellt wird. Das setzen der Eigenschaft „position“ auf „absolute“ ist neben den eben bei display angewandten verfahren Elementar. Das setzen von absolute entfernt die „submenu-Elemente“ aus dem normalen Textfluss sodass sie über oder unter den anderen Elementen angezeigt werden und nicht das Layout zerstören. Mit der Eigenschaft „z-index“ wir angeben welches Element über welchen liegt. z.B. wird ein Element das einen „z-index“ von 1 hat unter einem mit einem „z-index“ von 2 dargestellt. Die Eigenschaft „margin-left“ hat in diesem Fall nur Layouttechnische Bedeutung.

.navi:hover .submenu{
	display:inline;
	position:absolute;
	z-index:2;
	margin-left:1px;
}

Nun ist es fast geschafft jetzt folgt noch eine kleine Definition des Verhaltens von List-Items innerhalb eines „submenu“ Elements. Hierbei sind die Eigenschaften „display“ und „list-style-position“ wichtig. Die auf Block gestellte Eigenschaft „display“ sorgt dafür dass die Listenelemente untereinander also als Block Elemente dargestellt werden. list-style-position:outside; ist lediglich ein Fix für den IE7 da dieser ansonsten vor den Inhalt der List-Item einen freien platz darstellt.

.navi:hover .submenu li{
	display:block;
	background-color:#6699FF;
	border:#66FFFF 1px dotted;
	list-style-position:outside;
}

Hier die Tutorial Dateien.

So da war es auch schon mit unserem kleinen Turorial ich hoffe es hat euch weitergeholfen und war gut zu verstehen. Für Kritik positive wie negative bin offen, also lasst eure Meinung in den Kommentaren da.

Contentslider/Specialbox – Tutorial

SchmaR — Mon, 25 Aug 2008 00:50:56 +0000

Da im Eurostyle-webmedia.de Forum in letzter Zeit viele Fragen zu den Thema kursieren wie man eine Specialsbox oder einen Contenslider realisiert, werde ich hier eine einfach gehaltene (mit AJAX realisierte) Möglichkeit vorstellen und in Form eines Tutorials erklären. Als besonderes Schmankerl biete ich das Tutorial Multimedial an, einmal in Textform und einmal als Video.

Link zum unseren Ziel

Am Anfang stand die HTML

Beginnen wir mit den xHTML-code zu den Werde ich nicht viele Worte verlieren, da ich Grundkenntnisse in xHTML einfach mal vorrausetze.


 xmlns="http://www.w3.org/1999/xhtml">
 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 href="style.css" media="screen" type="text/css" rel="stylesheet" />
 language="javascript" type="text/javascript" src="functions.js">
</span></a></span>SchmaRs-World: Contentslider/Specialbox - Tutorial Demo<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">
 onload="sndReq(1)">
 id="wrapper">
 id="title">
Contentslider/Specialbox - Tutorial 
 id="contentslider">
 
   style="clear:both;" />

In den Zeilen 5 und 6 werden die Dateien geladen die für die Realisierung nötig sind. Zum einen ist das die "style.css" welche die Angaben zum Layout enthält. Zum anderen die "functions.js" welche das Herzstück unseres Vorhabens darstellt. Das Bodytag ist mit einem onLoad Ereignis versehen um beim erstmaligen Laden der Seite die "specialbox" mit Inhalt zu versehen. Soviel nun zu den kleinen xHTML Fetzen.

Javascript meets PHP

Kommen wir nun zu den Javascriptcode welcher für das Nachladen von Inhalten verantwortlich ist. Im Wesentlichen besteht der Code aus 3 Funktionen welche mit dem XMLHttpRequest-Objekt arbeiten bzw. es erzeugen. Alternativ könnte man auch eine AJAX Bibliothek wie Prototype verwenden, ein Beispiel hierfür erkläre ich später.

// Contentslider/Specialbox - Tutorial SchmaRs-World.de
// Erzeugen eines HttpRequestObjects samt Browserweiche fuer den IE.
function genXMLHttpRequestObject(){
   var resObjekt = null;
   try{
      resObjekt = new ActiveXObject("Microsoft.XMLHTTP");
   }
   catch(Error){
       try {
           resObjekt = new ActiveXObject("MSXML2.XMLHTTP");
       }
       catch(Error){
           try {
               resObjekt = new XMLHttpRequest();
           }
           catch(Error){
                alert("Erzeugung des XMLHttpRequest-Objekts ist nicht möglich");
           }
       }
   }
   return resObjekt;
}
 
// Senden der Anfrage an den Server.
function sndReq(contentnr){
    resObjekt = genXMLHttpRequestObject();
    resObjekt.open('get', 'content.php?content='+contentnr,true);
    resObjekt.onreadystatechange = handleResponse;
    resObjekt.send(null);
}
 
// Warten bis der Datentransfer beendet ist (readystate = 4) und Ausgabe des neuen Contents.
function handleResponse(){
    if(resObjekt.readyState == 4){
        document.getElementById("contentslider").innerHTML = resObjekt.responseText;
    }
}

genXMLHttpRequestObject()

In der ersten Funktion "genXMLHttpRequestObject()" wird eine Instanz von dem XMLHttpRequest-Objekt erzeugt, da die Art der Erzeugung je nach Browser unterschiedlich ist, bedarf es einer Browserweiche. Die Browserweiche ist in diesem Fall in form eines try-catch Konstrukts gelöst. Das Javascript Statement try-catch erlaubt es Code auszuführen und Werte während der Ausführung zu prüfen und im gegebenen Fall einen Fehler abzufangen.

Im ersten try Block wird versucht das XMLHttpRequest-Objekt mit einer Funktion für den IE zu instanzieren. Sollte dies fehlschlagen wird das Error aufgefangen und es wird versucht eine neuere Version des Objekts für den IE zu instanzieren. Wenn dies wiederum fehlschlägt wird versucht das Objekt mit der für den Großteil der Browser gängigsten Methode zu instanzieren. Für die unwahrscheinliche Annahme das auch dies Fehlschlägt wird eine Fehlermeldung in Form eines alert()´s ausgegeben.

sndReq() & handleResponse()

Die Funtion sndReq ist das eigentlich Herzstück des Javascriptcodes sie ruft alle notwendigen Funktionen zum Asynchronen Datenaustausch auf. Die Funktion sendet die eigentliche Anfrage an den Server und verarbeitet auch dessen Antwort.

Die erste Zeile instanziert durch den Aufruf von genXMLHttpRequestObject() ein neues XMLHttpRequest-Objekt und speichert es in der Variable resObjekt ab. Die zweite Zeile öffnet die eigentliche Verbindung zum Server und sendet die Abfrage. Die Methode open des XMLHttpRequest-Objekts übernimmt in unserem Fall 3 Parameter, die Methode (get oder post), Die zu sendenen Daten und das Flag zur bestimmt ob der Datenverkehr Asynchron sein soll oder nicht, in unserem Fall true(asynchron). Die dritte Zeile(siehe zusätzlich die Funktion handleResponse() ) dient dazu sobald der Datenverkehr abgeschlossen ist (resObjekt.readyState == 4) die Daten in das xHTML Dokument einzubinden. Dies geschieht mit der Funktion getElementById. Die Funktion übernimmt einen String der ID des betreffenden Elements innerhalb des xHTML codes, für unsere Zwecke wäre dies "contentslider". Die Eigenschaft responseText des XMLHttpRequest-Objekt enthält die empfangenden Daten.

So Das War’s mit dem Javascriptteil fürs erste, bei der Variante mit Prototype kommen wir noch einmal kurz auf Javascript zu sprechen.

PHP kurz aber knackig

Ich finde der PHP code erklärt sich durch die Kommentare selbst, ich werde zu vorrangeschrittener Stunde die Ausführungen hierzu noch etwas spezifizieren. Was das Tutorialvideo betrifft, trifft selbiges zu.


     // Contentslider/Specialbox - Tutorial SchmaRs-World.de
    // Konfiguration
    $imgpath = 'images/specials'; // Pfad zu den Bildern
	$type = 'gif'; // Dateityp der Bilder
 
	// Anwendungscode
    $toval = $_REQUEST['content'];
    if(is_numeric($toval) && file_exists("$imgpath/$toval.$type")) // prüfe ob der übergebene Wert numerisch ist und eine Datei mit dem Namen existiert
    {
        $img = $toval;
    }
    else // wenn nicht ist der Name 1
    {
        $img = 1;
    }
 
    $next = $img+1;
    $back = $img-1;
    echo "\"$imgpath/$img.$type\" alt=$img />

";
 
    if($img > 1)//wenn der Übergebene Wert größer als eins ist werden 2 Navigationspunkte zurückgeliefert
    {
        echo "
\"buttons\">
\"button\" value=\"<< zurück\" onclick=\"sndReq($back)\" id=\"btn_left\" />
\"button\" value=\"vorwärts >>\" onclick=\"sndReq($next)\" id=\"btn_right\" />
 
";
    }
	else
    {
       echo "
\"buttons\">
\"button\" value=\"vorwärts >>\" onclick=\"sndReq($next)\" id=\"btn_right\" />
 
";
    }
?>

Prototype für die ganz fixen

So hier ist noch die angesprochene alternative Möglichkeit der realisierung mit Prototype. Die Realisierung ist mit der Bibliothek um einiges leichter das sie uns so gut wie alles an Arbeit mit Javascript abnimmt.

functions.js

 
 
function sndReq(contentnr){
    new Ajax.Updater('contentslider', '/content.php?content='+contentnr, { method: 'get' });
}

Link zum unseren Ziel

Tutorial Dateien

Das Video kommt aus Reallife technischen Gründen erst Morgen sorry an alle die es schon gerne hätten.

Soo das wars ersteinmal ich hoffe auf gutes gelingen. Sollte es Ungereimtheiten geben oder sollte ich einen Fehler oder etwas nicht ganz richtig erklärt haben, was ich aber eher weniger glaube, oder wenn euch das Tutorial gefällt lasst einen Kommentar da.

Über 54 Top eBooks über Informatik und das Web

SchmaR — Wed, 20 Aug 2008 20:24:53 +0000

In den letzten Wochen und Monaten habe ich viele kostenlose eBooks(openbooks) in den weiten des Internets gefunden. Nicht alle die von außen wie Gold aussahen waren das aber die, die auf den 2ten Blick auch noch gut aussehen möchte ich euch nicht Vorenthalten.

Es wird garantiert nicht jeder mit jedem eBook etwas anfangen können jedoch dürfte für jeden Web interessierten etwas dabei sein.

Inzwischen sind schon Sage und Schreibe 69 kostenlose Ebooks in der Liste, danke für eure Anregungen!

PHP

PHP Kurs
Galileocomputing - PHP PEAR
PHPUnit - kurz & gut
Offizielle PHP Dokumentation
PHP Buch
professionelle Softwareentwicklung mit PHP5 Gut für forgeschrittene geeignet.
PHP pocket guide
Smarty Cheat SheetSehr zu empfehlen.
quakenet:#php Tutorial Eines der, wenn nicht DAS beste Tutorial für Anfänger, zum reinschnuppern optimal.
PHP für Dich!
PHP Praxisbuch
PHP Kochbuch

CSS

csstutorial.net (englisch)
css4you.de Sehr gute Referenz und Tutorialseite
Webdesign Referenz
CSS eBook

Web

Sicherheit im Internet
Grundlagen der Suchmaschinenoptimierung
Dreamweaver 8
Einstieg in Ruby on Rails den php Konkurenten
Werbung im Internet (rechtlich)
Python
Abmahnung erhalten?
Einstieg in Ajax
Joomla das Open Source CMS
Actionscript für Anfänger
Actionscript
Der IT-Systemvertrag
Internetrecht von der Uni Münster
e-comerce Leitfaden Ein sehr guter Leitfaden zum Thema e-Comerce wer mit den Gedanken spielt sich in dieser Branche zu behaupten -> LESEN
Management von virtuellen Unternehmen
Grundlagenwissen Typo3 Version 3.6.2
Das Elektrogesetz – Kleine Abhandlung in wettbewerbsrechtlicher Hinsicht

MySQL

Offizielle Dokumentation Sehr ausführliche offizielle Dokumentation man sollte aber schon einige Grundkenntnisse besitzen ansonsten ist man als Anfänger schnell überfordert.
DSP: Datenbank, MySQL und PHP
MySQL Datenbankhandbuch Fast genauso Umfangreich wie die offizielle Dokumentation aber etwas ansprechender geschrieben.

Linux

Linux Firewalls, 2. Auflage
Linux - Praxishandbuch
Linux Wegweiser zur Installation & Konfiguration, 3. Auflage
Linux Wegweiser für Netzwerker, 3. Auflage
Linux Wegweiser zur Installation, 1. Auflage
Open Source - kurz & gut, 1. Auflage
Samba, 2. Auflage
Ubuntu
Linux
Knoppix
learning the shell Eine sehr schöne Möglichkeit für den schnelleinstieg, alles kurz und knapp erklärt.

Programmierung

Handbuch der Java-Programmierung(Die HTML Ausgabe steht zum kostgenlosen Download bereit)
Visual C#
C# Tutorial (englisch)
Einstieg in VB 2008
C# Tutorial (englisch)
Java ist auch eine Insel
C++ Wunderbartes Tutorial was ich jeden Interessierten mit einigen grundlegenden Programmierkenntnissen nur an Herz legen kann, etwas Mau gestaltet und leider fehlen einige Kapitel
Visual Basic 2005 - Das umfassende Handbuch
Praxisbuch Objektorientierung Ich denke mal auf jedenfall einen Blick wert ich habe das Buch bis jetzt nur überflogen werde es mir aber in nächster Zeit zu gemüte führen.
C von A bis Z
Java 2

Informatik Allgemein

Allgemein

GPL kommentiert und erklärt

Wenn ihr noch Ergänzungen zu der Liste habt immer her damit, am besten via eines Kommentars.

Opera setzt Kurs auf ein standardisiertes Web

SchmaR — Wed, 09 Jul 2008 19:36:10 +0000

Der Softwarehersteller Opera auf welchen der gleichnamige Browser zurückzuführen ist, macht sich in einer neuen Artikelserie stark für Einhaltung der Webstandards des W3C. Zu diesem Thema hatte ich mich hier bereits in kleinerer Form geäußert.

Opera veröffentlicht die Artikel auf der hauseigenen Entwickler-Community-Plattform Dev.Opera, frei nach dem Slogan FOLLOW THE STANDARDS| BREAK THE RULES. Die Artikelserie ist in Form von Kursen angelegt und ist für folgende Zielgruppen gedacht:

Studenten und Schüler von Berufschulen
webaffine Schüler
Webdesinger und Webentwickler
Ausbilder in Firmen
Allgemein Interessenten die etwas über Webtechnologien lernen wollen

Da die Artikelserie dermaßen umfangreich ist, könnte man sie auch unter den Titel setzen "Wie realisiere ich ein erfolgreiches Webprojekt - für Anfänger". Es werden alle Themen abgearbeitet angefangen bei der Geschichte des Web/Internet und grundlegenden Informationen über die Grundlagen des Webdesigns bis hin zu mehreren Artikeln (Kursen) zu (x)HTML. Dieser Themenumriss bezieht sich auf die 21 Kurse der Artikelserie die bereits veröffentlicht wurden. Weitere sollen in den nächsten Wochen folgen.