MEDBLOG : Actualités Geek Web 2.0 & Webdesign

AdSense Notifier est une extension Firefox s’adresse aux webmasters qui utilise Google Adsense. Elle affiche vos revenus en temps réel dans la barre des tâches. Si vous en voulez plus, pressez la touche Shift + clic gauche de la souris dans la zone AdSense Notifier et la page Google AdSense s’ouvre, affichant vos statistiques complètes.

- Le nombre d’impressions de pages
- Les clics
- Le CTR de la page
- Le eCPM de page
- Le revenu

L’extension AdSense Notifier est même en multilingue (Arabic, Finnish, French, Russian)

Qipit est un service pour mobiles qui propose de convertir au format PDF les photos des documents que vous avez pris par le biais de votre mobile (ou un appareil photo). Tout comme ScanR. Une fois transformer. Il vous sera ensuite retransmis via un email.

Vous pourrez ensuite le partager et le tagguer à votre souhait. Vous pouvez également changer l’orientation des documents une fois télécharger sur votre espace.

La qualité du pdf résultant dépendra évidemment de la qualité de votre Mobile ou appareil photo, Qipit recommande un minimum de 1.3 Pixel de méga de résolution.

» lire la suite de l’article

Vous connaissez les trois systèmes de diffusion vidéo en vogue : AppleTV, Joost & Babelgum.

Paul Yanez a reproduit ces trois systèmes, en Flash, avec beaucoup de réussite. Bien sûr, le contenu na rien à voir avec ce que AppleTV, Joost & Babelgum proposent; le contenu diffusé est issu des plus gros sites de vidéo en ligne, comme Youtube, Google vidéo, Metacafe, …

» lire la suite de l’article

DesignMyRomm , un produit de la société Swatchbox Techonologies qui vous permet de décorer une pièce virtuellement via une photo de la pièce et des éléments disponibles dans DesignMyRoom.

L’application sous flex apporte un grand avantage ergonomique sans oublier une grande accessibilité, c’est très simple vous choisissez une photo de pièce vide sur le site et vous commencez votre décoration, vous choisissez le sol, la peinture, les meubles, etc… Ce site prévoit même plus tard la possibilité de charger vos propres photos.

» lire la suite de l’article

Vous connaissiez IconFinder; voici un autre moteur de recherche d’icônes : Iconlet.
L’avantage notoire qu’il a sur iconfinder, c’est que l’on peut choisir sur quel type de licence on souhaite axer la recherche :

• Free!
• GNU Lesser General Public License
• Creative Commons Attribution-ShareAlike 2.5 License
• Creative Commons Attribution 2.5
• Eclipse Public License 1.0
• GNU General Public License
• Creative Commons Attribution-ShareAlike 3.0 Unported
• Creative Commons Attribution-ShareAlike 2.0

La deuxième avantage ce qu’il est possible de choisir la résolution de l’image, à rajouté dans son bookmarke ça peut être toujours utile

En a déjà vu comment créer un effet glace sur une image en utilisant un Js. Cette fois ci nous allons voir comment personnaliser les Checkboxes et les boutons radio des formulaires. Au fait je vais mettre une série de tutoriaux dont le sujet principal est la personnalisation des formulaires .

Cette personnalisation se base sur la bibliothèque mootools et un fichier CSS.

Images Utilisées :

chk_off.png	chk_on.png		rdo_off.png	rdo_on.png

Evidemment vous pouvez créer d’autres graphiques s’intégrant à votre design.

» lire la suite de l’article

Extension AllPeers pour le navigateur Firefox sert à partager des fichiers avec vos amis. Pour le l’utiliser, il faut créer un compte lors de l’installation (c’est gratuit et rapide). en suite, les receveurs potentiels sont tirés de vos contacts Hotmail, Gmail ou thunderbird. vous pouvez aussi les inscrire via leurs adresse mail. Bien entendu ils doivent aussi utiliser AllPeers et Firefox.

Ensuite, il suffit de glisser un fichier dans l’espace qui apparaît sur le côté, de sélectionner le contact et d’appuyer sur un bouton pour envoyer le fichier. Cette extension sert aussi à dialoguer avec vos amis via un système de messagerie instantanée intégrée.

YouTube Direkt

Comme toujours je fais un tour sur le blog de dadou3x pour voir ce qu’il y avait d’intéressant et pour laisser un commentaire c’est là que je suis tombé sur un commentaire qui parlé d’un script js du nom de Glossy.js qui avait l’air vraiment utile surtout dans le cas ou vous n’avez pas beaucoup de temps ou que vous n’aimez pas trop le traitement des images c’est possible aussi :)

Ce script Js vous permet d’avoir un effet glace à la web 2.0, tout ce qu’il faut : image arrondie ainsi qu’un ombrage.

Donc j’ai décidé de faire un petit tutorial pour vous expliquer comment faire l’ajout et son paramétrage.

Premier partie : Ajout du Js Glossy.js dans votre site ou blog.

Téléchargez et placez le fichier Glossy.js dans votre répertoire racine par exemple, ensuite ajoutez la balise qui va faire appel à ce script entre <head> et </head> :

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

Bien sûr faites attention au paramètre “src” qui indique l’emplacement du script.

Deuxième partie : Ajout de la class à votre image pour afficher l’effet

<img src="images/example.jpg" width="300" height="202" class="glossy" />

Paramétrage du style :
Pour changer le style d’arrondi pour l’image il faut ajouter et paramétrer la valeur “iradius25″ - min=20 max=50 par défaut =25

<img src="images/example.jpg" width="300" height="202" class="glossy iradius25" />

Pour enlever l’ombrage de l’image ajoutez le valeur “noshadow”. Par défaut l’ombrage est active pour l’image.

<img src="images/example.jpg" width="300" height="202" class="glossy noshadow" /><

Dans le site officiel vous trouvez d’autre d’informations sur ce script ainsi que d’autres scripts tel que corner.js; qui va vous permettre d’appliquer d’autres effets sur vos images.

N’hésitez pas à me laisser des commentaires après vos essais.

MozBackup est un utilitaire pour créer des sauvegardes des profils de Mozilla, Mozilla Firefox, Mozilla Thunderbird et Netscape. Il vous permet de sauvegarder vos courriels, vos favoris, votre carnet d’adresses, extensions, etc. Ce programme est gratuit.

Pour le moment MozBaKup ne fonction que sur l’OS Windows (Windows 98/ME/NT/2000/XP/2003/Vista), auqu’une version n’ai prévu pour les autres système d’exploitation, pas très cool pour les autres :).

» lire la suite de l’article

Smashing Magazine a édité une sélection de 45 webdesigns pour les blogs sous différents moteurs de blog (wordpress, Textpattern…) mais la majorité de la sélection est faite surtout à destination de wordpress que je trouve tout à fait normal vu que c’est la plateforme la plus utilisée. Je trouve cette sélection très belle même si je ne fais pas partie de la liste :)
Et là je vous présente mes préférés, ceux ou je pense qu’il y a un équilibre entre le design et l’ergonomie, à vous de me dire ce que vous en pensez avec un petit commentaire :)

» lire la suite de l’article

Il existait déjà de multiples outils de retouche photo en ligne (Picture2Life, Preloadr, PXN8, Snipshot, Fauxto), mais ils sont tous relativement difficile d’accès ou peu optimisés.
Picnik vient combler ces lacunes en proposant un outil en apollo (RIA) qui s’avère être d’une rapidité exemplaire.

Vous pourrez travailler sur des photos enregistrées sur votre ordinateur, prises avec votre webcam ou des clichés que vous aurez trouvez grâce aux modules de recherche intégré à l’outil : Yahoo Search et Flickr search.

Mais le must, c’est que PicNik vous permet de retoucher des photos que vous aurez préalablement télécharger sur votre compte FliCKr, Picasa Web, FaceBook ou sur tout autre site web, tel votre blog par exemple!. Et ça c’est vraiment utile!

Surtout qu’une fois que vos créations sont terminées, vous pourrez tout aussi facilement les sauvegarder sur votre pc/mac, sur votre compte Flickr, Picasa Web ou FaceBook, l’envoyer par mail ou l’imprimer.

» lire la suite de l’article

Ce tutorial va vous permettre de créer des boutons personnalisés pour vos formulaire ou autre.

Première étape :
Créer les différentes images composant le bouton.

bg_button_span.gif	bg_button_p.gif	bg_button_a.gif

Seconde étape :
Une fois votre bouton créer et découper il ne vous reste plus qu’à insérer le code CSS suivant dans votre page.

<style type="text/css">
<!--

.clear { 

   overflow: hidden;
   width: 100%;
}

a.button {

 background: transparent url('bg_button_a.gif') no-repeat scroll top right;
 color: #FFF;
 display: block;
 float: left;
 font: normal 12px arial, sans-serif;
 font-weight:bold;
 height: 34px;
 margin-right: 6px;
 padding-right: 18px;
 text-decoration: none;

}

a.button p {

 background: transparent url('bg_button_span.gif') no-repeat;
 display: block;
 margin:0;
 padding:0;

}

a.button span {

 background: transparent url('bg_button_p.gif') repeat;
 display: block;
 line-height: 24px;
 margin: 0 0 0 18px;
 padding: 5px 0 5px 0px;

}

a.button:active {    

 background-position: bottom right;
 color: #000;
 outline: none;

}

a.button:active p{

 background-position: bottom left;
 padding:0;
 margin:0px;

}

a.button:active span {

 background-position: bottom;
 margin: 0 0 0 18px;
 padding: 5px 0 5px 0px;  

}

-->
</style>

Troisième étape :
Appeler ou insérer le bouton dans votre page HTML par le biais de de la ligne de code suivante :

<a class="button" href="#" onclick="this.blur();"><p><span>Je suis le plus beau bouton du monde</span></p></a>

Cette petite manipulation CSS, va vous permettre d’avoir des boutons plus stylés que les boutons part défaut, je tiens juste a vous informer que ce ne sont pas des boutons de type formulaire (input) mais plutôt une personnalisation de la balise lien (A).

Résultat du tutorial :

Tafiti est un nouveau produit made in Microsoft en version beta qui utilise la nouvelle technologie du géant du logiciel : Silverlight qui est le concurrent direct de adobe flash. Il est donc nécessaire d’avoir installé Silverlight pour profiter du site, un lien de téléchargement est proposé si vous ne l’avez pas déjà et bonne nouvelle il est compatible Mac OS.
La recherche quant à elle est possible dans les images, dans les flux RSS, dans l’actualité, et dans les livres

Au départ, un champ de recherche, vous saisissez un mot clé de manière classique. Le design est frais agréable et le site se comporte bien et de manière très vive.

Une fois les résultats affichés vous pouvez les glisser/déposer sur la droite de l’écran pour les mettre en favoris, simple et efficace.

Vous pouvez ajouter plusieurs résultats dans le même onglet, ce qui permet de retrouver une liste bien rangée une fois que vous avez fini de collecter de l’info.

En bas à droite de l’écran, il est possible de ce déplacé dans les différents “type” de recherches : web, images, rss, news, livres. La navigation est très rapide et le rendu graphique à la hauteur. Le site propose une dernière fonction, la “tree view” qui affiche sur un arbre les connexions entre votre recherche et les résultats, une optique très intéressante mais qui n’a pas l’air de fonctionner à 100%

Tafiti démontre qu’il y a encore une étape que l’on peut franchir dans la recherche et l’ergonomie. Lors d’une recherche sur Google, les plus habitués d’entre nous vont ouvrir des dizaines d’onglets pour affiner leur recherche, Tafiti propose de faire cette démarche facilement en glissant/déposant les résultats pour pouvoir y revenir après la première phase de tri.
La réalisation est exemplaire, le seul défaut, c’est que c’est Windows live search dont l le résulta n’ai pas aussi pertinent et riche comparé a google.

Tafiti est du Swahili qui signifie faire une recherche, Le swahili est in ce dernier temps comme la plupart des nouveaux services web 2.0 tire leur nom de cette langue (ex : kijiji.fr, badiliz.fr ou encore Joomla)

L’éditeur de logiciels RealNetworks et la chaîne MTV, propriété du groupe Viacom, s’allient pour tenter de titiller l’Itunes Store d’Apple, leader de la vente de musique en ligne. Ce partenariat, tel que dévoilé aujourd’hui par le Wall Street Journal, rapproche deux entreprises familières des plates-formes commerciales permettant de télécharger de la musique.

Realnetworks est en effet propriétaire du site Rhapsody, qui propose un accès illimité aux catalogues des cinq majors du disque et de labels indépendant. MTV, de son côté, abandonne pour l’occasion son partenariat contracté avec Microsoft, qui avait mené à la création d’une plate-forme de téléchargement commune, Urge, au succès limité.

L’alliance devrait s’articuler autour du portail Rhapsody, MTV se chargeant de fournir du contenu éditorial et surtout d’assurer la promotion du site sur ses différentes chaînes et le reste de son réseau multimédia. Selon le Wall Street Journal, il était d’ailleurs important que les négociations, qui couraient depuis des mois, s’achèvent avant le 9 septembre et la diffusion des MTV Awards, fenêtre de pub idéale.

En dépit des opportunités offertes par ce rapprochement, il reste encore du chemin à parcourir avant de marcher sur les plates-bandes d’Apple : Rhapsody comptait 1,5 million d’abonnés en février 2007 alors que l’Itunes Stores, qui propose l’achat à l’unité de morceaux ou d’albums, est le troisième vendeur de musique aux Etats-Unis, selon le cabinet de recherche NPD.

Google a annoncé mercredi le lancement de Sky, une nouvelle fonctionnalité qui permet aux utilisateurs de Google Earth de visualiser le ciel tel qu’on peut le voir depuis la Terre. Ce nouvel outil permet ainsi de voyager dans l’espace et de découvrir 100 millions d’étoiles et 200 millions de galaxies. Dans le cadre de cette nouvelle fonctionnalité, Google introduit sept niveaux d’infos pratiques illustrant différents corps et événements célestes : les constellations, la Lune, les planètes, les galaxies, le niveau “Hubble showcase” (129 images prises par le téléscope spatial), le niveau “Astronomie amateur” et “Life of a star”, ou comment une étoile vit et meurt.

Google Sky est dès à présent disponible en téléchargement (12,4 Mo) sur le site de l’éditeur, et s’installe seul, ou par-dessus Google Earth dont il conserve les fonctions définies par l’utilisateur. A consommer sans modération !

YouTube Direkt