Affichage des articles dont le libellé est javascript. Afficher tous les articles
Affichage des articles dont le libellé est javascript. Afficher tous les articles

mardi 23 octobre 2012

Outils pour partager du code en ligne

Il y a pleins d'outils apparemment pour faire cela mais je me suis arrêté sur celui-là :
http://jsfiddle.net/ : permet de partager du code HTML, CSS, JavaScript

lundi 8 octobre 2012

Bordures dynamiques que l'on peut retailler

 http://jsfiddle.net/lnplnp/MxKLH/

HTML

<div id="container">
  <div id="panel1" class="panel" >
    some text, lorem ipsum. some text, lorem ipsum. some text, lorem ipsum.
  </div>
  <div id="panel2" class="panel" >
    some more text, lorem ipsum. some text, lorem ipsum. some text, lorem ipsum.
  </div>
  <div id="panel3" class="panel" >
    some text, lorem ipsum. some text, lorem ipsum. some text, lorem ipsum.
  </div>
  <div id="panel4" class="panel" >
    some text, lorem ipsum. some text, lorem ipsum. some text, lorem ipsum.
  </div>
  <div class="clear"></div>
</div>

CSS

.clear{
  clear:both;
}

#container{
  border: 1px red solid;
  margin: 0 auto;
  width: 900px;
}

.panel{
  background-color: #9999FF;
  float: left;
  height: 200px;
  padding: 2.5px;
}

#panel1{
  background-color: #FF0000;
}

JS

$(document).ready(function() {

  // init
  var containerWidth = $("#container").width();
  var nbpanels = $(".panel").size();
  var padding = 2.5;
 
  $(".panel").width( (containerWidth / nbpanels) - (nbpanels * padding - 2 * padding));

  $(".panel").resizable({
    handles: 'e',
    maxWidth: 450,
    minWidth: 120,
    resize: function(event, ui){
      var currentWidth = ui.size.width;
      // set the content panel width
      $(".panel").width( ( (containerWidth - currentWidth + padding ) / (nbpanels - 1) ) - ((nbpanels - 1) * padding) );
      $(this).width(currentWidth);
    }
  });

});

vendredi 14 septembre 2012

jQuery latest


http://code.jquery.com/jquery-latest.js
Faut absolument que je retienne cette adresse... je suis tout le temps en train d'essayer de m'en souvenir.

mardi 17 juillet 2012

logme... ou pourquoi ne pas faire de console.log

Ma fonction préférée :

function logme(data) {
  if (typeof console != 'undefined') {
    console.log(data);
  }
}

Ne pas faire de console.log() directement pour éviter de faire planter IE qui ne connaît toujours pas l'objet console.