MEDBLOG : Actualités Geek Web 2.0 & Webdesign

Actualités Geek Web 2.0 & Webdesign

Groovle : Customiser la page d’accueil de Google


Groovle, est un site qui va vous permettre d’ajouter un fond d’écran à votre moteur de recherche.

Vous allez donc pouvoir changer le fond de page de Google par une image un peu plus conviviale. Pour se faire, il suffit de se rendre sur le site de Groovle et de choisir dans le catalogue d’images qu’il vous propose, celle qui vous convient le plus. Si aucune ne vous plaît, il vous reste encore la possibilité de uploader la vôtre et de créer un Google à votre image.

Ainsi, la page d’accueil se voit affublée de quelques modifications, mais le moteur de recherche reste le même.

AddThis Social Bookmark Button

GotApi le site ultime des dévellopeurs

S’il y a bien un outil en ligne très pratique pour les développeurs c’est bien gotapi.com . Comme il est quasi impossible de connaître par coeur toutes les fonctions de php, tous les objets de javascript et toute la syntaxe des librairies comme Jquery ou prototype, des CMS comme Drupal, des langages comme Java, actionscript ou c++ ou encore des services web comme Flickr.

Et bien gotApi propose de centraliser toutes ces connaissances dans un seul bloc ; le gain de temps est considérable on ne passe pas son temps à naviguer de site en site ou à taper des noms approximatives de fonctions dans google ; gotApi fournit en effet un moteur de recherche avec de l’autocomplétion.

AddThis Social Bookmark Button

Youjob : Le recrutement par video

Youjob, une plateforme video spécialisée dans les CV Vidéo, Recrutement video, Côté recruteurs, quelques grands noms sont déjà présent : Accor, Atos Origin, Rodia, Manpower…

Vous y déposez votre vidéo de présentation et les recruteurs qui utilisent ce service pourront vous contacter, vous proposer un entretien ou même une vidéo-conférence.

C’est vrai que le vidéo est une véritable source d’information pour les recruteurs. qui lui permet des voir la créativité visuelle, leur expression orale.., chose qui serait impossible de voir sur papier ou sur photo, Il est évident que des services de ce type seront plus enclins à être utilisés pour des profils dans le domaine de la communication ou le commerce mais à plus long terme, on peut imaginer que d’autres types de métiers seront touchés par ce phénomène.

Un conseil avant de postuler en vidéo, faite comme pour votre CV, une relecture par des proches vous évitera bien des surprises ! Pour un exemple plus concret, allez donc faire un tour sur youjob.com ou vous pourrez découvrir de très bonnes videos.

AddThis Social Bookmark Button

iPods recevra les radios numériques ?

Ipod
Apple devrait lancer cette semaine une nouvelle gamme d’iPods, conçue pour la réception des radios numériques. Le groupe, qui va faire une annonce officielle le 5 septembre, reste pour l’heure très discret sur les changements qu’il est susceptible d’apporter à ses baladeurs.

Cependant, des rumeurs annonces que les produits dévoilés cette semaine par Apple apporteront deux nouvelles fonctionnalités : la possibilité d’écouter les radios numériques et la possibilité d’acheter de la musique, directement à partir des iPods et à l’instant même où les titres sont diffusés à la radio.

» lire la suite de l’article

AddThis Social Bookmark Button

Tutorial CSS : Checkboxes & Boutons radio

Tutorial CSS : Checkbox & Des boutons radio design
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

AddThis Social Bookmark Button

FotoFlexer : Pas si professionnel que ca ??

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.

AddThis Social Bookmark Button

Un Js pour vos effets Glace à la sauce Web 2.0


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.

AddThis Social Bookmark Button

MozBackup : utilitaire de backup pour la pack Mozilla

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

AddThis Social Bookmark Button

SnagIt lance des plugins de capture d’écran

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

AddThis Social Bookmark Button

Redimensionnement des images tout simplement magique

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

AddThis Social Bookmark Button

Smashing : 45 webdesigns pour les blogs

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 :)

http://www.vikiworks.com/

» lire la suite de l’article

AddThis Social Bookmark Button

Picnik - Editeur photos en ligne d’une rapidité exemplaire


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

AddThis Social Bookmark Button

Tutorial CSS, création d’un bouton design

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 :

AddThis Social Bookmark Button

17 plugins pour boosté WordPress

pluginsEn se demande toujours quel pling installer sur wordpress pour ajouter des fonctionnalités utiles et surtout que wordpress ne prends pas en charge.

Alors voici une liste de 17 plugins que je trouve très utile :

  • Ajax Comments: enregistrement des commentaires en ajax, évite de recharger la page (j’aime pas l’affichage des alertes dans une fenêtre, je préfère quand c’est inclut a la page, j’espère trouver du temps pour le modifier).
  • Akismet: un anti-spams indispensable.
  • Exec-PHP: permet d’exécuter du code PHP dans le corps des articles.
  • Full-Text Feed: empêche WordPress de couper nos articles avec le lien «More» dans nos flux RSS.
  • Google Sitemaps : pour créer votre site maps. …
  • Kimili Flash Embed: permet d’utiliser du flash dans les articles.
  • Simple Recent Comments: pour afficher les derniers commentaires du blog.
  • Simple Tagging plugin : pour tagger les articles et créer le nuage de tags.
  • WordPress Mobile: un très bon plugin qui permet de consulter correctement le blog depuis un mobile et à la différence des autres plugins du genre il permet également de poster des articles depuis le mobile !
  • FeedBurner FeedSmith - Grâce à ce plugin, vous pourrez automatiquement rediriger vos flux rss sur feedburner.
  • Embedded Video with Link : pour ajouter tout type de vidéo sur votre blog (youtube, …..)
  • All in One SEO Pack : pour personnaliser les Metas de vos articles très utiles pour un bon référencement
  • WP-ContactForm Akismet Edition: formulaire de contact.
  • Wordpress Multi URI Ping : Plugin permettant de pinger tous les services que vous définissez afin de les avertir que votre blog vient d’être mis à jour.
  • SmartRSS: un plugin permettant de créer du contenu à partir de flux RSS.
  • Share this: permet d’ajouter la box «Partager cet article» avec les liens pour ajouter les articles dans des réseaux sociaux et les envoyer par mail.
  • WordPress Automatic Upgrade : comme son nom l’indique, il fait les mises à jour de WordPress automatiquement, très puissant : il vérifie que l’upgrade est réalisable, sauvegarde les fichiers qui seront modifés, fais un backup de la base, télécharge la mise à jour, met le site en maintenance, désactive les plugins, met à jour, remet toute la configuration du blog puis éfface les fichiers temporaires. Tout ça tout seul ! En cas de problèmes de droits sur les fichiers, il demande les identifiants FTP et modifie également les droits tout seul.

Si vous en connaissez des très bons (indispensables selon vous) n’hésitez pas à nous les faire partager en nous les signalant dans les commentaires.

AddThis Social Bookmark Button

Tafiti l’expérimentation de Microsoft dans la recherche visuelle

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

Tafiti

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)

AddThis Social Bookmark Button

Recevez les derniers articles par mail :

 

Recent Comments

  • Carmine
    Un nouveau logo pour Photoshop
    2021-03-16 20:40:09
  • Kidjo tv
    Scriblink - Le tableau blanc collaboratif en ligne !?
    2021-03-14 10:33:20
  • resilier abonnementorange
    ViewAt.org, Partage de photo panoramique
    2021-03-14 10:30:40
  • Boulanger.Com
    FaceInHole, Changer de corps
    2021-03-14 10:30:29
  • kidjo tv logicom
    SnagIt lance des plugins de capture d’écran
    2021-03-14 10:30:07
  • tv apk
    ImprimeBlog, Imprimer son blog en un livre
    2021-03-14 10:28:51
  • KIDJO TV
    Pulse ARTS : Le magazine des arts graphiques devient à 100% gratuit
    2021-03-14 10:26:30
  • Mamanmi.com
    Read It Later, Enregistrer est remettre la lecture de vos articles à plus tard
    2021-03-14 10:17:21
  • resiliation abonnement
    Vidéo sur les coulisses d’un studio photo
    2021-03-14 10:10:45
  • kidjo tv tiniloo
    Seam Carving les plugins sont disponible maintenant
    2021-03-14 10:10:17
  • supprimer orange
    Google Shared Stuff : bookmarking vu par Google
    2021-03-14 10:09:23
  • kidjo tv logicom
    Iconlet : Moteur de recherche d'icones
    2021-03-14 10:03:25
  • abonement
    Blackle, la version écolo de Google
    2021-03-14 10:03:14
  • abonnementjeu
    Verify Email, contrôle vos adresse e-mail
    2021-03-14 10:01:56
  • tv Abonnement
    SnagIt lance des plugins de capture d’écran
    2021-03-14 10:01:32

Par Albert Einstein

“La connaissance s'acquiert par l'expérience. Tout le reste n'est que de l'information.”

Feedburner RSS
Ajoute a Technorati Favoris