MEDBLOG : Actualités Geek Web 2.0 & Webdesign

Actualités Geek Web 2.0 & Webdesign

Advergame Volkswagen pour l’arrivée du Tiguan

Volkswagen à lancer un advergame pour signaler l’arrivée de son nouveau 4×4 nommé “Tiguan”. Le jeux est excellente et l’environnement très réaliste. Le point important, c’est que vous ne courrez pas tout seul, votre adversaire n’est autre que le joueur qui a réalisé le meilleur chrono. Sans oublier qu’il faut aussi éviter les animaux qui traverse.

tiguan

La seule chose ennuient c’est qu’il faut télécharger le plugin 3d life player, en plus l’enregistrement est obligatoire, enfin c’est assez rapide.

AddThis Social Bookmark Button

Digg Labs se lance dans les screensavers

Vous connaissez Digg Labs , c’est la zone que digg a créer pour nous proposer de voir les flux RSS de Digg en temps réel avec une interface flash très futuriste.

digglabs

Ben, digg vient de lancer ces 4 applications (Arc, Worm, BigSpy et Stack) pour un usage en tant que screensavers vous permettant ainsi de voir Digg en action directement sur votre bureau. Il sont disponibles pour Windows XP, Vista et Mac OS X, requière Flash 9 pur pouvoir les visualiser.

AddThis Social Bookmark Button

Googlefont, votre logo façon Google

Googlefont.com est un générateur de logo avec le style du logo Google. il vous propose aussi un service d’achat de nom de domaine.

google style

Il ne dispose pas d’un système de paramétrages des couleurs, mais en actualisent le page il vous propose une autre sélection de couleur. Bon ça casse pas des briques mais c’est toujours bon à avoir on sais jamais :)

AddThis Social Bookmark Button

Ikea, Dream Kitchen

Une nouvelle Site a été créée pour Ikea Dream Kitchen (Réaliser cette fois aussi par Forsman & Bodenfors). Le principe a été légèrement transformé : on navigue maintenant d’avant en arrière dans les scènes disponibles, avec un changement qui s’effectue dans un tunnel d’accessoires.

ikea kitchen

La rotation dans le scènes s’effectue au clic (on perd la liberté des séquences précédentes où l’on peut tourner comme on l’entend - version 1 & version 2).

La création reste très impressionnante même si, comme le relèvent certains, la cuisine passe en arrière plan, alors que la création initiale était destinée a mettre en exergue ces même cuisines.

Source : lysergid

AddThis Social Bookmark Button

TabsGenerator, Généré vos Onglet en 3 clics

TabsGenerator.com est un générateur “d’onglet” très simple d’utilisation, Vous allez pouvoir choisir la hauteur, la largeur, l’épaisseur de la bordure, l’angle de l’arrondit et toutes les couleurs qui vont bien avec. Vous pourrez aussi faire des dégradés ou un effet reflet dans l’onglet.

tab generatore

Vous pouvez mémé définir l’orientation de votre “d’onglet” (vers le haut, la droite, gauche, droit). Une fois que vous êtes satisfait de résultat, il ne vous reste plus qu’à l’enregistrer (.png)

Bref, un site à bookmarker d’urgence :)

AddThis Social Bookmark Button

FFFFound, bookmarking et de partage de créations visuelles.

fffoundFFFFOUND! est un nouveau site de bookmarking et de partage d’images, avec à la fois le côté social et collaboratif. c’est encore l’un de ces sites “mine” sur lequel on peut passer des heures et des heures parce que son contenu est plein de surprises.

Les utilisateurs y ajoutent des liens vers les photos intéressantes qu’ils trouvent sur le net. Les autres membres qui aiment aussi cette image la bookmarkent. Et pour l’instant, ca marche très bien: la plupart des images qu’on y voit sont vraiment de belles images. C’est en fait une gigantesque galerie, qui vous propose pour chaque image que vous regardez une sélection d’images qui pourraient vous plaire.

Voici quelques exemples d’image trouver sur FFFFOUND!

» lire la suite de l’article

AddThis Social Bookmark Button

Simple CSS créer facilement vos feuilles de styles (CSS)

Simple CSS est un logiciel qui vous assiste et facilite la création de vos feuilles de styles (CSS), totalement gratuit et fonctionnent sous Windows, Mac, Linux.

Avec Simple CSS vous pouvez créer vos CSS à partir de zéro, et/ou modifie celles existantes, en utilisant le système du point-cliquent, le logiciel est riche en fonctionnalité ce qui va vous facilité le travail, sont oublier que Simple CSS supporte le CSS2

simple css

Liens :
Télécharger la version Max OS X
Télécharger la version Windows
Télécharger la version Linux

AddThis Social Bookmark Button

Wiredness.com, Un éditeur de photos en ligne à la Photoshop

wiredness
Wiredness est une application “online” d’édition et de traitement d’images en version bêta, totalement gratuite et sans inscription !
En peut uploader les photos qui se trouvent sur notre disque dur après traitement ou pas via des application en ligne comme Flickr et Picasa ou en entrant un URL (Adresse de l’image) d’image, à priori la taille maximum pour une image est de 5 MB.

Les outils proposés sont assez classiques, vous y trouverez des options de rotation, de redimensionnement, de contraste ou encore quelques filtres d’image. Possibilité d’incruster une autre image sur celle d’origine depuis son disque dur. Les palettes sont basiques mais flottantes (ce qui est pratique si on a un petit écran). Une fois les modifications de l’image effectuées, on peut sauvegarder le travail aux formats jpg, png ou gif. On peut aussi envoyer le résultat par mail, les sauvegarder directement sur Flickr et Picasa, Glowfoto.com ou ImageShack.us en un seul click. Vous pouvez ainsi vous composer une base d’image en ligne.

» 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

Rsizr : “Seam Carving” l’algoritme de redimensionnement en full flash

rsizrRsizr est un nouvel outil en flash d’édition de photo qui fonctionne simplement et directement sur votre navigateur sans avoir même vous inscrire. L’outil utilise le “Seam Carving l’algoritme crée par le Dr. Ariel Shamir et Dr. Shai Avidan”, un nouvel algorithme intelligent de redimensionnement qui divise les photos en plusieurs parties et supprime celles que vous désirez enlever de la photo (tout en gardant intactes les autres).

Le service permet également d’élargir les images en insérant des parties qui matchent les couleurs et la texture de l’environnement de l’image, vous trouve aussi le outil standard de encadrement et de sélection de zone. Rsizr supporte toutes vos images en .GIF, .JPG et .PNG.

» lire la suite de l’article

AddThis Social Bookmark Button

Réflexions sur le métier de webdesigner

webdesigner reflexions
Le site designersinteractifs.com vient de publier une étude ou plutôt comme le titre l’indique une réflexions sur le métier de webdesigner, c’est vrai que je trouve ce métier très mal connu ou mal compris surtout dans notre pays (Algérie) ou le terme informaticien est toujours en cours à une époque ou cette terminologie est devenu obsolète et provient d’un autre âge, celui où la chaîne des métiers n’était pas formalisée.

L’idée c’est de crée un débats traitent de la situation des métiers en Algérie surtout pour les métiers de l’NTIC (Nouvelle technologie de l’information et de la communication).

Sur ça je vous souhaite une bonne lecture, et surtout bon débat :)

» lire la suite de l’article

AddThis Social Bookmark Button

Une liste de 50 banques d’images gratuites rien que pour vous

banques images
Fred de blog fredzone.org à éditer une liste de 50 adresse de sites spécialisé dans les banques d’images, oui monsieur et mes dames une 50ène de sites et le plus beau dans tout ça c’est que la liste qui nous a faite est totalement sans droits d’auteur ou presque :)

Alors si vous êtes designer ou graphiste et que vous pratiquez votre métier dans le plus strict respect des lois, cette liste va vous être bien utiles. Bien sûre cette liste n’est pas exhaustive et peut bien être enrichie avec votre aide, mais c’est déjà pas mal :)

» lire la suite de l’article

AddThis Social Bookmark Button

500 Mo d’icônes à téléchager… La plus grande collection disponible

500 mb d'icones
Le site de openjason.com a mis en ligne toute une collection d’icônes plus de 500 Md, oui oui c’est bien ça, plus de 500 mégabites d’icônes n’attendent que vous pour être téléchargées, ça va vous permettre d’économiser des heures de recherche sur le net :), mais question copyright rien n’a était di sur le site alors je peux pas affirmer que toute la collection est libre des droits.

Pour lancer le téléchargement il vous reste plus qu’à cliquez ici

Maj : les nouveaux lien pour le téléchargement des icônes ( Premier paquet , Deuxième paquet , Troisième paquet, Quatrième paquet, Cinquième paquet , Sixième paquet ) une fois tous les fichiers télécharger, il ne vous restera plus qu’a les DÉCOMPRESSÉ.

AddThis Social Bookmark Button

DoTemplate - Créez vos templates pour site Web en ligne

DoTemplate a comme idée principale de proposer dans un premier temps des templates de base. L’étape suivante, après sélection du model choisi, est de customizer votre choix à l’aide une menu flottant ! Pour, à la fin, pouvoir le télécharger le fichier Zip gratuitement.

Voici un screenshot de ce que donne la page de customisation, avec le menu flottant à droite pour la modification de chaque partie.

dotemplate

Une fois le fichier ZIP télécharger il ne vous reste plus qu’à l’intégrer dans votre blog ou site . Dans le ZIP, vous trouverez le fichier CSS, les images ainsi qu’un fichier index.html (la premier page d’un site Web) qu’il vous faudra retravaillé pour l’intégration dans votre plate forme de blog. bien sûre pour cette étape il vous faudra un minimum de connaissance technique.

AddThis Social Bookmark Button

Recevez les derniers articles par mail :

 

Recent Comments

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