Persönliche Projekte

BigDaddy Theme

Theme entwickelt für die Drupal-Community. BigDaddy ist kein Schlüsselfertiges Theme sondern eine exzellente HTML/CSS Grundlage um eigene Drupal Themse zu erstellen.

BigDaddy ist ein sehr leichtes Theme mit gut dokumentierten/kommentierten Dateien. Er eignet sich für Webdesigner die immer einen Blick auf den Quellcode haben möchten und nur das notwendige hinzufügen möchten um es an den Projekt anzupassen. Es ist dann später möglich leicht mit der Drupal API zu arbeiten und schnell und effektiv jede Bedürfnisse abzudecken.

Link zum Projekt: http://drupal.org/project/bigdaddy

---

Slideshow - CSS3 Vs jQuery

CSS3 Version : Erstellung des Slideshows mit Hilfe von CSS-Eigenschaften. Die Lösung wurde so entwickelt so dass auch Browser die nicht die neuesten Eigenschaften oder CSS3-Selektoren unterstützten den Slideshow lesen können. Die Transition Effekte sind nur auf Webkit Browsern sichtbar (Chrome und Safari).

Pack herunterladen | Demo Seite

jQuery Version : Erstellung des Slideshows mit Hilfe von jQuery und den Plugin jQuery Cycle. Diese Version verfügt über eine automatische Animation der Slides.

Pack herunterladen | Demo Seite

---

jQuery Plugins

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();
});

---

Für Vorschläge, Verbesserungen oder Signalisierung von Bugs, bitte E-Mail schicken durch meinen Kontaktformular.