MEDBLOG : Actualités Geek Web 2.0 & Webdesign

L’algorithme de dimensionnement des images se retrouve sur le web
Je vous ai déjà parlé de cette technique qui permettait d’avoir un résultat de toute beauté avec un moindre effort.

Ça reste un peu bizarre comme le Dr. Shai Avidan a était recruté chez adobe pour intégrer cette technologie dans leurs produits (ex : Photoshop) mais c’est vrai l’algorithme a été réalisé par 2 personnes ( Dr. Ariel Shamir et Dr. Shai Avidan)

C’est possible que Dr. Ariel Shamir qui n’a pas été recruté par adobe, a mis cette solution sur le web par dégoût.

Enfin ça reste un mystère, mais pour le moment c’est tout à notre avantage, a vous de tester cette superbe solution.

Source : korben

La firme de Mountain View fait parler d’elle à nouveau, après le buzz sur le futur téléphone mobile de google, le Gphone voila que le Blogosphere annonce que Google travail sur un système d’exploitation pour mobile (ça va chauffer du coté de Microsoft :D), c’est plutôt normal c’est dans la continuité de la stratégie de google pour se placer dans le domaine de la téléphonie mobile ;

Bien sûr rien d’officiel pour le moment, mais en 2005, l’entreprise Androïd a été rachetée par Google. Il est aussi possible qu’il n’y est aucun rapport mais il faut bien préciser que cette entreprise travaille justement sur un système d’exploitation pour appareils mobiles. Vous l’avez compris, ça fait un peu trop de coïncidences.

A suivre de très prèt, google nous promet beaucoup de surprises pour cette année.

Source : fredzone

J’ai lu beaucoup de billet ces derniers temps qui parle de FotoFlexer vous aussi sûrement ; qui ne manqué pas d’éloge pour cette application de traitement d’image crée sous flex, ça commence bien déjà, quand en sais que flex est la technologie web 2 ultime elle permet de cloner des applications de bureau pour les déploier sur des site web avec un résultat final de toute beauté; alors je me suis dis qu’il est temps de le tester ;

La première chose que je peux dire sur FotoFlexer c’est qu’il dispose d’une batterie d’outils très complète, ça va de la déformation d’images ou de traitement des couleurs avec ou son filtres… ;

Sans oublier qu’il vous permet d’importer et d’exporter les images depuis facebook, MySpace, Flickr, Picasa et Yahoo et bien sûre depuis votre ordinateur. La même fonctionnalité qu’on a déjà vu sur Picnik (une autre application web de traitement d’images plus simplifié mais aussi rapide et accessible que FotoFlexer).

Ça c’était pour les points fort de FotoFlexer ; ce que j’ai pas compris comment personne n’a vu tous les défauts qui existait sur cette application, la première est que fotoflexer compresse et redimensionne automatiquement les photos importées. Je peux même dire qu’il compresse très mal comme on se retrouve avec une pixellisation des photos.

Le deuxième point est en rapport avec l’espace du travail, qui est très réduit, si on le compare à fauxto, l’option fullscreen est juste la pour faire beau comme elle ne sert à rien.

Enfin, on peut dire que FotoFlexer nous propose vraiment un panel d’outils très complets mais l’espace de travail et vraiment trop petit sans oublier la compression à l’importation des l’images,

Il vous reste à le tester pour avoir votre propre point de vue et nous le faire partager part un commentaire.

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

Flex c’est le nom d’un concept de meuble en érable qui associe un espace de travail horizontal à de multiples rangements verticaux pour CD et DVD.
En plus d’être très pratique, Flex bénéficie d’un design vraiment sympa et original !
Ce concept a été imaginé par le designer Lorenzo Damiani.

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

TechSmith, l’éditeur des logiciels de capture d’écran (SnagIt) et de screencasts (Camtasia), vient de lancer une version d’essai gratuite de SnagIt Blogging-output (une version du logiciel avec des plugins pour WordPress, Typepad, LiveJournal et MovableType).

L’objectif est de permettre aux blogueurs de prendre des screenshots et de les bloguer d’une manière automatisée, plus simple et plus rapide sur leurs blogs. (un screencast de démo est disponible sur le blog de SnagIt).

Bien sûr le plugin ne fonctionne que si vous installez aussi le logiciel SnagiT, une version d’évolution de 30 jours est téléchargeable sur le site Snagit, passé les 30 jours vous devait passer à la caisse..

Je trouve qu’il y a tellement de solution vraiment performante, en plus 100% free comme Thumbalizr; Jing Project, ou encore Fastone Screen Capture, pour ne pas aller jusqu’à déboursé 40$ pour ce logiciel. Et n’hésitez pas à me laisser des commentaires sur vos essais.

Source : Mashable

Cette démonstration concernant une nouvelle technologie de retouche d’image va vous étonner. Si vous avez déjà eu affaire à des tâches de changements de dimension ou de cadrage, vous allez immédiatement comprendre en quoi cet outil simplifie la vie considérablement, avec un résultat final qui va vous laisser bouche bée. Un conseil : allez jusqu’au bout de la vidéo pour voir toutes ses possibilités (je vous conseille de vous asseoir avant de visualiser la vidéo). Les documents de travail des 2 professeurs israéliens derrière cette trouvaille, Dr. Ariel Shamir et Dr. Shai Avidan, sont disponibles ici.

YouTube Direkt

Source : techcrunch

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

Franco Cagnina a conçu “Tempo”, un disque dur externe de 250 Go en forme de corbeille, qui se connecte à un PC ou un Mac via la technologie Bluetooth.
Mais Tempo a une particularité : recevoir et stocker automatiquement tous les fichiers que vous supprimez sur votre PC ou votre Mac.

Ca reste que tompo n’ai qu’un gadget très design ça c’est vrai mais comme vous savais sûrement qu’il y ‘a reste toujours une trace sur le disque même près avoir vidé la corbeille et récupérer ses fichiers est même assez facile si on s’y prend rapidement après la suppression.

Source : CagninaDesign.

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 :

Mandellia, est une boutique de décor spécialisée dans les stickers adhésif. Grâce à la collection de stickers déco originaux et exclusives, vous allez pouvoir habiller, relooker votre intérieur, vos meubles ou vos objets mais aussi votre ordinateur portable et votre iPod.

Et pour ceux qui ne veulent pas être comme tout le monde, une partie des stickers est vendue en série limitée, ce qui vous garantie de ne pas retrouver votre sticker fétiche chez votre voisin.

Je trouve que les stickers sont d’un design magnifique et l’idée est originale, dommage que le seule mode de paiement soit la carte de crédit j’aurais aimé trouver d’autres moyens de paiement tel que les cartes pré-payer comme (neosurf ou encore allopas) ça pourrez aider des personnes comme moi, comme le système de carte de crédit n’est toujours pas d’actualité dans certains pays, je crois que j’en ai assez dit et qu’il est temps que vous découvriez ça par vous-même à travers le lien www.mandellia.fr

Clipart deSIGN est un site proposant des ressources graphiques pour les professionnels. Le site propose bien entendu des packs d’images de qualité payants mais également des centaines de clipart vectoriels gratuits dans diverses catégories ! Les images vectorielles sont proposées au format AI (Adobe Illustrator), CDR (Coreldraw), EPS (Photoshop) et SWF (Macromedia Flash).

des centaines d’autres clipart vectoriels sur Clipart deSIGN.

Source : webstorming