20 December 2006
A propos de ce thème
Préambule
J’ai réalisé ce thème WordPress pour ce blog. J’utilise plusieurs procédés de développement Web.
Standards et procédés habituels
Le thème utilise les techniques nécessaires aux standards du Web : toutes les pages sont - normalement - valides à la
Il en va de même pour le
J’utilise également plusieurs librairies JavaScript, mais en aucun cas la désactivation de JavaScript dans votre navigateur ne devrait empêcher la navigation.
Librairies et techniques JavaScript
Prototype
J’ai choisi d’utiliser la librairie Prototype pour l’ensemble de ce blog.
Elle permet de largement simplifier le code JavaScript par
- des raccourcis d’écriture tels que $( id ) à la place de document.getElemenById( id ) pour cibler un élément en particulier
- certaines fonctions très pratiques telles que $$( ‘#id .classe’ ) qui renvoie une collection d’éléments ciblée par un sélecteur CSS.
- la modification du style d’un élément, comme Element.setStyle( ‘id’, { width : ‘50px’} )
- des appels AJAX - appel du client vers le serveur - simplifiés, comme Ajax.Request( ‘/search.php’ , { parameters : ‘q=’+mot } )
Rico
Les quelques effets graphiques sont réalisés par la librairie Rico qui utilise également Prototype. Elle permet de donner un effet à un élément, par exemple new Rico.Effect.FadeTo( ‘id’ , 0, 250, 10 ) efface progressivement l’élément ‘id’.
Behaviour
Behaviour permet une plus simple distinction entre le code et la présentation - et en particulier les effets, en associant des sélecteurs
-
-
var common_rules = {
-
-
‘.classe’ : function( el ) {
-
-
Event.observe( el , ‘click’, function( e ) {
-
new Rico.Effect.FadeTo( Event.element( e ) , 0, 250, 10);
-
};
-
-
}
-
}
-
Le code relatif à la présentation reste ainsi bien séparé du code
sIFR
sIFR est une technique de remplacement de texte par une image, ou plus précisément d’un objet Flash. Ceci permet d’utiliser la police que l’on veut, et non plus uniquement les polices disponibles sur le navigateur client. Ce remplacement n’est pas obstructif, c’est à dire que si le navigateur client n’accepte pas le JavaScript ou le Flash, le texte original n’est pas remplacé.
Cette librairie est elle aussi assez simple d’utilisation : pour remplacer tous les <h1> par un objet Flash, on utilisera
-
-
sIFR.replaceElement( "h1" , named( { sFlashSrc: "objet_flash.swf" } );
-
WordPress database error: [Table 'vincent_lark.wp_comments' doesn't exist]
SELECT * FROM wp_comments WHERE comment_post_ID = '14' AND comment_approved = '1' ORDER BY comment_date
No Comments »
No comments yet.
Leave a comment