Alors en 5 mots Dribbble : What are you working on ?
Il s’agit d’une communauté de designers ouverte que par invitation, sur laquelle vous pouvez publier des « shoots » pour illustrer à l’instant T sur quel projet vous êtes en train de travailler.

Un shoot c’est une image de 400×300 pixels, aujourd’hui la communauté à déjà 26,096,562,815 pixels à son actif (oui oui 26 milliards de pixels)

Et depuis peu je dribbble ici : www.dribbble.com/davidvincent

Maintenant plus qu’à espérer que le réseaux de membres google s’étendent et ose cliquer sur le bouton google « +1″

Si vous êtes intéressé pour intégrer ce bouton sur votre site voici la page Google pour générer et customiser votre bouton +1 : http://www.google.com/webmasters/+1/button/
L’api google+1, c’est ici : http://code.google.com/intl/fr/apis/+1button/

Si ça vous intéresse voici un sondage permettant de sa voir si les internautes seront prêt à faire confiance à leur réseau concernant la pertinence des résultats de recherche Google

A suivre…

Si vous avez besoin d’aide, contactez-moi

Site à voir absolument Nespresso Variations

Les scènes vidéo (3D) pour leur tous nouveaux produits sont esquisses. Une réalisation pouvant nous faire rappeler les court-métrages de noël de la marque à la boisson gazeuse ambrée.

Il ne reste plus qu’à tester si les dosettes sont à la hauteur du site.

Extrait du code source :

$(function()  {
// Pas de bras, pas de chocolat
if($('html').hasClass('ie7') || $('html').hasClass('ie8'))
..
..
..
// Ca peut attendre
setTimeout(Guetta.Map.load, 10000);
setTimeout(Guetta.Tweets.init, 4000);
setTimeout(Guetta.Audio.checkAutoPlay, 2000);
});

Chapeau à l’agence zee pour cette prise position !!!

Numerique.co compte beaucoup sur le buzz fait par une bonne campagne de communication autour des réseaux sociaux.

C’est un plaisir de travailler avec ce nouvel acteur du web éditorial, qui ont su me faire confiance pour leur création de charte print et web.

Print : logo, page presse…

Web : DA, ergonomie, référencement naturelle et intégration css et dans second temps campagne de pub web (kit bannières flash).

La présentation de la maquette web reste confidentielle jusqu’à la mise en ligne prévue mi-octobre / début novembre

Voir le site : Numerique.co
Voir le dispositif facebook :page facebook Numerique.co

C’est avec ce même switchClass que j’ai créé sur ce site les changements d’affichage dans l’index des différentes rubriques.

Outils nécessaire, à se munir avant toutes choses :

- Jquery : ICI
- JqueryUI : ICI

Xhtml :

<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/fonction.js"></script>

Javascript :

$(document).ready(function() {
		$("#menu-filtres li a").click(function(){
			$("#menu-filtres li a").switchClass('active', 'off', 0);
			$(this).switchClass('off', 'active', 0);
			return false;
		});
		$("#category-all").click(function(){
			$("#loader").switchClass('close', 'open', 0);
			$("#liste-resultats li").switchClass('off', 'on', 0);
			$("#loader").switchClass('open', 'close', 1200);
			return false;
		});
		$("#category-1").click(function(){
			$("#loader").switchClass('close', 'open', 0);
			$("#liste-resultats .item-category-1").switchClass('off', 'on', 0);
			$("#liste-resultats .item-category-2").switchClass('on', 'off', 0);
			$("#liste-resultats .item-category-3").switchClass('on', 'off', 0);
			$("#loader").switchClass('open', 'close', 1200);
			return false;
		});
		$("#category-2").click(function(){
			$("#loader").switchClass('close', 'open', 0);
			$("#liste-resultats .item-category-1").switchClass('on', 'off', 0);
			$("#liste-resultats .item-category-2").switchClass('off', 'on', 0);
			$("#liste-resultats .item-category-3").switchClass('on', 'off', 0);
			$("#loader").switchClass('open', 'close', 1200);
			return false;
		});
		$("#category-3").click(function(){
			$("#loader").switchClass('close', 'open', 0);
			$("#liste-resultats .item-category-1").switchClass('on', 'off', 0);
			$("#liste-resultats .item-category-2").switchClass('on', 'off', 0);
			$("#liste-resultats .item-category-3").switchClass('off', 'on', 0);
			$("#loader").switchClass('open', 'close', 1200);
			return false;
		});
});

CSS :

body {font-family:Arial;font-size:11px;color:#fefefe;background:#2b2c2e url(http://www.david-vincent.fr/css/skin/bg_mainContent.jpg) no-repeat 50% bottom;background-attachment:fixed;padding:0;margin:0;text-align:center;}
h1 {font-size:22px;}
h2 a {font-size:12px;text-align:center;color:#000;}
h5 {text-align:right;font-size:10px;margin:4px 7px 0 0;}
.content {width:1000px;margin:0 auto;}
#menu-filtres {width:993px;height:30px;margin:30px auto 12px auto;background:#2b2c2e;padding:7px 0 0 7px;}
#menu-filtres li {background:#666666;padding:4px;float:left;}
#menu-filtres li a { background:url(skin/bg_li-filtre.png) no-repeat 0 -26px;padding-left:20px;}
#menu-filtres li a:hover, #menu-filtres li a.off:hover {background-position: 0 1px;}
#menu-filtres li a.off {background-position: 0 -26px;}
#menu-filtres li a.active {background-position: 0 1px;}
#menu-filtres li.vide {background:none;padding:0;margin:0;float:right;}
#menu-filtres li.vide a {background:none;padding:0;margin:0;}
#liste-resultats {position:relative;width:1000px;margin:0 auto;background:#2b2c2e;margin-bottom:160px;}
#liste-resultats #loader {width:100%;height:100%;background:#2b2c2e;position:absolute;top:0;left:0;z-index:9999;}
#liste-resultats #loader p {margin-top:120px;width:100%;text-align:center;}
#liste-resultats #loader p span {display:inline-block;width:100%;}
#liste-resultats #loader.open {visibility:visible;}
#liste-resultats #loader.close {visibility:hidden;}
#liste-resultats li.item {float:left;background:#444444;margin:10px 8px;height:150px;overflow:hidden;}
#liste-resultats li.on {display:block;}
#liste-resultats li.off {display:none;}
#liste-resultats li .picture {}
#liste-resultats li .picture span {}
#liste-resultats li .picture span img {width:220px;margin:7px 7px 0 7px;}
#liste-resultats li .title {text-align:left;margin: 0 7px;padding-top:4px;}
#liste-resultats li .title h3 {font-size:12;font-weight:bold;}
#liste-resultats li .title h4 {font-size:10px;}

Source de l’info publiée le 9 septembre sur le site d’Adobe : ici

Avant Apple autorisait les applications d’appareils IOS seulement si elles avaient été codé sous C, C + + et Objective-C.

La guerre entre Apple et Adobe est enfin fini, nous allons pouvoir flasheur tenté l’expérience de l’application Iphone.

téléchargez le package ici

Voir la démo vidéo ci-dessous :

J’installe et teste sans plus tarder ce présent site dans l’attente de l’inattendu, celle d’un internet explorer dans les standards web, et…, … Désolé chers amis intégrateurs si d’ici la version définitive rien ne change, il y a aura toujours besoin d’avoir recours au

Constats :
- positionnement absolute et relatif à corriger (1px à corriger ici ou là)
- les largeurs sont altérées,
- hauteurs de ligne différentes
+ interprétation des balises html5
+ les attributs css3 embarqués tels que box-shadow, border-radius…

A noter : n’ayez pas peur d’installer cette nouvelle version, l’outil de développement intégrer permet de permuter en la version 7, 8 et 9

En résumé il va falloir travailler encore chez Bill, pour rivaliser avec Firefox 4, Opéra 10, Safari 5 et Chrome qui gère les nouvelles l’affichage du web de demain et surtout pour arrêter de faire râler les intégrateurs.

Matériel utilisé :
Appareil : Canon eos 30D
Objectif : Canon 24-105mm F4 IS

Matériel utilisé :
Appareil : Canon eos 30D
Objectif : Canon 24-105mm F4 IS