Bidouilleur

Oui vous avez bien lu!

Google vient de proposer un plugin ( open source ) pour Internet Explorer 6, 7, 8 qui permet de charger une page web avec le moteur de rendu de Chrome, si la page contient dans son code la balise <meta> suivante:

<meta http-equiv="X-UA-Compatible" content="chrome=1">

Ceci devrait donc permettre aux irréductibles d’internet explorer 6 d’ accéder enfin à un Web plus rapide et conforme aux normes du W3C avec en prime les nouvelles balises de l’ HTML 5 (<canvas>,<header>…), mais aussi de soulager les développeurs web de nombreuses heures de souffrances pour rendre le web « compatible IE6″…donc faites tourner l’info…

Pour télécharger le plugin c’est ici !!!

Voici une vidéo explicative :

News officielle ici.

Twitter ce post

Pixastic est une librairie Javascript qui vous permet d’appliquer des filtres sur les images de votre page d’un simple clic et sans passer par un script PHP!

Pixastic exploite les nouvelles possibilités de dessin ( canvas) implémenté dans HTML5, elle n’est donc supportée que par les navigateurs suivants :  Firefox, Opera , Safa­ri et les dernières versions de WebKit. Mais cette liste devrait vite s’agrandir…

Voici toutes les possibilités(in english) qu’offre cette librairie de traitement d’ image :

• Blend
• Blur
• Blur Fast
• Brightness/Contrast
• Color Adjust
• Crop
• Desaturate
• Edge Detection
• Edge Detection2
• Emboss
• Flip Horizontally
• Flip Vertically
• Glow
• Histogram
• Hue/Saturation/Lightness
• Invert
• Laplace Edge Detection
• Lighten
• Mosaic
• Noise
• Posterize
• Pointillize
• Remove Noise
• Sepia
• Sharpen
• Unsharp Mask

Pixastic - Librairie Javascript de traitement d' image

Pixastic possède son plugin Jquery !

Exemple de Code avec Jquery :

1
2
3
4
5
6
7
8
9
10

// invert the image with id="prettyface"
$("#prettyface").pixastic("invert");
 
// convert all images with class="photo" to greyscale
$(".photo").pixastic("desaturate");
 
// chained blur and a regional emboss, see image further down
$("#myimage")
	.pixastic("blurfast", {amount:0.2})
	.pixastic("emboss", {direction:"topleft", rect:{left:50,top:50,width:150,height:150}});

Pour télécharger la librairie rendez-vous ici.

Vous pouvez aussi la tester sur le Pixastic editor!

Amusez-vous bien!

Twitter ce post