A propos de ce thème

Filed under: Non classé — vincent.lark @ 12:04

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 DTD XHTML, vous pouvez le vérifier vous même en utilisant le lien “valid HTML” présent dans les liens de la colonne de droite.
Il en va de même pour le CSS et les flux de syndication RSS.

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 CSS à des fonctions JavaScript. Par exemple, attribuons à tous les éléments possédant la classe ‘classe’ le fait de disparaître progressivement lorsque l’on cliquera dessus :

Code (javascript)
  1.  
  2. var common_rules = {
  3.    
  4.     ‘.classe’ : function( el ) {
  5.  
  6.                 Event.observe( el , ‘click’, function( e ) {
  7.             new Rico.Effect.FadeTo( Event.element( e ) , 0, 250, 10);
  8.         };
  9.  
  10.     }
  11. }
  12.  

Le code relatif à la présentation reste ainsi bien séparé du code HTML.

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

Code (javascript)
  1.  
  2.             sIFR.replaceElement( "h1" , named( { sFlashSrc: "objet_flash.swf" } );
  3.  
No Comments

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

Chargement ...