Projets personels

Thème BigDaddy

Thème développé pour la communauté Drupal. BigDaddy n'est pas un thème clé en main mais une excellente structure HTML/CSS pour concevoir un nouveau thème sous Drupal. BigDaddy est très léger, et dispose d’une structure claire et bien documentée. Il convient parfaitement à tout intégrateur Drupal souhaitant maitriser le code de son thème et y ajouter uniquement ce dont il a besoin. Il permet par le suite de travailler aisément avec l’API Drupal et d’être apte à répondre très rapidement à n’importe quel besoin.

Ce n’est donc pas un thème de base (“base theme” en anglais), c’est-à-dire un thème sur le lequel vous allez baser le votre en créant un sous-thème lier à celui ci, mais un thème offrant une excellente base de départ vous permettant par la suite de le modifier et de le customiser directement à la source pour l’adapter à votre projet. L’intérêt étant de mieux contrôler votre environnement de travail et ainsi d’augmenter vos performances d’affichage.

Récemment mis à jour avec une version HTML5 et compatible désormais avec Drupal 7.
L’URL du site de démonstration est accessible ici : http://bigdaddy.maximerabot.com/.

Lien vers le projet : http://drupal.org/project/bigdaddy

---

Slideshow - CSS3 Vs jQuery

Version CSS3 : création du slideshow uniquement à l'aide de propriétés CSS. La solution est dégradée de sorte que le slideshow fonctionne aussi sur navigateurs ne supportant pas les sélecteurs CSS3. Les effets de transitions ne sont visibles que sur les navigateurs fonctionnant sous Webkit (Chrome et Safari).

Télécharger le pack | Page de démonstration

Version jQuery : slideshow crée à l'aide de jQuery et du plugin jQuery Cycle. Cette version possède une animation automatique des slides.

Télécharger le pack | Page de démonstration

---

Plugins jQuery

Autofill
Ce plugin vous permet d'effacer le contenu par défaut d'un élément de formulaire lors du focus de celui-ci. Si l'utilisateur sort de l'élément sans avoir tapé un texte, la valeur par défaut réapparait, sinon, c'est le texte de l'utilisateur qui reste. Pour un exemple concret, jetez un coup d'oeil sur le formulaire de contact rapide en bas de page !

(function($) {
	
  $.fn.autofill = function(){
    var $input = this;
    var $current_input = new Array;
    var $current_input_val = new Array;
  
    $input.each(function(i) {
      $current_input[i] = $(this);
      $current_input_val[i] = $(this).val();
    
      $(this).blur(function() {
        if(!$(this).val()) {
          $(this).val($current_input_val[i]);
        } 
      });
    
      $(this).focus(function() {
        if($current_input[i].val() == $current_input_val[i]) {
          $(this).val(''); 
        }
      });
    });     
  }; 
})(jQuery);

Pour utiliser ce plugin, copier/coller le code ci-dessus dans votre fichier JS principal puis appelez le plugin depuis n'importe quel endroit de votre site ou de votre page de la façon suivante :

$(document).ready(function(){
  $("#votre-element").autofill();
});

---

Pour toute remarque, amélioration ou signalisation de bug, n'hésitez pas à m'envoyer un mail via mon formulaire de contact.