MEDBLOG : Actualités Geek Web 2.0 & Webdesign

Actualités Geek Web 2.0 & Webdesign

Live Search affine ses recherches et s’offre un nouveau design

Dans la guerre des moteurs de recherche, Microsoft ne s’est pas encore avoué vaincu face à Google. La firme de Redmond repart à la charge avec une version revue et corrigée de son moteur Live Search. Disponible

Microsoft vient de mettre en ligne une nouvelle version de son moteur de recherche Live Search (anciennement MSN Search) : ces jours-ci nous avons vu le nouveau design, nous verrons bientôt le nouveau type d’affichage des résultats, proche de la recherche universelle de Google parait-il.

msn live

Pour rattraper son retard sur Google, mais aussi Yahoo!, Microsoft a mis les bouchées doubles. Ainsi, la capacité d’apporter la bonne réponse à l’internaute a été considérablement améliorée en multipliant par quatre l’index des pages web répertoriées.

» lire la suite de l’article

AddThis Social Bookmark Button

Tutorial de création d’une barre de pagination tout en CSS avec 15 exemples

Barre de pagination CSS
En a déjà vu comment créer un effet glace sur une image en utilisant un Js et aussi comme personnaliser c’est bouton radio et Checkboxes, Cette fois si nous allons voir comment créer et personnaliser la pagination de votre site ou blog en Xhtml/CSS .

Premier partie :
Téléchargez et placez le fichier pagination.css dans votre répertoire racine par exemple, ensuite ajoutez la balise qui va faire appel à ce style CSS entre <head> et </head> :

<link href="pagination.css" rel="stylesheet" type="text/css" media="screen" />

Faites attention au paramètre “src” qui indique l’emplacement du script.

Contenu du fichier CSS pagination.css

/*CSS style pagination*/
	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
	}

	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #AAAADD;
		text-decoration: none; /* no underline */
		color: #000099;
	}
	div.pagination a:hover, div.digg a:active {
		border: 1px solid #000099;
		color: #000;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #000099;
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
	}

Deuxième partie :
Ajoutez la class à la balise qui va servir de conteneur (div) pour afficher l’effet

<div class="pagination">
<span class="disabled">◄</span>
<span class="current">1</span>
<a href="#?page=2">2</a>
<a href="#?page=3">3</a>
<a href="#?page=4">4</a>
<a href="#?page=5">5</a>
<a href="#?page=6">6</a>
<a href="#?page=7">7</a>
...
<a href="#?page=199">199</a>
<a href="#?page=200">200</a>
<a href="#?page=2">►</a>
</div>

Le résultat final :
Voici 15 style possible pour votre pagination, il ne vous reste qu’a télécharger le fichier CSS du style que vous souhaite avoir et l’intègre comme je l’ai exemple dans le tutoria.

» lire la suite de l’article

AddThis Social Bookmark Button

Un émulateur pour tester l’affichage de votre site Web sur un mobile

operamini emulateur moblie
L’avenir du web se situe sur plusieurs pôle : A la fois votre ordinateur, prochainement la TV mais aussi biensûr votre mobile.

Bien sûr, nous sommes loin de la praticabilité et de l’ergonomie de la combinaison clavier & souris d’un ordinateur et il faudra attendre la généralisation d’appareil tel que l’iPhone et son écran tactile avant que les gens préfèrent leur mobile à leur PC, même si des PDA sous Windows Mobile ou Plam fonctionnent déjà très bien.

Si vous avez un site ou blog et que vous vous demandez bien ce que pourrais donner celui-ci sur un mobile, voici une très bonne initiative d’Opera et de son navigateur mobile, Opera Mini, un simulateur, conçu en java, qui vous permet de tester votre site sur un écran de mobile. il y a aussi le validateur du site .mobi, qui apporte pas mal de conseils : ready.mobi

» lire la suite de l’article

AddThis Social Bookmark Button

Le logiciel “Face of the Future” se fait les stars d’hollywood

Vous êtes-vous déjà demandé à quoi vous auriez ressemblé si vous aviez été originaire d’un autre continent ? Ou dans 60 ans, L’Université de St Andrews aux Etats-Unis a développé un logiciel Face of the Future capable de vieillir un visage à partir d’une photographie.

Voici un exemple du résultat obtenu avec ce logiciel.

face future

Pour voir toute la galerie cliquez ici

Pour effectuer ces manipulations, rendez-vous tout d’abord sur ce site. Vous devez disposer d’une photographie de taille respectable (au moins 200*200 pixels si possible) et de face. Renseignez votre sexe, votre catégorie d’âge et le type de votre visage. C’est parti !

Redimensionnez la photo à la taille de votre visage, puis ajustez les yeux et la bouche. Vous n’avez plus qu’à sélectionner le type de transformation que vous souhaitez. Cela vous permettra de passer un bon moment de détente :)

AddThis Social Bookmark Button

Recevez les derniers articles par mail :

 

Recent Comments

  • Moyra Padden
    Imagine Cup 2008 à Paris
    2012-05-16 19:39:09
  • John M. Renyak
    DoTemplate - Créez vos templates pour site Web en ligne
    2012-05-16 17:10:02
  • Cedrick Herson
    Illusion optique, un poisson peut en cacher un autre !!!
    2012-05-16 00:53:38
  • Vivien Kinnion
    Mac OS X Leopard est dans les bacs
    2012-05-15 21:55:39
  • Krista Bilder
    Pub Microsoft, I'm a PC
    2012-05-15 21:43:50
  • Kim Kutchin
    Internet Explorer 8 Beta dans les bacs
    2012-05-15 07:41:27
  • Edith Rushe
    Publicité Toyota YARIS
    2012-05-15 01:46:44
  • Carrol Charleton
    Verify Email, contrôle vos adresse e-mail
    2012-05-14 22:54:23
  • Norma Feagin
    QuickRibbon, générateur du ruban a la sauce Web 2.0
    2012-05-14 17:26:42
  • Louise McGill
    ModalBox & ThickBox : Popup à la sauce Web 2.0
    2012-05-14 17:05:16
  • natasha burke
    iPods recevra les radios numériques ?
    2012-05-14 15:32:13
  • Tuesdie
    GOOG-411 le service vocal de Google 100% gratuit
    2012-05-14 15:20:33
  • josephine dodds
    FavThumbs, visualisez vos favoris Delicious
    2012-05-14 14:35:35
  • Debbie Pearson
    Adblock Plus & firefox menace la publicité en ligne !!?
    2012-05-14 14:19:07
  • Daysi Areas
    Whos.amung.us localisez vos visiteurs en live
    2012-05-13 14:49:55

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

Communiqués

Categories