Css3 online tools

Bonjour,

Un petit post rapide pour vous communiquer 2 petits sites qui peuvent servir d'aide mémoire pour le Css3

http://css3generator.com/
Outil sympathique avec preview online uniquement pour FF 3.5+, chrome 4.0+, Safari 3.1+, Opera 10.5+

http://css3please.com/
Code Css Cross-Browser inclus IE6+ (en fonction des possibilités)

Denis P.

comments (0)
| More

Fonction getHue() ActionScript 3.0

Bonjour,

J'ai mis au point ma fonction getHue() qui va me permettre de faire un pas de géant dans ma détection de couleur ! En théorie, je vais pouvoir élminer une énorme partie ou la totalités des parasites une fois cette fonction implémenté dans ma classe detectionCouleur.as.

voici la fonction :

// give RGB value and return an hue -> integer
function getHue ( red:int, green:int, blue:int):int{
 
var hueFinal:int;
var tmpRed:Number = red/255;
var tmpGreen:Number = green/255;
var tmpBlue:Number = blue/255;
 
var minValue:Number = Math.min(tmpRed, tmpGreen, tmpBlue);
var maxValue:Number = Math.max(tmpRed, tmpGreen, tmpBlue);
var deltaRGB:Number = maxValue - minValue;
 
var hue:Number;
var sat:Number;
var lum:Number = (maxValue + minValue) /2 ;
 
if(deltaRGB == 0){
	hue = 0;
	sat = 0;
}else
{
	if(lum < 0.5){
		sat = deltaRGB / ( lum*2);
 
		}else{
		sat = deltaRGB / (2 - maxValue - minValue);}
 
	var deltaR:Number = 
(((maxValue - tmpRed) /6) + (deltaRGB / 2))/ deltaRGB;
	var deltaG:Number =
 (((maxValue - tmpGreen) /6) + (deltaRGB / 2))/ deltaRGB;
	var deltaB:Number =
 (((maxValue - tmpBlue) /6) + (deltaRGB / 2))/ deltaRGB;
 
	switch (maxValue){
		case tmpRed :
		hue = deltaB - deltaG;
		break;
		case tmpGreen :
		hue = (1/3) + deltaR - deltaB ;
		break;
		case tmpBlue :
		hue = (2/3) + deltaG - deltaR;
		}
	if(hue < 0){ hue += 1;}
	if(hue > 1){ hue -= 1;}
 
}
hueFinal =Math.round(hue*360);
 
return hueFinal ;
 
}

Pour rappel, le hue indique la température de couleur en degrée. Cela change légèrement ma façon de traiter la detection. Si je donne la possibilité de pick une couleur sur l'apercu de la webcam, on peut imaginer utiliser n'importe quel objet et l'assigner à une fonction de la navigation. Tout cela est théorique, je vais faire des tests pour vérifier si la théorie == la pratique !

Denis P.

comments (0)
| More

Cooking de jolies Urls avec CakePhp et Paginator

Bonjour,

Aujourd'hui j'ai été confronté à un petit souci de routes dans Cake Php lorsque il faut intéragir avec le Paginator. Comme la solution ne fut pas évidente et que peu de sources utiles sont disponible.

Voici ma solution inspiré de plusieurs blog que j'ai lu. plus particulièrement celui-ci :


Intro :

Si vous utilisez des routes personnalisé, vous aurez envie aussi de modifier l'affichage par défaut des url du paginator.

Par defaut :

  • mon.domaine.com/categorie/action/page:x

Disons que nous voudrions plutôt ceci :

  • mon.domaine.com/categorie/page:x


Explications :

Route.php :
Ajoutez cette ligne-ci dans votre fichier route.php

Router::connect('/:categorie/*',
           array('controller' => 'works',
           'action' => 'index'),
           array('pass' => array('categorie'),
                   'categorie' => '[a-z|A-Z|0-9]+')
        );
// :categorie sert de variable tampon qui ne fonctionnera que si
// 'categorie' => '[a-z|A-Z|0-9]+' voir les expressions régulière.

maView.ctp
Lorsque vous définissez la variable paginator définissez correctement ses options :

$paginator->options(array('url'=>  array(
                                          'controller' => 'works', 
                                          'action' => 'index',
                                          'categorie' => 'works'
  )));
// Ici, je règles les options pour obtenir ce résultat :
// mon.domaine.com/works/page:x

Voilà c'est pas très compliqué finallement. Ici je passe par une variable :categorie uniquement pour rester le plus flexible possible en fonction de vos structures.

Enjoy !

Denis P.

comments (0)
| More