Archives mensuelles : novembre 2010

jCarousel

jCarousel

Laisser une réponse

Pour les amateurs de jQuery et ses plug-ins, j’ai fait une découverte il y a quelques semaines afin de pouvoir réaliser mon portfolio. Ce plug-in en question est jCarousel.

Mais qu’est-ce dont ?

jCarousel est un plug-in jQuery permettant de mettre en place de manière très simple un contrôleur de listes d’éléments horizontaux ou verticaux. Bien évidement vous avez des petites options dans ce plug-in pour en faire un peu plus comme récupérer des contenu en AJAX par exemple ou encore de récupérer simplement des images se trouvant sur Flickr.

Sur la plupart des exemples de leur site, ce sont des images qui sont mises en action. Mais vous pouvez très bien vous en servir pour mettre du texte à la place. C’est ainsi que j’ai fait l’animation des mes créations sur mon portfolio.

Pour les intéressés je vous invite donc à aller voir le site de jCarousel pour voir toutes les possibilités que ce plug-in, simple d’utilisation, nous offre.

Pour les personnes qui aimerais plutôt faire une galerie d’image, j’ai trouvé un autre plug-in intéressant : Galleria.

Ressources

1195253-webp,bWF4LTUyMXgyNTk=

Google et le WebP

Laisser une réponse

Il y a quelques semaines, Google a annoncé un nouveau format d’image : le WebP.

Mais qu’est-ce dont ?

Le WebP est est donc un format d’image compressé, développé pour le web. Son objectif est d’améliorer la compression d’image avec pertes tout comme la compression jpeg, mais en essayant d’avoir le moins de perte possible avec un poids plus léger.

Ce qui a motivé Google de réaliser ce nouveau format, est la volonté de réduire la quantité de données qui circulent sur le réseau internet, car les images représenteraient « 65% des données reçues lors de la consultation d’une page web ».

C’est aussi grâce à ce dernier qu’est réalisé le format/codec WebM (format vidéo).

Pour les plus curieux, vous pouvez voir la page d’étude comparative du WepP [en].

Ressources

sprite

La Ferme du Web ouvre une section veille

Laisser une réponse

Hier sur la Ferme du Web, une nouvelle section très intéressante est apparue !

Cette section est une Veille quotidienne. En réalité depuis un bon bout de temps (fin 2008), la Ferme du Web a un profil twitter où ils postent régulièrement des informations sur le domaine du web : PHP, JS, Apache, jQuery, et bien d’autres.

Cette ouverture est assez intéressante pour se tenir facilement au courant des nouveautés sur le web.

Ressources

dropbox

Dropbox, synchronisez vos fichiers

Laisser une réponse

Certain d’entre vous connaissent peut-être déjà, mais il y a quelque semaines, j’ai installé Dropbox.

À quoi ça sert ?

Dropbox est un logiciel qui permet de synchroniser simplement des fichiers sur un serveur. Vous pouvez aussi bien vous en servir pour synchroniser des fichiers entre plusieurs postes, mobiles, mais vous pouvez aussi vous en servir pour sauvegarder vos données.

Je tiens à vous préciser que ce logiciels fonctionne sur Windows, Mac, Linux et sur Mobile (iPad, iPhone, Android, BlackBerry).

À quel prix ?

Et bien c’est gratuit. Gratuit ? Oui pour commencer vous avez le droit à 2GB, mais en invitant des amis et en réalisant quelques simples actions vous pouvez monter jusqu’à 8GB.

Oui mais 8GB ça ne me suffit pas ! Ce n’est pas grâve, il existe deux autres produits « Pro 50″ et « Pro 100″  qui font respectivement 50GB et 100GB. Bien évidement ces deux produits sont payants.

Ressources

Sans titre

Plugin jQuery coloration syntaxique

Laisser une réponse

Qu’est ce ?

Snippet est un plugin jQuery permettant de réaliser de la coloration syntaxique d’une manière très simple.

Comment l’utiliser ?

Il vous suffit d’appeler la librairie jQuery dans votre fichier html, ainsi que le plugin snippet.

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.snippet.js"></script>


Puis vous devez appeler le feuillet css :


<link rel="stylesheet" type="text/css" href="css/jquery.snippet.css" />


Et enfin, il vous suffit de définir ce que vous voulez colorier :


<script type="text/javascript">
 $(document).ready(function(){
 	$("pre").snippet("php");
 });
</script>


Dans cet exemple, tous les contenus dans les balises <pre> seront colorier comme de la syntaxe php.


Ressources