Nico n' Co

Twitter bootstrap #2 - Galerie de site bootstrap expo

Nicolas — Wed, 13 Mar 2013 08:39:00 +0100

Continuons cette série Twitter bootstrap avec une liste de sites créé avec les outils et fonctionnalités de Twitter Bootstrap.

Je vous ai parlé en ce début de semaine de galerie de thèmes pour Twitter boostrap, voici maintenant une galerie de sites utilisant Twitter Bootstrap.

Cette galerie s'appelle Bootstrap Expo et est disponible à cette url : expo.getbootstrap.com

De quoi se donner plein d'idée avant de se lancer dans la conception d'un nouveau site.

Twitter bootstrap #1 - Galerie de thèmes

Nicolas — Mon, 11 Mar 2013 07:32:00 +0100

Bien que les thèmes tout fait ne sont pas ce que je préfère, il faut reconnaitre qu'un grand nombre de site utilise ces thèmes "génériques".

Retrouvez des galeries de thèmes créés avec Twitter Bootstrap :

Ces trois sites sont ceux que je trouve les plus pertinents.

Bien sûr, d'autres sites sont disponibles et je vous invite à partager ceux-ci si vous avez d'autres sources.

Codular - Des tutoriaux pour développeurs

Nicolas — Wed, 09 Jan 2013 07:32:00 +0100

Pour commencer cette nouvelle année, voici un site qui mérite d'être connu.

Il s'agit du site codular.com regroupant des tutoriaux pour développeurs.

Certains de ces tutoriaux sont vraiment simple et permettent d'avoir de bons exemples de bonnes pratiques de développement.

Vous retrouverez un article par semaine en moyenne dans des langages assez différents (PHP, Jquery, Mysql, ...)

Le site : codular.com

LESS - Fonction position absolute

Nicolas — Fri, 23 Nov 2012 13:54:00 +0100

Souvenez-vous, je vous ai déjà parlé du format LESS dans ce billet Faire des feuilles de style dynamique avec le format LESS CSS .

Depuis, j'utilise régulièrement ce format et je me suis rendu compte que l'on pouvait vite être "frustré" par les fonctions proposés et que, pour parfaire nos codes, il était intéressant de se créer ses propres mini fonctions.

Prenons l'exemple des positions.

Il arrive fréquemment que nous ayons à placer des éléments en absolu par rapport à d'autres blocs et que, pour cela, nous nous retrouvons à faire 3 déclarations :

le type de position (position:absolute;)
la position verticale (top ou bottom)
la position horizontale (left ou right).

La mini fonction que j'ai créé ne m'a pas pris plus de 10 minutes et permet à présent de ne faire qu'une seule déclaration.

En effet, seul une ligne permet d'appliquer la position absolue sur un élément.

Code

Déclaration fonction LESS :

.absolute(@t :0, @r :0, @b :0, @l :0) {
     position:absolute;
     .absolutetop (@t);
     .absoluteright (@r);
     .absolutebottom (@b);
     .absoluteleft (@l);

     .absolutetop(@t) when not (@t = 0) { top: @t;} // top si != 0
     .absolutetop (0) {}

     .absoluteright(@r) when not (@r = 0) {right: @r;} // right si != 0
     .absoluteright (0) {}

     .absolutebottom(@b) when not (@b = 0) { bottom: @b;}  // bottom si != 0
     .absolutebottom (0) {}

     .absoluteleft(@l) when not (@l = 0) { left: @l;} // left si != 0
     .absoluteleft (0) {}
}

Déclaration dans vos templates :

.madiv{
   .absolute(26px, 0, 0, 172px); // .absolute(@top, @right, @bottom, @left)
}

... qui remplace cette déclaration :

.madiv{
   position:absolute;
   top:26px;
   left:172px;
}

SI la valeur est 0, la déclaration ne sera pas prise en compte.

C'est pas la fonction du siècle mais elle est utile.

Les datacenter de google

Nicolas — Thu, 18 Oct 2012 07:52:00 +0200

Google offre la possibilité de voir des photos de ses datacenter.

Même les tuyaux sont stylés chez google (voir l'image ci-dessus).

Vous pouvez retrouver toutes les photos à cette url : http://www.google.com/about/datacenters/gallery/#/all

Redbull Stratos - Parodie Lego

Nicolas — Wed, 17 Oct 2012 07:35:00 +0200

Redbull Stratos, le plus haut saut en chute libre réalisé par Felix Baumgartner a inspiré les parodieurs.

Version Légo de RedBullStratos

Vidéo complète du saut de Felix Baumgartner

Enfin, vous retrouverez les photos prises par la capsule depuis l'espace sur le site officiel de RedBull

5 liens du vendredi matin #32

Nicolas — Fri, 24 Aug 2012 09:00:00 +0200

Retrouvez tous les vendredi des liens découverts dans la semaine et qui ont attiré mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

5 liens du vendredi matin #31

Nicolas — Fri, 17 Aug 2012 09:00:00 +0200

Après un long moment d'absence, je tenais à vous proposer 5 liens qui m'ont marqué ces derniers temps.

Retrouvez tous les vendredi des liens découverts dans la semaine et qui ont attiré mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Créer des menus circulaires en Jquery avec Mobilyblocks

Nicolas — Tue, 19 Jun 2012 08:59:00 +0200

J'ai découvert ce matin un plugin sympa permettant de faire des menus circulaires en Jquery.

Ce plugin s'appelle Mobilyblocks.

L'utilisation première que je vois pour ce plugin pourrait être un bouton de partage dépliant toutes les possibilités de partages.

C'est d'ailleurs l'exemple présent dans la démo de MobilyBlocks

La source du plugin : playground.mobily.pl

Ressources pour développeurs

Nicolas — Thu, 07 Jun 2012 14:01:00 +0200

Un billet court mais contenant quelques liens de ressources pour développeurs.

Vous pourrez trouver une multitude de tutoriaux sur ces sites afin de rendre vos projets web beaucoup plus sympa.

Nuefolio magazine

Lien : magazine.nuefolio.com

CSS Tricks

Lien : css-tricks.com

DevZone

Lien : www.devzone.fr

Creative Juiz

Lien : www.creativejuiz.fr/blog

Web developer Juice

Lien : www.webdeveloperjuice.com

Outils pour optimiser vos feuilles de styles CSS

Nicolas — Wed, 30 May 2012 08:33:00 +0200

Je vous parlais il y a quelques temps de LESS permettant de créer des feuilles de style dynamique.

Aujourd'hui, je vais vous proposer deux outils vous permettant d'optimiser vos feuilles de style CSS afin qu'elles soient plus légères ou plus optimisées.

Styleneat

Cet outil permet donc d'optimiser votre code en paramétrant au préalable quelques paramètres.

Vous avez la possiblité de télécharger votre code optimisé.

Le lien source : http://styleneat.com/index.php

CSSLisible

CSSLisible ne compresse pas le code contrairement à Styleneat.

Il permet simplement de réorganiser la feuille de style en bloc plus lisible.

Le lien source : http://lab.darklg.me/CSSLisible/

The responsinator - Testez vos sites sur plusieurs interfaces

Nicolas — Tue, 29 May 2012 07:55:00 +0200

De plus en plus de terminaux permettent de consulter des sites.

En effet, après le simple ordinateur personnel est arrivé les smartphones puis les tablettes il y a quelques mois.

La complexité est de pouvoir créer un site lisible par tous ces terminaux et, grosse difficulté, qu'il soit agréable à lire sur ceux-ci.

Vous avez d'ailleurs pu voir une première ébauche d'une technique de plus en plus répandue de nos jours, à savoir le responsive design.

Afin de pouvoir tester le site que vous développez sur un ensemble de terminaux, je vous propose d'aller faire un tour sur le site responsinator.

Il permet de consulter votre site sur Iphone, Ipad, Kindle et sur smartphone Android de plus ou moins grande taille.

Le site : Responsinator

ResponsiveSlides.js - Un slider Jquery Responsive

Nicolas — Mon, 14 May 2012 07:10:00 +0200

ResponsiveSlides.js est un slider Jquery très léger qui permet de créer des slideshow responsive.

Utilisable facilement dans vos sites responsive, il ne pèse pas plus de 1 Ko.

Niveau configuration, ce n'est pas le plus élaboré des sliders mais il a le mérite de faire ce pour quoi il est destiné.

La source de ce slider : responsive-slides.viljamis.com

50 exemples de couverture Facebook

Nicolas — Fri, 13 Apr 2012 12:55:00 +0200

Les marques se déchaînent sur leurs pages Facebook et la nouvelle fonctionnalité de couverture arrivée il y a quelques mois leurs donnent encore plus d'idées créatives.

La preuve avec ce slideshare présentant 50 exemples de couverture Facebook

Facebook créé un QR Code sur son toit

Nicolas — Tue, 27 Mar 2012 14:52:00 +0200

Les QR Code se répandent de plus en plus.

On en trouve sur les affiches du métro, sur les prospectus, sur les publicités (et j'en passe).

Facebook a eu l'idée de créer un QR Code sur son toit.

Celui-ci fonctionne parfaitement et renvoie sur la page Facebook QRCode.

Une belle performance qui mérite d'être soulignée.

La vidéo

Source

Les différents services du Google Play Store

Nicolas — Tue, 27 Mar 2012 12:00:00 +0200

Je vous ai présenté la nouvelle arme de Google nommée Google Play Store dans ce billet GOOGLE PLAY STORE, LA NOUVELLE ARME DE GOOGLE.

Voici des petites vidéos découverte sur le compte officiel de Google Play présentant les services du futur Google Play Store

Play Movies

Play Books

Play Music

Personnellement, j'ai vraiment hate de voir tous ces services opérationnels en France.

Rappelons qu'ils ne sont pour l'instant disponible qu'aux Etats-Unis.

Google Play Store, la nouvelle arme de Google

Nicolas — Tue, 27 Mar 2012 07:57:00 +0200

En place depuis quelques semaine aux Etats-Unis, le nouveau Google Play Store arrive progressivement en France.

Utilisé au jour d'aujourd'hui comme le remplaçant de l'Android Market, il sera agrémenté dans les prochaines semaines d'outils distincts déjà en place chez Google mais qui vont migrer petit à petit sur cette interface unique.

Parmi les outils que nous allons retrouver, nous pourrons écouter de la musique avec play music, lire des livres avec play books ou encore louer des films sur play movies.

Des services ressemblants quelque peu à Apple et son Apple Store.

L'intégralité de ses services sont déjà présents aux Etats-Unis.

A l'heure actuelle, aucune date n'est annoncé pour le lancement de toutes ses fonctionnalités en France.

La vidéo de présentation de google play

Faire des feuilles de style dynamique avec le format LESS CSS

Nicolas — Mon, 19 Mar 2012 13:57:00 +0100

Voici le type d'avancée que j'attendais depuis un moment.

En effet, lorsqu'on créé un site, nous avons régulièrement des déclarations récurrentes dans nos feuilles de style.

Le problème est que, lorsque vous avez un changement à faire dans une de ces feuilles de style, vous vous retrouvez à faire des copier coller qui peuvent vous prendre beaucoup de temps.

La technique que je vais vous présenter me semblait indispensable surtout depuis que je développe sous Android.

En effet, pour ce type de développement, vous avez un fichier qui regroupe différentes déclarations que vous pouvez récupérer dans vos layouts.

Cette avancée à un nom : c'est LESS CSS.

LESS, le langage de feuille de style dynamique

LESS étend le langage CSS connu de tous et permet de passer des variables, des fonctions que vous récupérez le long de votre feuille de style.

Exemple d'utilisation de LESS

Je ne vais pas vous reprendre tout le code du site officiel.

Voici une déclaration pour vous montrer comment cela fonctionne.

On va prendre l'exemple d'une couleur de police :

Dans une déclaration CSS normale, on aurait ce type de code :

#header {
  color: #4D926F;
}
h2 {
  color: #4D926F;
}

Dans une déclaration LESS, voici ce que ça donne :

@color: #4D926F;
#header {
  color: @color;
}
h2 {
  color: @color;
}

Dans le cas présent @color remplace la couleur définit dans la déclaration CSS normale.

Nous avons dans cet exemple que deux déclarations, mais imaginez le faire sur 200 déclarations ?

Votre client vous dit, j'aimerais que cette couleur de police soit changé sur l'ensemble du site.

Vous ne modifiez qu'une seule ligne et non 200.

La site officiel LESS CSS

Le responsive design #1

Nicolas — Tue, 21 Feb 2012 07:53:00 +0100

Depuis quelques temps, je m’intéresse de près au Responsive Web design.

Les personnes me suivant sur twitter ( @nico_agt ) ou sur la fanpage Facebook de ce blog peuvent en témoigner.

Le nombre de liens que je partage en ce moment sur ce sujet est assez important et cette série de billets est donc l'occasion de réunir toutes ces ressources.

Beaucoup de blog traitant du web design ou du web development écrivent des articles sur ce sujet.

Ce sujet, justement, est très récent car il date de 6 mois pour les premiers écrits.

Le responsive design en théorie

On peut se poser une question simple : Qu'est ce que le responsive design ?

Pour répondre à cette question, il faut partir d'un constat :

Au jour d'aujourd'hui, les utilisateurs navigant sur Internet utilisent une multitude d'appareil pour consulter leurs sites préférés.

Nous pourrions regrouper ces appareils en 3 types d'interfaces :

Les interfaces statiques :La majorité des sites sont visionnés sur PC (ou Mac), qui ne nous permettent pas ou peu de nous déplacer.
Les interfaces semi-mobile : Les tablettes Android, Les Ipad mais aussi les netbooks. Qui peuvent être utilisé n'importe où mais dont leur usage nécéssite d'être "immobile". Difficile de se promener dans la rue en train de visionner un site sur sa tablette.
Les interfaces ultra-mobile : Les smatphones Android, les Iphone, les Windows Phone, les blackberry qui permettent de pouvoir se connecter de n'importe quel endroit même en mouvement. Qui n'a jamais vu un homme (ou une femme) dans la rue tenant son mobile dans les mains et visionnant un site. Rappelez vous le billet que j'avais écris il y a quelques temps : 18 millions de Français utilisent leurs mobiles pour surfer

Ces différents types d'interfaces apportent une problématique de taille :

Chaque types d'interfaces a une résolution d'écran différente.

Et, comble de tout, pour chaque types d'interfaces, il y a des résolutions différentes.

Le problème est donc de pouvoir avoir un design propre quelque soit le type d'appareil que l'on utilise.

Confronter à ce problème, certains développeurs ont créer une technique qui permet de "fluidifier" le rendu sur tous types d'appareil mais aussi, et c'est là que cela devient interessant, avoir un rendu qui varie suivant la taille de votre navigateur.

Rendez-vous sur un site (par exemple http://css-tricks.com/) et réduisez votre fenêtre de navigateur, vous allez voir le design de ce site changer.

Il varie suivant la taille de votre navigateur et apporte un rendu fluide et clair pour tous types de résolutions.

Cet article est donc, vous l'avez compris, une introduction à une série de billets sur le responsive design.

Je rentrerai plus en détail sur les techniques permettant de créer un site responsive dans un autre billet et terminerai par un billet d'exemple de sites responsive.

Source Image

Pub google chrome : Irma

Nicolas — Wed, 01 Feb 2012 10:13:00 +0100

Pour continuer la série du précédent billet ( Pub google chrome : Ma petite chloé ), voici la toute nouvelle pub google chrome présentant cette fois-ci une artiste nommée Irma.

Le site My major company est aussi cité.

Encore une belle découverte musicale pour une pub sympa.

Pub Google Chrome : Ma petite Chloé

Nicolas — Sun, 29 Jan 2012 20:31:00 +0100

Voici la nouvelle pub google chrome où un père utilise le web et les outils google pour partager des souvenirs de sa fille depuis sa naissance.

Un très beau concept pour une très belle pub.

Les résolutions de ce blog pour 2012

Nicolas — Tue, 03 Jan 2012 11:48:00 +0100

L'année 2011 a été riche pour ce blog.

En effet, vous avez été près de 30 000 visiteurs uniques en 2011 à vous connecter sur ce blog et je vous en remercie.

Certes, pour certains, c'est peu, mais je trouve que cette audience est flatteuse lorsqu'on voit le nombre de publications que je fait.

Le nombre de publication a, lui aussi augmenté avec 92 publications en 2011 contre 75 en 2010 même si, il faut l'avouer, le nombre de publication s'est fait rare en cette fin d'année.

La création de la fanpage, la liaison entre cette fanpage et le blog via le plugin facebook fan page pour Dotclear ont permis de rejoindre en petite communauté.

Il y a eu aussi la refonte partielle de ce blog qui a été appréciée par les lecteurs qui m'ont fait part de leurs opinions.

Les résolutions de ce blog pour 2012

Comme tout blogueur motivé, ayant envi de continuer sur la même dynamique, quelques changements s’opéreront lors de cette année 2012.

Résolution n°1

Le nom de ce blog va changer.

En effet, j'avais dans un premier temps choisi Nico n'Co car je ne voulais pas que ce blog soit forcément relié à moi (même si le nom de domaine l'est).

Résolution n°2

Dans la même optique que la première résolution, l'url de ce blog va changer.

Un gros travail de redirection sera donc à faire pour que les utilisateurs ne se retrouvent pas sur une page d'erreur.

Résolution n°3

Le graphisme va évoluer petit à petit. Des petites modifications seront faites à mes heures perdues.

Résolution n°4

Ce blog sera plus connecté, plus fluide, plus rapide à se charger.

Là aussi gros travail pour ma part mais il faut avouer que les blogs stagnants vieillissent généralement mal.

Résolution n°5

Continuer à satisfaire les lecteurs de ce blog et à enrichir la toile de mes découvertes, mes idées et les actus que je trouve pertinentes.

Il ne me reste plus qu'à vous souhaiter une très bonne année à tous !

Source image

Les différentes unités de mesure Android (dp, sp, pt, px, mm et in)

Nicolas — Thu, 22 Dec 2011 12:05:00 +0100

Tous les développeurs android connaissent le site developer.android.com.

Ce site permet de connaître les principales fonctionnalités du développement Android.

Je me suis interrogé l'autre jour sur toutes ces unités de mesure.

Pour le développement web, il existe 3 unités principales : les px (pixels), les em et les %.

Pour le développement d'application Android, il y en a 6 :

dp : Density independen Pixel ( Densité de pixels indépendant) - Unité abstraite qui est basés sur la densité physique de l'écran.Cette unité est égale à 160 DPI (Points par pouce) par écran. Cette dimension sera utilisé pour la mise en page des éléments.
sp : Scale independent Pixel (Echelle de pixels indépendant) - Utilisé pour les tailles de polices. On pourrait comparé cette unité aux em du développement web. La police peut être plus ou moins grosse suivant les préférences utilisateurs
pt : Point - 72 points par pouces. basé sur la taille physique de l'écran.
px : Pixels - Corresponds aux pixels réels de l'écran. Cette unité de mesure n'est pas recommandées car le rendu sur les différents types d'écran peut être différents. Le nombre de pixels par pouce peut varier suivant les appareils.
mm : Millimètre - basée sur la taille physique de l'écran
in : Inches (Pouces) - basée sur la taille physique de l'écran

Ces dimensions se définissent dans les layout (les fichiers XML).

Vous retrouverez l'ensemble de ces unités sur le site developer.android.com.

Source Image

18 millions de français utilisent leur mobile pour surfer

Nicolas — Mon, 07 Nov 2011 14:05:00 +0100

Cela représente près d'un français sur trois.

Ce chiffre, en constante progression, a gagné 5 millions d'utilisateurs en un an.

Selon l'étude Médiamétrie parue le 28 octobre, 4 utilisateurs de téléphone mobile sur 10 sont désormais équipés de smartphone, contre 1 sur 4 l'an passé.

Consulter l'étude médiamétrie : L'audience de l'Internet mobile en France au 3ème trimestre 2011

Exemple d'applications android pour développeurs

Nicolas — Sun, 30 Oct 2011 15:30:00 +0100

Tous les développeurs Android connaissent le site de ressources et de documentations Android developer.android.com

Dans ce site, de nouveaux exemples d'applications ont été mis en ligne il y a peu.

Toutes ces applications sont disponibles dans la rubrique Ressources / Sample code .

Le lien vers toutes ces sources : http://developer.android.com/resources/browser.html?tag=sample

Gérer l'interlignage avec les ^{et les}

Nicolas — Tue, 18 Oct 2011 13:25:00 +0200

Un des problèmes pour un développeur est d'avoir un rendu uniforme entre tous les navigateurs.

Malheureusement, tous n'utilisent pas le même moteur de rendu et ont souvent de petites différences.

Aujourd'hui je vais vous parler des sup et des sub.

C'est quoi un sup et un sub ?

Pour les personnes qui ne connaissent pas ces expressions, ce sont les équivalents de supérieurs et inférieurs en langage html. Les balises sont <sup> et <sub>.

Le problème de ces balises

Le problème principal est le rendu sous Internet Explorer (IE).

En effet, l'interlignage ne prend pas en compte ces balises et rends l'interlignage plus grand lorsque celles-ci sont intégrées dans le texte.

J'ai trouvé, à force de recherche et de tests, 2 solutions à ce problème.

2 solutions s'offrent à vous

La première, réduire l'interlignage pour ces 2 balises via la propriété css line-height.

Il suffit de régler ce line-height à 0.8 em comme ceci :

sup, sub {
line-height: .8em;
}

La seconde solution est d'utiliser la propriété css vertical-align qui vous permettra de placer les éléments, soit en "baseline" ou en "top" :

sub {vertical-align:baseline;} 
sup {vertical-align:top;}

[SHELL] Rechercher une chaîne de caractère dans tous les fichiers d'un dossier

Nicolas — Thu, 29 Sep 2011 10:14:00 +0200

Une commande simple pour rechercher une chaîne de caractère dans tous les fichiers d'un dossier.

Cette commande vous permettra par exemple de rechercher une classe css dans un fichier se trouvant dans un dossier spécifique.

La commande Shell

grep -r -i [chaine_a_rechercher] [dossier]/

Le -r signifie que l'on recherche dans un répertoire

Le -i signifie que nous ne distinguons pas les minuscules et les majuscules.

Nous pouvons aussi utiliser cette commande avec des expressions régulières.

[MYSQL] Remplacer toutes les occurrences d'une chaine de caractère dans une table mysql

Nicolas — Tue, 27 Sep 2011 07:57:00 +0200

Je cherchais à modifier une chaîne de caractère dans une table contenant plusieurs milliers d'enregistrements.

Après plusieurs recherches sur divers forums, j'ai trouvé la commande me permettant de remplacer la chaine existante par une autre définie dans la requête.

Voici la requête

UPDATE tab SET col = REPLACE(col,"chaine_originale","chaine_de_remplacement");

Dans cet exemple, on va remplacer le texte "chaine_originale" par "chaine_de_remplacement" pour toutes les occurrences trouvées dans la colonne "col" de la table "tab".

Exemple d'utilisation

On pourrait imaginer cette requête pour remplacer les caractères "é" par "e" dans une colonne "text" d'une table nommée "content".

Cet exemple donnerai :

UPDATE content SET text = REPLACE(text,"é","e");

5 liens du vendredi matin #30

Nicolas — Fri, 02 Sep 2011 09:00:00 +0200

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

KIA : Les animaux et la pub #2

Nicolas — Thu, 01 Sep 2011 19:13:00 +0200

Petite série des animaux dans la pub avec ce second numéro.

Kia a profiter du succès du tube de LMFAO pour sortir une pub qui fait un petit buzz sur la toile où l'on voit des hamsters faire face à des robots terrifiants.

Cette pub a pour but de présenter la nouvelle gamme d'un modèle de la marque : la kia soul

Pub Kia Soul Hamster LMFAO

Les corréens n'en sont pas à leur premier coup d'essai avec les hamsters comme le montre cette autre pub.

New 2010 Kia Soul Hamster Commercial

Pour voir toutes les vidéos, rendez-vous sur la chaine Youtube de Kia motors

BOUYGUES TELECOM : Les animaux et la pub #1

Nicolas — Thu, 01 Sep 2011 13:06:00 +0200

Petite série des animaux dans la pub avec ce premier épisode.

Bouygues Télécom a choisi le chat pour créer un spot pub décalé.

Les chatons télécom débarquent

Bouygues Télécom présentent les chatons

Pour voir toutes les vidéos, rendez-vous sur la chaine Youtube de Bouygues Télécom

5 liens du vendredi matin #29

Nicolas — Fri, 26 Aug 2011 09:00:00 +0200

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

5 liens du vendredi matin #28

Nicolas — Fri, 19 Aug 2011 09:00:00 +0200

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Trucs et astuces Jquery (Tutorialzine)

Nicolas — Tue, 16 Aug 2011 11:54:00 +0200

La librairie Jquery est vraiment puissante et permet de faire tout ce que l'ont veux, comme ont le veux.

Le problème est que nous utilisons cette librairie différemment au fil du temps et de nos expériences de développements ce qui nous fait oublier très souvent les données essentielles de celle-ci.

Alors pourquoi ne pas prendre quelques minutes pour se rappeler des informations essentielles sur la librairie Jquery ?

Voici un article trouvé sur l’excellent blog Tutorialzine recensant 15 trucs et astuces Jquery.

Le lien : 15 Trucs et astuces Jquery

Lister des éléments en Jquery

Nicolas — Wed, 20 Jul 2011 13:29:00 +0200

Avez vous déjà eu l'envie (ou le besoin) de lister des éléments en Jquery à l'intérieur d'un div ou d'une liste par exemple ?

C'est en tout cas quelque chose qui se produit souvent lorsqu'on veut faire une animation sur un menu ou sur des boxes où l'on veut mettre un effet de fadeIn.

Pour faire simple, je vais vous présenter ma manière de parser une liste de liens avec Jquery.

Même si elle n'est pas optimale, elle fonctionne très bien.

Comment lister les éléments en Jquery ?

En partant du code html suivant :


<ul id="bloc1">
<li class="current">
<a class="lien1" href="http://www.nicolasaguenot.com/nicoandco/index.php?post/2011/04/11/http://bit.ly/fsIk0D">Template/Plugin Jquery...</a>
</li>
<li>
<a class="lien2" href="http://www.nicolasaguenot.com/nicoandco/index.php?post/2011/04/11/http://bit.ly/foI5cw">Quelques chiffres clés...</a>
</li>
<li>
<a class="lien3" href="http://www.nicolasaguenot.com/nicoandco/index.php?post/2011/04/11/http://bit.ly/g4Es58">Un Framework Jquery...</a>
</li>
<li><
<a class="lien4" href="http://www.nicolasaguenot.com/nicoandco/index.php?post/2011/04/11/http://bit.ly/gVcvhn">3 plugins Jquery...</a>
</li>
</ul>

Le Jquery pour lister ces éléments serait le suivant :

$("#bloc1").children().each(function(){
// lorsqu'on passe à cet enfant, on le définit par la variable kid
var kid = $(this);

// Reste du code

});

Mise en situation par un exemple

On pourrait imaginer rechercher l'élément "current" par exemple. Dans ce cas, on pourrait faire ce genre de code :

$("#bloc1").children().each(function(){

var kid = $(this);
if(kid.hasClass("current")){

// Reste du code

}
});

Cette méthode est simple et peut évoluer facilement. Je vous laisse en faire bon usage.

5 liens du vendredi matin #27

Nicolas — Fri, 15 Jul 2011 07:22:00 +0200

Après quelques semaines d'absence, voici la série des liens du vendredi matin qui recommence.

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Ajouter une image par défaut lors de vos partages facebook

Nicolas — Tue, 12 Jul 2011 13:20:00 +0200

Lors des partages que vous faites à l'aide de sharer facebook, vous avez la possibilité de choisir l'image que vous voulez afficher à côté de la description du contenu partagé.

Cette image correspond généralement aux images présentent dans le contenu, mais elle ne correspond pas toujours à celle que l'on veut partager.

En effet, si vous utilisez des visuels par défaut n'ayant pas forcément de rapport avec le contenu partagé, pourquoi mettre une image ?

Une balise meta permettant de mettre une image par défaut

La solution serait de mettre une balise meta permettant de choisir son image ce qui empêcherait facebook d'aller dans votre code pour trouver les images présentent dans le contenu.

La balise serait donc une balise reconnue exclusivement pas facebook.

Voici à quoi cela ressemble :

<meta property=”og:image” content=”[URL_DE_VOTRE_IMAGE]” />

où [URL_DE_VOTRE_IMAGE] correspond au chemin où se trouve votre image.

La solution si ça ne fonctionne pas !

Il se peut que votre contenu soit déjà partagé par un internaute sur ce réseau social.

Dans ce cas, rendez-vous sur l'url suivante et insérez l'url de votre site :

http://developers.facebook.com/tools/lint

Cette opération videra les images précedemment chargées et vous permettra de partager VOTRE image.

Récupérer un morceau de chaîne de caractères en PHP

Nicolas — Thu, 07 Jul 2011 13:52:00 +0200

J'utilise le langage PHP au quotidien mais ce matin, j'ai eu un trou de mémoire concernant le traitement des chaines de caractères en php.

C'est donc l'occasion pour moi de vous faire partager une fonction php nommé substr qui permet de récupérer un morceau de chaîne de caractère en php.

La fonction que je vous présente est une fonction basique, générique, qui peut s'adapter à tous les développements que vous effectués.

Le code


function fctn_substr($str, $firstChar, $number){
    $chaine =  substr($str, $firstChar, $number);
     return $chaine;
}

// nombre de caractère récupéré
$nombre_caractere = 20;

// point à partir duquel on part
$num_premier_caractere = 0;

// ma chaine de caractère
$mystring = "Je teste ma chaine de caractères";

// Résultat à la sortie
$string = fctn_substr($mystring, $num_premier_caractere, $nombre_caractere);

Ensuite, c'est à vous d'adapter cette fonction à vos besoins.

C'est tout simple mais ça peut servir !

Applications Android pour développeurs

Nicolas — Mon, 27 Jun 2011 11:18:00 +0200

Il peut arriver à un développeur d'être en déplacement professionnel et/ou d'avoir besoin de se connecter à un serveur ou de modifier un morceau de code.

Heureusement pour lui, il existe des applications Android lui permettant de réaliser ces actions.

Je n'ai pas toujours un pc avec moi et il m'arrive parfois le week end de devoir modifier un fichier sur un serveur FTP.

Je vous dévoile donc les applications que j'utilise afin de gérer mes données de développement à partir de mon smartphone Android.

Un serveur FTP accessible partout avec AndFTP

Un outil développé par la société lysesoft permettant d'accéder à un serveur FTP et de pouvoir télécharger les fichiers en "local" pour pouvoir les modifier.

Lysesoft AndFTP

Modifier son code facilement avec TouchQode

Un outil permettant de modifier son code facilement. L'apprentissage n'est pas forcément évident mais, avec le temps, on s'habitue à cet outil.

TouchQode

Je gère mes bases de données avec Phoenix MySql Client

Vous pouvez gérer vos bases de données facilement avec cet outil qui vous permettra de faire tous types de requête SQL à partir de votre smartphone

Phoenix MySql Client

Je garde la documentation Jquery avec moi

Rien de plus frustrant pour un développeur de ne pas avoir les moyens de voir une documentation sur un langage, une technologie, ... Pourquoi ne pas garder une documentation en "local" ? Vous pouvez le faire avec la documentation Jquery.

Jquery mobile doc

Le W3C dans son smartphone avec W3C Cheatsheet

Dans le même principe que la documentation Jquery, retrouvez l'ensemble des recommandations W3C dans votre mobile.

W3C Cheatsheet

Il y a certainement beaucoup plus d'applications liées au développement (et aux développeurs en général).

Cette liste permet de lister les applications essentielles pour le développement et la consultation de serveurs à partir de son smartphone.

Si vous utilisez d'autres applications, n'hésitez pas à les partager.

Source Image

[INFOGRAPHIE] Popularité de Jquery

Nicolas — Tue, 21 Jun 2011 08:47:00 +0200

Suite à ma petite enquête "Etes-vous plutôt flash ou Jquery ? ", je recherchais des informations sur d'autres sites concernant la popularité des deux outils.

Je suis tombé sur cette infographie montrant la nette domination de Jquery face aux autres librairies Javascript.

Source : webappers.com/2011/06/14/javascript-frameworks-and-jquery-infographic

Quel est le code html pour appeler un numéro de téléphone ?

Nicolas — Thu, 16 Jun 2011 16:30:00 +0200

Nous utilisons de plus en plus nos smartphone pour consulter un site web.

En effet, avec plus de 100 millions de smarphone vendu dans le monde, celui-ci devient la seconde source de visite après l'ordinateur classique.

Amis développeurs et intégrateurs, pourquoi ne pas utiliser des ressources pour faciliter l'usage des visiteurs de vos sites ?

La problématique est la suivante : Comment donner la possibilité aux visiteurs d'appeler un numéro de téléphone à partir d'une page web ?

Un code html pour appeler un numéro de téléphone

Alors on se pose devant son clavier et on évite de sortir la grosse artillerie.

En effet, il est facile d'envoyer un mail à partir d'un lien avec la propriété suivante :

<a href="mailto:xxxx@xx.xx"> Envoyer un email </a>

Alors pourquoi ne pas trouver l'équivalent pour passer un appel téléphonique ?

Heureusement pour vous, j'ai la solution.

Il suffit de remplacer "mailto:xxxx@xx.xx" par "tel:[identifiant_pays]xxxxxx" où [identifiant_pays] correspond à l'identifiant téléphonique du pays que vous voulez appeler (par exemple pour la france +33 ).

Et donc nous avons un code qui ressemblerait à ca :

<a href="tel:+33102030405"> Appeler la société xxx </a>

Avouez que c'est simple...

Personnellement j'ai testé avec plusieurs codse pays et cela fonctionnait.

Et si je clique sur le lien à partir d'un pc ?

Lors du clic, votre navigateur va chercher si vous n'avez pas un logiciel de vidéoconférence (skype par exemple) de disponible et vous donnera la possibilité d'appeler avec ce logiciel.

Créer des ombres en CSS avec text-shadow

Nicolas — Wed, 15 Jun 2011 09:44:00 +0200

Un tutoriel très clair est en ligne sur le site W3C reprenant tous les paramètres de la propriété CSS text-shadow.

Cette propriété CSS text-shadow permet de créer des ombres sur des textes afin de donner un effet de profondeur au contenu.

Cette propriété n'est cependant pas visible sur tous les navigateurs (IE6 et IE7 par exemple).

Si vous affichez un contenu sur l'un de ces navigateurs, vous aurez votre texte d'affiché sans ombres.

Voir la source : Text shadow CSS3

Créer des boutons étendus en CSS (méthode à 2 images)

Nicolas — Fri, 03 Jun 2011 14:06:00 +0200

Les boutons étendus sont très souvent utilisés par les intégrateurs afin de faire un seul bouton pour plusieurs actions ou plusieurs langues.

Par exemple : Un lien "lire la suite" en français et en anglais n'aura pas forcément la même taille.

Pour pallier à ce problème, ces intégrateurs utilisent plusieurs images pour faire leurs boutons et jouent avec la feuille de style pour avoir un rendu optimal.

J'ai utilisé pendant longtemps le principe de base qui consiste à faire 3 images pour créer un bouton.

3 images me direz-vous ? En effet, une image pour la partie droite, une pour la partie gauche et une que je mettais en repeat pour la partie centrale.

Le tour était joué mais il était très souvent difficile d'avoir un rendu optimal sur tous les navigateurs.

Donc je me suis mis à rechercher une autre solution et j'ai trouvé comment avoir un rendu identique avec seulement 2 images.

Je vais donc vous décrire les 2 méthodes (l'ancienne et la nouvelle) afin que vous puissiez faire votre choix.

3 images pour un bouton étendu

Comme je le décrivais précédemment, on va utiliser 3 images pour créer un bouton.

Une image pour la partie droite, une pour la partie gauche et une pour la partie centrale.

Le rendu des 3 images découpées ressemblerait à ceci :

Le code HTML :

<div class='bouton'>
<div class='bouton-left'>
<div class='bouton-right'>
<a href='http://www.lien.fr' title='Lien du bouton'>Lien du bouton</a>
</div>
</div>
</div>

Le CSS :

.bouton{
background:transparent url("images_repeat.jpg") repeat-x center center;
}
.bouton-left{
background:transparent url("images_left.jpg") no-repeat left center;
}
.bouton-right{
background:transparent url("images_right.jpg") no-repeat right center;
}

Enfin, réglez la position du texte avec des padding et le tour est joué.

2 images pour un bouton étendu

Si nous n'utilisons que 2 images, il n'y a pas de repeat sur l'image de gauche et l'image de droite vient se caler à celle de gauche.

Le rendu des 2 images découpées pourrait ressembler à ceci :

Le code HTML :

<div class='bouton'>
<div class='fin-bouton'>
<a href='http://www.lien.fr' title='Lien du bouton'>Lien du bouton</a>
</div>
</div>

Le CSS :

.bouton{
background:transparent url("images_left.jpg") no-repeat left center; 
width:200px;
}
.fin-bouton{
background:transparent url("images_right.jpg") no-repeat right center;
}

Les avantages de cette méthode

Il n'y a que deux images de chargées (au lieu de 3).

Le positionnement du texte est facilité. Il suffit de régler le padding sur la classe .fin-bouton.

Les inconvénients de cette méthode

Le poids de l'image image_left.jpg un peu plus gros.

Les boutons ne peuvent pas dépasser une certaine taille.

Certains préféreront la première méthode, beaucoup plus répandue que la seconde, mais je suis convaincu que la seconde méthode pourrait faire gagner du temps en réglage et pourrait être compatible avec beaucoup plus d'outils.

Et vous ? Quelle méthode utilisez-vous ?

5 liens du vendredi matin #26

Nicolas — Fri, 03 Jun 2011 13:28:00 +0200

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Il ne reste que quelques jours pour participer au sondage "Etes-vous plutôt Flash ou Jquery ?" alors n'hésitez pas à donner votre avis.

[PUB] Citroën DS4 : Avez-vous essayez de dire non ?

Nicolas — Tue, 31 May 2011 13:23:00 +0200

Après le bébé qui ne savait que dire "non !", Citroën sort une nouvelle pub pour la Citroën DS4.

Cette publicité envoie des messages à une vitesse importante tournés autour du "Oui !" (d'ailleurs si quelqu'un connait le nom de cette technique, je suis preneur! ).

On attends avec impatience la prochaine pub de cette campagne pour ce tout nouveau modèle de Citroën qui, il faut bien l'avouer, est très agréable à regarder.

Pub 1 : Réapprenez à dire non !

Pub 2 : Avez-vous essayez de dire non ?

Astuce CSS : Comment empêcher le redimensionnement d'un textarea ?

Nicolas — Wed, 25 May 2011 16:58:00 +0200

Lors de développement et integration, il arrive souvent de "styler" les champs des formulaires.

Mettre un background à un input ou un textarea, cela donne un effet plus sympa qu'un champ blanc encadré en noir.

Certains développeurs (moi le premier) créent une image ayant deux états :

L'état par défaut, affiché lorsqu'on arrive sur le formulaire,
L'état 'erreur', qui est affiché lorsqu'un champ est vide par exemple.

Le problème est que les nouveaux navigateurs autorisent le redimensionnement de ces champs par défaut.

L'utilisateur peut alors voir le background "erreur" affiché en dessous du bloc par défaut.

Pour palier à ce problème, une petite ligne de code est nécessaire :

textarea{ resize:none;}

Celle-ci empêche le redimensionnement des champs textarea dans vos formulaires.

Source de cette solution : bbxdesign.com

Utiliser une police non-système en CSS avec @font-face

Nicolas — Thu, 19 May 2011 13:06:00 +0200

Vous êtes en train de développer un site, une application web et vous cherchez à intégrer dans vos design des polices (des fonts) qui ne sont pas pris en compte par la majorité des PC/MAC de vos utilisateurs.

Une solution est possible : Utilisez la propriété CSS @font-face .

@font-... quoi ?

@font-face est une propriété initialement prévu pour CSS3 mais qui peut être utilisé en CSS2.

Quelle est l'utilité de cette classe ?

Cette propriété permet d'intégrer des polices non-système à vos sites (blog/application/...) lors de l'intégration de la feuille de style.

Pour retrouver la liste des polices système, je vous invite à consulter ce lien : www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Comment fonctionne @font-face ?

Pour commencer, il faut choisir la police non-système que l'on désire insérer dans sa page web.

Ensuite, il suffit de déclarer la nouvelle police dans votre feuille de style en utilisant ce type de code :

@font-face { font-family: "Ma_police_speciale"; 
src: url('Ma_police_speciale.ttf'); }

Enfin, choisissez ce nom de police pour l'élément que vous désirez :

p { font-family: Ma_police_speciale; }

Dans ce cas, tous les paragraphes auront la police "Ma_police_speciale".

Problème de compatibilité de @font-face

Dans un monde idyllique, tous les navigateurs et les systèmes d'exploitations interpréteraient ce code correctement.

Mais nous ne sommes pas dans ce monde et il faut donc des adaptations et des fichiers différents suivant l'environnement où nous consultons le site.

Il existe cependant une solution à ce problème de compatibilité. En effet, afin de pouvoir rendre visible cette police sur la majorité des environnements, on va étoffer la déclaration @font-face vu précédemment :

@font-face { font-family: 'Ma_police_speciale';
    src: url('Ma_police_speciale.eot');
    src: url('Ma_police_speciale.eot?#iefix') format('embedded-opentype'),
         url('Ma_police_speciale.woff') format('woff'),
         url('fMa_police_speciale.ttf') format('truetype'),
         url('Ma_police_speciale.svg#Ma_police_speciale') format('svg');

En ajoutant ces quelques lignes supplémentaires, on règle le problème sur les navigateurs IE et l'environnement mac.

On remarque qu'en plus de notre fichier .ttf que nous avions précédemment, les fichiers .eot, .woff et .svg ont été ajoutés.

Le problème est de savoir comment faire pour créer ces trois fichiers, car la possibilité de trouver une police avec 4 extensions de fichiers différents réduits considérablement le nombre de police que l'on peut choisir.

Convertir son fichier source en différents formats

Heureusement pour nous, le site Fontsquirrel.com a créé un générateur de font-face.

Le principe : On lui donne un fichier de police (qu'importe le format .ttf, .eot, ...) et li génère les fichiers avec les quatre extensions ainsi qu'un code html permettant d'intégrer la police générée dans son fichier css.

Le lien vers @font-face generator : www.fontsquirrel.com/fontface/generator

Limite de cette méthode

Un seul problème à cette méthode : Le fichier police est chargé lorsque la page se charge.

De ce fait, le chargement peut être légèrement plus long qu'une page normale.

Qu'aimeriez-vous pour la prochaine version du plugin Fanpage Facebook pour Dotclear ?

Nicolas — Wed, 18 May 2011 10:13:00 +0200

Souvenez-vous, il y a quelques temps j'ai développé un plugin fanpage Facebook pour Dotclear.

Ce plugin permet d'intégrer le widget fanpage sur votre sidebar et d'ajouter un encart en haut de vos articles incitant les utilisateurs à devenir fan de votre page.

Mon emploi du temps personnel n'étant plus aussi chargé qu'il y a quelques semaines, je vous pose cette question simple :

Qu'aimeriez-vous pour la prochaine version du plugin Fanpage Facebook ?

Bien qu'ayant dans ma tête une petite idée des améliorations à apporter, je souhaite savoir ce qui vous serait utile ?

Alors, utilisez les commentaires de ce billet. D'idées simples aux idées complètement farfelues, je suis preneur.

Je ferais une petite synthèse de vos idées et essayerait de les mettre en place.

A vous !

5 liens du vendredi matin #25

Nicolas — Fri, 13 May 2011 09:00:00 +0200

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Il ne reste que quelques jours pour participer au sondage "Etes-vous plutôt Flash ou Jquery ?" alors n'hésitez pas à donner votre avis.

Un livre à découvrir - Android : Concevoir et développer des applications mobiles et tactiles

Nicolas — Wed, 11 May 2011 13:47:00 +0200

Je dois avouer que je ne suis pas un grand lecteur, mais quand j'ai vu ce livre dans la librairie proche de mon travail, j'ai sauté sur l'occasion.

En effet, si vous êtes comme moi intéressé par le développement d'application mobile sous la plateforme Android, ce livre vous apprendra certainement beaucoup de choses.

Comme l'a indiqué Mike François dans les colonnes du site développez.com : "Courez chercher ce livre qui est, sans nul doute, la plus détaillée et la plus explicite des formations pour s'initier et développer avec le SDK de Google"

Le lien vers le livre : Android : Concevoir et développer des applications mobiles et tactiles

5 liens du vendredi matin #24

Nicolas — Fri, 06 May 2011 08:04:00 +0200

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Nouvelle pub pour le Samsung Galaxy Ace avec Angry Bird

Nicolas — Tue, 03 May 2011 17:26:00 +0200

Comment allier un produit, une marque et un jeu devenu célèbre sur smartphone ?

Samsung a trouvé la bonne recette en présentant son nouveau produit, le Samsung Galaxy Ace avec Angry Bird.

La vidéo Samsung Ace avec Angry Bird

Etes-vous plutôt Flash ou Jquery ?

Nicolas — Tue, 03 May 2011 13:39:00 +0200

Nouveau sondage pour ce mois de mai traitant de deux technologies utilisées pour animer et interagir avec l'utilisateur.

La première est (re)connue par beaucoup de personnes pour son adaptabilité sur la plupart des navigateurs.

La seconde est souvent méconnue des utilisateurs. La plupart pensent que le javascript (et le jquery) se caractérise par la vérification des champs de données et les fameuses popup alert. Mais ils contiennent des fonctions très utiles et faciles à mettre en oeuvre.

Je vous invite à voir la rubrique Jquery du blog pour avoir quelques exemples de ce que l'on peut faire avec cette Librairie

Et vous ? Plutôt Flash ou Jquery ?

5 liens du vendredi matin #23

Nicolas — Fri, 29 Apr 2011 09:00:00 +0200

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Créer un loader.gif avec ajaxload.info

Nicolas — Wed, 27 Apr 2011 15:23:00 +0200

Vous êtes en train de développer un outil qui charge du contenu (image ou texte) et vous voulez créer un loader pour que vos visiteurs voient que quelque chose se charge ?

Pourquoi ne pas créer un fichier loader.gif qui s'anime pendant le chargement de votre contenu ?

Pour cela, il y a ajaxload.info .

Ce site vous permettra de créer un loader.gif en personnalisant le type de loader (vous pouvez même retrouver le loader facebook) et de chosir vos couleurs afin qu'il s'intègre parfaitement à votre graphisme.

Tout se passe içi : www.ajaxload.info

5 liens du vendredi matin #22

Nicolas — Fri, 22 Apr 2011 09:00:00 +0200

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

5 liens du vendredi matin #21

Nicolas — Fri, 15 Apr 2011 09:00:00 +0200

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

En tant qu'utilisateur Android, que pensez-vous d'Apple ?

Nicolas — Tue, 12 Apr 2011 15:23:00 +0200

Voici le résultat d'une enquête présentée par le site qriously.com aux utilisateurs Android.

L'infographie qui en ressort est très intéressante.

Source : Le très bon site Webactus

Template/Plugin Jquery Circular Discography

Nicolas — Mon, 11 Apr 2011 13:07:00 +0200

Lors de recherche d'informations de développement, je suis souvent en recherche de produits, d'outils ou de technologies qui pourrait me faire gagner du temps, m'amuser un petit peu et avoir un rendu idéal sur un maximum de plateforme.

Circular discography template

Aujourd'hui, je viens vous présenter un plugin Jquery qui regroupe plusieurs templates déjà présenté sur ce blog (voir 3 plugins Jquery pour créer un background large pour votre site ou Les meilleurs plugins Jquery 2010 pour plus d'exemple).

En effet, il regroupe le mouvement de rotation, le background large et des contenu variés.

Voici les plugins qu'il regroupe :

Je vous laisse découvrir la démonstration de ce template/plugin .

Et si toutefois vous êtes séduit pas ce template et que vous désirez l'utiliser, je vous invite à découvrir la source de cet article : Circular discography template with Jquery

5 liens du vendredi matin #20

Nicolas — Fri, 08 Apr 2011 09:00:00 +0200

Déjà la vingtième semaine que je vous propose 5 liens chaque Vendredi matin.

Depuis le début de cette série, je vous ai proposé des billets principalement orientés sur le développement et les différentes techniques de référencement.

Pour retrouver l'intégralité de ces liens, je vous invite à cliquer sur ce lien : Liens du vendredi matin

5 liens du vendredi matin #20

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

5 liens du vendredi matin #19

Nicolas — Fri, 01 Apr 2011 09:00:00 +0200

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Quelques chiffres clés sur Facebook en Mars 2011 (ou calculs atypiques sur les données Facebook)

Nicolas — Thu, 31 Mar 2011 12:56:00 +0200

Depuis quelques temps, je vois beaucoup d'infographie comportant des chiffres clés sur Facebook.

Ces chiffres sont souvent tirés d'une seule source, le site Check Facebook (checkfacebook.com ).

Je ne veux pas vous faire un article reprenant ces chiffres.

Je me suis amusé à quelques petit calculs.

Combien d'utilisateurs sont sur Facebook ?

A l'heure où j'écris cet article, il y a environ 630 000 000 d'utilisateurs de Facebook.

Etant donné que nous sommes sur Terre 6 775 235 741 au dernier recensement, cela représente quasiment un habitant sur 10.

Si vous voulez un repère géographique, cela représente approximativement l'intégralité des habitants de l'Union Européenne (498 000 000 habitants) auxquels on ajoute les habitants de la Russie (142 000 000 habitants).

Pour information, en France, nous comptons 21 000 000 d'utilisateurs de Facebook soit environ 1 personne sur 3 ( rappelons qu'en France, nous sommes 62 616 488 d'habitants).

Combien de temps passons-nous sur Facebook ?

En moyenne un utilisateur de Facebook passe 55 minutes sur ce réseau social.

SI nous multiplions le temps moyen de chaque utilisateurs passés sur Facebook par le nombre d'utilisateurs, nous obtenons : 55 * 630 000 000 = 34 650 000 000 minutes passés chaque jour sur Facebook par l'intégralité des utilisateurs.

Ce qui représente :

34 650 000 000 / 60 = 577 500 000 d'heures.
577 500 000 / 24 = 24 062 500 de jours.
24 062 500 / 365 = 65 924 années.
65 924 / 100 = 659, 24 siècles.

Sachant que la durée de vie moyenne dans le monde est de 68 ans (source: www.ined.fr), ces 659,24 siècles représentent : 659,24 / 68 = 9,7 vies.

Chaque jour, il y a 9,7 vies qui se passent sur Facebook. Avouez que c'est quand même énorme!

Combien d'amis avons-nous sur Facebook ?

En moyenne, nous avons 130 amis.

En prenant en compte la règle des 6 degrés de séparation, on peut imaginer qu'un utilisateur Facebook est éloignée au plus loin de 6 liaisons entre amis d'un utilisateur X et ce, quel que soit le lieu où se trouve cet utilisateur X.

Explication par l'exemple :

Vous -> Un de vos amis -> Un ami de votre ami choisi -> Un ami de l'ami de votre ami choisi -> .... -> .... -> Utilisateur X

Je pense que l'expression "Le monde est petit" prends toute son ampleur avec cet exemple.

J'aurai pu faire une partie sur le partage des images, mais la moyenne n'a aucun sens étant donné que certains contacts peuvent partager un nombre de photos s'approchant du millier quand d'autres partagent un nombre d'images proche de zéro.

Hashtag Twitter pour développeurs

Nicolas — Wed, 30 Mar 2011 11:14:00 +0200

Twitter est un outil qui prend de plus en plus d'ampleur dans la vie des internautes français.

Parmi les petites habitudes des personnes qui utilisent cet outil de microblogging, les hashtags sont de plus en plus utilisés.

Il en existe pour tous sujets ou évènements.

C'est quoi un hashtag ?

Un hashtag est un mot, une abréviation, une suite de mots collé permettant de distinguer un sujet ou un évènement.

Il permet de communiquer sur un sujet précis et permet des rencontres par intérêts.

Un hashtag est distingué par un # auquel est accolé le sujet.

En tant que développeur, j'utilise régulièrement ces hashtag pour distinguer un langage de programmation, un cms ou un logiciel utilisé, un métier ou une technologie.

Les hashtag twitter liés au développement

Langage :

Métier :

Logiciels et cms :

Divers :

Chaque jour, de nouveaux hashtags apparaissent alors je vous laisse le soin de compléter cette liste.

Je vous mets au défi d'en ajouter 10 en un commentaire traitant de développement.

Qui sera le premier à réussir ce défi ?

HTML5/CSS3 : Comment savoir la fonction que j'utilise est compatible avec tous les navigateurs ?

Nicolas — Mon, 28 Mar 2011 11:47:00 +0200

Vous voulez savoir si l'animation que vous venez de développer en HTML 5 et/ou en CSS3 est compatible avec l'intégralité des navigateurs ?

html5readiness.com vous propose un graphique vous permettant de voir la compatibilité selon les fonctions utilisées.

Pour chaque fonction, vous avez un lien vers une explication détaillées de chaque fonctionnalité.

Le lien vers le site : html5readiness.com

5 liens du vendredi matin #18

Nicolas — Fri, 25 Mar 2011 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Pourquoi choisir BlogBang comme plateforme publicitaire pour son blog ?

Nicolas — Wed, 23 Mar 2011 10:04:00 +0100

Il y a quelques semaines, je me suis intéressé aux différentes plateformes publicitaires pour Nico n'Co.

En effet, il est toujours intéressant de voir l'impact que peut avoir des publicités sur un blog.

L'importance de l'emplacement, la pertinence des publicités affichées, la fréquence de changement de ces pubs, ...

J'ai étudié beaucoup de pistes, toutes avec leurs avantages et leurs inconvénients.

Il est toujours difficile de trouver l'outil idéal pour un blog, que ce soit pour la publicité ou pour les plugins.

Parmi les différentes pistes étudiées, BlogBang était, selon moi, la plateforme la plus adaptée à Nico n'Co.

Sans parler de sa place de numéro 1 du réseau de diffusion publicitaire, cette plateforme permet de choisir les vidéos que l'on va diffuser, de voir en quasi temps réel (actualisé toutes les 15 minutes) le nombre d'impression de la vidéo, le nombre de pages vue,le nombre de visualisation et le nombre de clics sur ces vidéos.

L'intégration au site est très simple

Il suffit de s'inscrire, de soumettre son blog (ou son site), d'attendre quelques temps la validation de l'équipe BlogBang et d'intégrer le code dans ses templates.

Le code

Voici à quoi il ressemble :

<a href="http://www.blogbang.com/">
<img src="http://www.blogbang.com/s.php" border="0" alt="BlogBang" />
</a>

<script src="http://www.blogbang.com/d.php?id=58b023af60" 
type="text/javascript"></script>

La première partie est une image avec un lien vers le site BlogBang.

La seconde est celle qui vous affichera vos pubs sur votre site et comptabilisera les informations concernant votre blog (vues, clics, impressions, pages).

La différence entre les utilisateurs se fait grâce à l'id.

La personnalisation

Bien entendu, nous pouvons personnaliser les boxes où seront affichées les vidéos.

La liste des paramètres se trouve sur la page d'édition de la box : http://www.blogbang.com/index?p=dashboard&tab=2

Conclusion

J'utilise cette plateforme depuis maintenant près de 2 mois et je dois avouer que je suis satisfait par les résultats de cette plateforme aussi bien au niveau de la fiabilité que des diverses fonctionnalités.

Super Mario dans un mini film!

Nicolas — Fri, 18 Mar 2011 16:21:00 +0100

Ah si les personnages de jeux vidéos était réel!

Voici un court métrage réalisé par Joe Nicolosi présentant un plombier qui recherche sa bien aimée : Peach!

Source : Joe Nicolosi

5 liens du vendredi matin #17

Nicolas — Fri, 18 Mar 2011 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Jformer : Un framework Jquery pour les formulaires

Nicolas — Thu, 17 Mar 2011 11:12:00 +0100

Vous êtes développeur et les validations de formulaires vous prennent beaucoup de temps ?

Entre une expression régulière pour l'adresse email, celle pour le code postal ou le numéro de téléphone.

Le contrôle des champs textes font partie de votre quotidien ?

Je vous propose d'utiliser un framework développé en Jquery permettant de valider votre formulaire.

Son petit nom : Jformer

Jformer pour vos formulaires

Ce framework vous permettra de valider vos formulaires facilement en prenant en compte le changement de champs.

En effet, à chaque fois que vous passez d'un champ à l'autre, celui-ci se contrôle et affiche un message si toutefois il n'est pas valide.

Dans la partie démo, vous pouvez voir différents types de formulaires avec une démo et le code source.

Lien vers le framework : www.jformer.com

Lien vers la démo : www.jformer.com/demos

Exi : Le nouveau langage basé sur le XML

Nicolas — Mon, 14 Mar 2011 11:33:00 +0100

Voici une news qui risque de faire parler d'elle dans les jours à venir au sein des communautés de développeurs.

En effet, un nouveau langage basé sur le XML (Extensible Markup Language) vient de voir le jour.

Son petit nom : Exi (Efficient XML Exchange)

Pourquoi un nouveau langage ?

Ce langage basé sur le XML devenait indispensable pour pouvoir utiliser un format XML pour tous types d'appareils notamment ceux pouvant avoir une faible bande passante à savoir les smartphones et les tablettes tactiles.

Un langage griffé W3C

D'après le site du W3C :

"EXI est une représentation très compacte des informations XML, idéale pour être utilisée dans les téléphones intelligents, les terminaux avec contraintes de mémoire ou de bande passante, les applications sensibles aux performances comme les réseaux de capteurs et les appareils électroniques grand public".

Reste plus qu'à le tester et voir ce qu'il donne.

Source : www.w3.org/TR/exi/

Intégrer une galerie d'images sur votre site avec Picasa

Nicolas — Fri, 11 Mar 2011 12:18:00 +0100

Picasa est un outil très puissant!

A partir de sa version en ligne, Picasa Web Albums, vous pouvez afficher, modifier et gérer vos albums.

Une des fonctionnalités que je trouve vraiment puissante est la synchronisation entre le logiciel et cet album en ligne.

Accessible à tous et d'une simplicité rarement connue pour ce genre d'outil, vous pouvez faire une copie de l'intégralité de vos photos en ligne (histoire de ne pas les perdre si vous avez un problème avec votre pc).

J'ai découvert il y a peu une autre fonctionnalité qui va certainement faciliter la vie de beaucoup de webmaster.

En effet, vous pouvez intégrer un de vos albums sur votre site et avoir une galerie d'images animé en quelques clics.

A quoi ressemble le code ?

Cette galerie étant un objet que l'on intègre dans la page web, il suffit de copier un bout de code que vous pouvez retrouver sur votre page Picasa web albums en cliquant sur le lien à droite nommé "Link to this album" puis "embed slideshow".

Ensuite, un pavé s'ouvre où vous pourrez sélectionner les options que vous désirez :

Le code du slideshow s'actualise à chaque fois que vous modifiez un paramètre.

Pour les plus développeurs d'entre vous, voici à quoi ressemble ce code :

<embed type="application/x-shockwave-flash" 
src="https://picasaweb.google.com/s/c/bin/slideshow.swf" 
width="600" height="400" 
flashvars="host=picasaweb.google.com&captions=1&hl=en_US&feat=flashalbum&
RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2F
api%2Fuser%2F114868405393015996900%2Falbumid%2F5582769829742688097%3F
alt%3Drss%26kind%3Dphoto%26hl%3Den_US" 
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>

Le résultat

Pour cet exemple, j'ai synchronisé un répertoire que vous connaissez bien si vous venez régulièrement sur ce blog : Galerie de sites design pour vos inspirations.

5 liens du vendredi matin #16

Nicolas — Fri, 11 Mar 2011 09:00:00 +0100

Avec un peu de retard, voici les 5 liens du vendredi matin épisode 16.

Je tenais à vous remercier d'être toujours aussi nombreux à regarder ces liens.

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Comment être crédible sur un réseau social ?

Nicolas — Wed, 09 Mar 2011 10:28:00 +0100

Les réseaux sociaux ont une part de plus en plus importante dans notre quotidien.

Saviez-vous qu'une personne inscrite sur Facebook passe en moyenne 55 minutes sur Facebook par jour?

Tout le monde mène son profil, ses relations de la manière dont il l'entend sans forcément se soucier de sa réputation en ligne (sa e-reputation ) .

Il existe cependant des points permettant d'être crédible face à ses contacts et pourquoi pas, de vous faire reconnaitre comme un expert dans un domaine particulier.

Je vais vous présenter les sept points indispensables pour être crédible sur un réseau social.

#1 Être présent !

C'est tellement logique! Si vous n'êtes pas présent sur un réseau social, vous ne pouvez pas être crédible face à votre auditoire (j'entends par là vos contacts! ).

#2 Être utile !

Un de vos contact a un problème et a besoin d'une solution ? Soyez utile et aidez-le!

#3 Être animateur !

Une personne qui partage des projets ou qui demande des conseils à son auditoire sera plus ouvert (et plus crédible) qu'une personne qui affirme ses choix et reste braqué sur ses idées.

#4 Être innovant !

Envie de lancer un nouveau concept ou un nouveau produit ? Pourquoi pas le tester avec de vos contacts ?

#5 Être généreux !

N'oubliez pas que pour qu'on s'intéresse à vous, il faut commencer par s’intéresser aux autres et donc n'hésitez pas à donner, à partager afin que vos contacts partagent vos informations par la suite.

#6 Être reconnaissant !

On vous suit ? On partage un lien ou un tweet que vous avez posté ? N'hésitez pas à remercier les personnes qui ont fait cet effort. Il faut cependant éviter les réponses automatiques.

#7 Être vous-même !

Ne jouez pas un rôle. N'essayez pas de copier une stratégie d'un membre étant plus crédible. Restez vous-même et vos contacts vous apprécieront.

Je pense que ces 7 points sont les plus importants pour être crédible sur un réseau social.

Je me doute que certaines personnes attachent de l'importance à d'autres points.

Si tel est votre cas, faites partager à vos contacts vos points pour être crédible sur un réseau social.

Pourquoi j'aime des vidéos sans avoir cliqué sur un bouton de partage Facebook ?

Nicolas — Tue, 08 Mar 2011 14:53:00 +0100

Vous avez certainement vu apparaître depuis quelques jours sur votre timeline un nombre incroyable d'amis aimant des vidéos sans aucun intérêt.

Vous avez certainement été surpris que l'un de vos amis, d'apparence réservé, aime une vidéo avec un titre si glorieux que : "Un couple baise dans le métro devant tout le mon Oo" (oui les Oo sont très importants) ou encore que votre tata préférée regarde des vidéos avec un titre se rapprochant de celui-ci : "Voler une voiture rapidement".

Par ce billet, je tenais à vous rassurer, votre tata ne veut pas voler une voiture et votre ami n'aime pas que l'on saches qu'il regarde des vidéos porno.

La raison de cette arnaque ?

Des sites tels que cdrole.fr ou encore likeloverr.com intègre dans leur bouton lecture des lecteurs vidéos des boutons invisibles (mais pourtant bien présent) de partage Facebook.

Pour voir ce type d'informations, il suffit d'avoir un éditeur de code (par exemple Firebug sous Firefox) et on peut voir que le bouton j'aime est en visibilité : caché (visibility:hidden pour les techos).

Comble de tout, le site cdrole.fr se permet de prévenir les utilisateurs tout en bas de leur site avec cette belle mention : "Le bouton lecture de nos vidéos est un bouton facebook "j'aime" en plus d'être un bouton play.".

La protection avant tout !

Une fois de plus, je tiens à vous préciser que les données que vous regardez sur Internet, inscrivez sur Facebook ou sur tous autres réseaux sociaux ne sont pas privés et peuvent se retourner contre vous dans un avenir plus ou moins proche.

Alors faites attention à vos données!

Pour conclure

Enfin, n'hésitez pas à partager cette infos à vos contacts afin de ne pas avoir ces dizaines de vidéos sans intérêts dans votre timeline.

[SONDAGE] Combien de flux suivez-vous ?

Nicolas — Tue, 08 Mar 2011 10:11:00 +0100

Aujourd'hui, j'aimerais vous proposer un sondage d'une question portant sur vos flux RSS.

Une grande majorité de personne utilise un agrégateur de flux RSS (Netvibes, Igoogle pour ne citer qu'eux).

Pour faire suite à l'article Faut-il tronquer les flux RSS ? publié il y a quelques jours, j'aimerais que vous accordiez quelques secondes à ce sondage qui me permettra de connaître les habitudes des lecteurs de ce blog concernant les flux RSS.

Le sondage : Combien de flux suivez-vous ?

5 liens du vendredi matin #15

Nicolas — Fri, 04 Mar 2011 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

WebMarketingJunkie : un blog à découvrir de toute urgence !

Nicolas — Tue, 01 Mar 2011 17:38:00 +0100

Je n'ai pas pour habitude de recommander aussi vivement un blog ou un site.

Exceptionnellement je vais vous présenter un blog dont vous deviendrez addict si vous vous intéressez au marketing et plus particulièrement au web marketing.

De quoi parle ce blog ?

Jean, l'auteur de ce blog, vous expose sa vision du web marketing et différentes méthodes, plus ou moins concrètes, pour gagner de l'argent sur Internet.

Il explique aussi différentes techniques qu'il met en place chaque jour avec ses résultats.

Je blogue pour le plaisir, mais ses techniques peuvent vite vous donner envie de monétiser vos contenus et donc de gagner de l'argent grâce à Internet.

Dans l'un de ses derniers billets, Jean explique comment il va tenter de gagner 1000€ par jour dans un délais d'un an. C'est un ambitieux me direz-vous, mais je suis sûr qu'il va réussir !

La fréquence de publication est d'environ un billet par jour.

Et parlons de ses publications : La lecture de ses articles est fluide et claire même pour un novice en web marketing.

Je suis certains que vous trouverez des contenus intéressants chez WebMarketingJunkie.

Le lien vers le blog : www.webmarketingjunkie.com

Intégrer un bouton de partage qui suit votre contenu en CSS

Nicolas — Tue, 01 Mar 2011 13:19:00 +0100

Voici une question que je me posais il y a encore quelques jours.

En effet, lors de mes visites sur des sites ou des blogs, j'essaye de comprendre comment certains éléments sont intégrés.

Et l'autre jour je suis tombé sur un bloc, à gauche du contenu, qui suivait celui-ci lorsqu'on parcourait l'article.

Je me suis mis à regarder le code de ce bloc ainsi que la feuille de style.

Pour les personnes qui ne savent pas comment faire ce type de choses, il suffit d'avoir un outil (très souvent une extension à votre navigateur) qui inspecte le code. Par exemple Firebug ou encore web developer.

Bref, je regarde ce code et essaye de l'intégrer à ce blog.

La solution pour Intégrer un bouton de partage qui suit votre contenu en CSS

Commencer par créer un div où se trouvera votre contenu ainsi que vos boutons de partage.

Nous allons partir sur l'idée d'une page tout à fait banale avec une classe main, une classe contenu et un id sharer.

Votre code pourrait ressembler à ceci :

<div class="main">
       <div class="content">
              Votre contenu
       </div>
        <div id="sharer">
              Vos boutons de partages
       </div>
</div>

Dans votre feuille de style, insérer le code suivant :

 .main {
     position: relative;
}
#sharer{
    background: #EEEEEE;
    height: 210px;
    margin-left: -77px;
    position: fixed;
    top: 108px;
    width: 55px;
}

La position:fixed va permettre de fixer le bloc au même emplacement sur votre écran et, de ce fait, fera descendre celui-ci en même temps que vous lirez l'article.

Vous réglez l'emplacement à laquelle vous voulez le bloc avec la propriété top si vous voulez le régler à partir du haut de votre page ou bottom si vous voulez le régler à partir du bas de votre page.

Ensuite la largeur de la hauteur avec width et height.

Si toutefois vous voulez décaler les boutons de partage à côté du contenu ou plutôt en dehors du <div class="main"> comme c'est le cas sur ce blog, il vous suffit de mettre un margin-left négatif.

Compatibilité de cette méthode

J'ai eu l'occasion de tester cette solution sur les navigateurs suivants :

Firefox 3+
Chrome
IE7+
Safari

Le bloc avait le même rendu sur ces navigateurs.

Limite de cette méthode

Si la résolution d'écran est trop petite, le bloc n'est pas visible.

Pour le blog Nico n'Co

J'ai voulu intégrer les deux boutons de partage des réseaux sociaux les plus utilisés à savoir Facebook et Twitter.

Avec la solution Addthis, vous avez le choix entre beaucoup plus de boutons, de services et de méthode pour intégrer vos boutons selon vos besoins.

Youtube My Facebook : Un profil Facebook animé en vidéo

Nicolas — Mon, 28 Feb 2011 17:57:00 +0100

Souvenez-vous, je vous avais parlé il y a quelques temps des profils artistiques Facebook.

J'ai découvert il y a quelques jours sur Youtube une vidéo de Cédric Vella intitulé "Youtube My Facebook" How My Facebook Profile Page Came to Life.

Cette vidéo présente un homme, en l'occurence Cédric Vella animant son profil Facebook.

Elle fait un buzz assez important en ce moment et vaut le coup d'oeil.

La vidéo de Cedric Vella.

Pour info

Je vois déjà vos interrogations sur le fait de mettre une photo de profil animé et il me semble que ce n'est pas possible.

Si quelqu'un veut me prouver le contraire, n'hésitez pas !

Faut-il tronquer les flux RSS ?

Nicolas — Mon, 28 Feb 2011 10:29:00 +0100

Je me suis souvent posé la question de savoir s'il fallait tronquer ou non le contenu de ses flux RSS.

Après beaucoup de recherches et d'analyses d'utilisations de ceux-ci, je me suis rendu compte qu'il y avait des avantages et des inconvénients dans les deux cas.

En fait la question est de savoir si vous voulez une masse d'utilisateurs qualitatifs ou quantitatifs.

Je vais vous exposer différents arguments suivant le cas de figure.

Solution quantitative : Il faut tronquer les flux RSS !

Le flux rss sert avant tout à amener le lecteur sur son site/blog, lui donner envie de lire la suite de l'article.
Le nombre de visite augmente sensiblement lorsqu'on tronque ses flux. Mais cela reste une masse quantitative.
Vos contenus sont uniques : Aucun risque d'avoir un site peu scrupuleux qui vous vole vos contenus via un robot quelconque (et faites moi confiance ce procédé est de plus en plus utilisé).
Si vous monétisez votre blog par des campagnes de pubs (adsense ou blogbang par exemple), il est intéressant d'amener le maximum de personnes sur votre site/blog. Plus il y a de personnes et plus elles sont susceptibles de vous faire gagner de l'argent.
En cliquant sur le lien pour lire le contenu dans son intégralité, le lecteur verra votre identité visuelle et pourra la reconnaitre si vous l'utilisez sur d'autres sites (attention je parle de site ou de blog à forte influence ou basé sur un sujet précis) . Les principaux agrégateurs (Netvibes , Igoogle) n'appliquent pas les styles de votre site/blog.

Solution qualitative : Il ne faut pas tronquer les flux RSS !

En tronquant ses flux RSS, le lecteur se sent piégé. Il n'a pas forcément envie de quitter son agrégateur de flux (Netvibes , Igoogle) pour venir sur votre site
Les visiteurs viennent pour découvrir vos contenus. De ce fait, le nombre de pages vues est plus importantes et la masse de visiteurs est qualitative.
Le confort de lecture est prépondérant. De ce fait, un lecteur qui va lire le début d'un article sur un outil (agrégateur) et qui va devoir cliquer sur un lien pour voir le contenus dans son intégralité va se lasser de cette opération et ne va plus forcément ouvrir votre flux lorsqu'un nouveau billet sera publié.

Du pour et du contre !

Comme vous avez pu le comprendre, il y a du pour et du contre à tronquer son flux RSS. Cette synthèse est certes courte mais pourra certainement aider certaines personnes à se décider s'il est utile de tronquer ses flux RSS.

Et vous qu'en pensez-vous ?

5 liens du vendredi matin #14

Nicolas — Fri, 25 Feb 2011 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Comment retrouver le profile_id de sa fanpage Facebook ?

Nicolas — Thu, 24 Feb 2011 13:45:00 +0100

Avec les différentes mises à jour des fanpage facebook, il devient difficile de retrouver des informations simples comme par exemple l'identifiant de votre fan page facebook.

Ce profile_id est d'ailleurs utilisé dans le plugin fan page facebook que j'ai développé il y a quelques semaines.

Comment retrouver le profile_id ?

Rendez-vous sur votre fanpage facebook ( http://www.facebook.com/nicoagt pour la fanpage Facebook Nico n'Co),
Cliquez sur Editer la page (en dessous de votre photo de profil),
Enfin analysez l'url.

Comment analyser l'url ?

Dans le cas de la fanpage Facebook Nico n'Co, l'url d'édition est la suivante :

http://www.facebook.com/pages/edit/?id=134432396612788&sk=basic

Il suffit de récupérer le paramètre après id= et avant &sk=basic ce qui donne :

http://www.facebook.com/pages/edit/?id=[PROFILE_ID]&sk=basic

Dans le cas de la fanpage Facebook Nico n'Co, le profile_id est donc : 134432396612788

Comment faire patienter vos utilisateurs lorsque vous avez un problème sur votre site ?

Nicolas — Thu, 24 Feb 2011 10:28:00 +0100

J'ai découvert aujourd'hui une page assez intéressante sur le site Viadeo.

En effet, celui-ci est actuellement indisponible pour mettre à jour la plateforme Viadeo.

De ce fait, on retrouve une page et un petit jeu pour passer le temps en attendant que le site redevienne opérationnel.

Avouez que c'est une bonne idée !

Screenshot du site actuel

Billet en relation

Je vous invite à découvrir le billet qui a déjà quelques temps concernant les pages d'erreur 404 originale.

Placebook : Dis moi où sont mes amis Facebook !

Nicolas — Tue, 22 Feb 2011 09:02:00 +0100

A l'heure où les réseaux sociaux sont de plus en plus utilisés, je voulais vous présenter un outil vous permettant de savoir où sont situés vos amis Facebook.

L'outil présenté récupère la position renseignée par l'utilisateur sur son profil et la retranscrit sur une carte.

Il permettra aussi de voir si vos amis sont amis avec vos contacts.

Bref un outil assez complet qui pourra vous amuser quelques minutes.

D'après mes premiers tests, la position n'est pas toujours précise mais Placebook vous donnera un bon aperçu d'où habitent vos contacts.

Le lien : Placebook : Dis moi où sont mes amis Facebook

Top 5 des web séries à voir absolument !

Nicolas — Mon, 21 Feb 2011 12:18:00 +0100

J'ai jamais su dire non !

L'histoire d'un mec qui est persécuté au boulot, qui essaye de récupérer son ex par tout les moyens, un coloc bodybuildé qui a toujours de bons conseils, et une histoire pouvant vous rendre addict à cette web série.

Site officiel : frenchnerd.com/

Page Facebook : J'ai jamais su dire non sur Facebook

Chaine Dailymotion : J'ai jamais su dire non sur Dailymotion

Mes colocs

La vie d'une colocation entre une femme, un russe, un ado refoulé et un beauf devenu sérial loveur. C'est vraiment très bon !

Page Facebook : Mes colocs sur Facebook

Chaine Dailymotion : Mes colocs sur Dailymotion

Le visiteur du futur

Un homme vient du futur pour semer le trouble dans la vie de Raph'. Les histoires pleines de rebondissements peuvent vous rendre accro à cette série.

Site officiel : Le visiteur du futur

Page Facebook : Le visiteur du futur sur Facebook

Hello geekette

Mettez une geek et un dragueur pas du tout geek dans une coloc et vous obtenez une web série très intéressante.

Site officiel : Hello geekette

Page Facebook : Hello geekette sur Facebook

Les insupporters

Des supporters de foot du dimanche expliquent leurs points de vues sur le ballon rond.

Site officiel : Les insupporters

Page Facebook : Les insupporters sur Facebook

D'autres séries?

Il y a tellement de web série au jour d'aujourd'hui qu'un billet ne suffirait pas à toute les présenter. N'hésitez pas à citer d'autres web séries qui vous ont plu, ému, rendu complètement addict à ce genre de série.

5 liens du vendredi matin #13

Nicolas — Fri, 18 Feb 2011 09:37:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Les nouveautés de Février sur facebook

Nicolas — Thu, 17 Feb 2011 11:11:00 +0100

Depuis ce matin (hier soir pour les plus chanceux d'entre nous), 2 nouveautés sont apparus sur Facebook.

Une troisième était apparue il y a quelques jours pour les personnes ayant des fan pages.

Nouveauté n° 1 : Le moteur de recherche

Précédemment, le moteur de recherche regroupait les pages et les membres dans une même liste. A présent ils sont séparés et un rubrique "liens partagés" apparait regroupant les liens que vous avez partagés avec vos contacts.

Nouveauté n° 2 : La galerie d'images

Celle-ci s'ouvre à présent comme une lightbox et regroupe les photos, les commentaires, la possibilité de tager, partager, mettre en photo de profil et de la télécharger.

Nouveauté n° 3 : La fanpage aux allures de page de profil

Un excellent article de kriisis regroupe toute les nouveautés de ces nouvelles fan page.

Je vous invite à le découvrir : Découvrez la nouvelle fan page facebook en 6 points

D'autres nouveautés ?

Je pense que certaines nouveautés m'ont échappées donc si vous avez des idées, faites partager la communauté Nico n'Co

Galerie de sites mobiles design pour vos inspirations

Nicolas — Tue, 15 Feb 2011 09:23:00 +0100

Les sites pour appareils mobiles sont de plus en plus recommandés auprès des clients.

En effet, avec une part de marché de plus en plus importante, ces appareils occupent une place de plus en plus grande dans le monde du développement.

Certains CMS utilisent déjà des plugins pour générer le site développé en version mobile. Je pense notamment à Dotclear ( MobileThemeSwitcher ) ou Wordpress (WP Touch ).

Il y a quelques temps, j'avais écrit quelques billets avec des conseils de développements pour ce type d'appareil:

Pour clore cette série Galerie de sites design pour vos inspirations je tenais à vous présenter un site regroupant des sites mobiles.

Mobile Awesomeness

Lien : mobileawesomeness.com

Toutes les pubs du superbowl en 2 minutes 24 secondes

Nicolas — Mon, 14 Feb 2011 16:07:00 +0100

Je vous présentais la semaine dernière la pub Coca Cola pour le superbowl.

Cette pub (où se trouve un personnage connu des écrans Français) a remporté un franc succès d'après le nombre de vues de ce billet.

Fort de cette visibilité, je me disais : Est-ce qu'une personne a eu l'idée géniale de faire une vidéo avec l'ensemble des pubs du superbowl ?

Et j'ai trouvé ce que je cherchais grâce à adweek !

Voici cette vidéo regroupant toutes les pubs du superbowl en 2 minutes 24 secondes !

Galeries de sites design pour vos inspirations (Partie 4)

Nicolas — Fri, 11 Feb 2011 10:00:00 +0100

Chaque jour, retrouvez un nouveau billet regroupant une dizaine de galeries pour vous inspirer lors de vos créations.

N'hésitez pas à me faire part de vos propres sites afin d'étoffer la sélection que vous retrouverez tout au long de cette semaine.

The CSS Awards

Lien : thecssawards.com

CSS Rockstar

Lien : cssrockstar.com

CSS Line

Lien : cssline.com

Design Bombs

Lien : designbombs.com

Site inspire

Lien : siteinspire.net

PatternTap

Lien : patterntap.com

5 liens du vendredi matin #12

Nicolas — Fri, 11 Feb 2011 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Changer votre fond d'écran pour la saint valentin !

Nicolas — Thu, 10 Feb 2011 18:23:00 +0100

Saviez vous que la Saint Valentin était considéré dans l'antiquité comme la fête de la fertilité ?

Aujourd'hui, les temps ont changés et cette fête est souvent associés au jour de l'amour et de l'amitié.

Le jour où nous offrons des petits cadeaux à la personne qui partage votre vie.

Celui-ci lui fera certainement plaisir et quoi de mieux que de faire plaisir à la personne la plus proche de vous.

Une petite remarque geek afin de justifier ce titre : Pourquoi ne pas lui faire plaisir en changeant son fond d'écran de PC ?

Je sais, cette remarque est facile mais vous trouverez sur le site Hybridlava une sélection de 35 wallpapers en rapport avec la saint valentin.

Alors n'hésitez plus, grâce à la saint valentin, vous allez faire 2 heureux(se).

Le lien : 35-lovable-high-quality-free-valentines-day-wallpapers

Galeries de sites design pour vos inspirations (Partie 3)

Nicolas — Thu, 10 Feb 2011 10:00:00 +0100

Chaque jour, retrouvez un nouveau billet regroupant une dizaine de galeries pour vous inspirer lors de vos créations.

N'hésitez pas à me faire part de vos propres sites afin d'étoffer la sélection que vous retrouverez tout au long de cette semaine.

The pixery

Lien : thepixery.com

QuandtNet

Lien : quandtnet.de

CSS Gallery

Lien : cssgallery.com

10 degs

Lien : 10degs.com

CSS Gallery pro

Lien : cssgallerypro.com

980px

Lien : 980px.com

Ars CSS Gallery

Lien : arscssgallery.com

Ars CSS3 Gallery

Lien : arscss3gallery.com

Galeries de sites design pour vos inspirations (Partie 2)

Nicolas — Wed, 09 Feb 2011 10:00:00 +0100

Chaque jour, retrouvez un nouveau billet regroupant une dizaine de galeries pour vous inspirer lors de vos créations.

N'hésitez pas à me faire part de vos propres sites afin d'étoffer la sélection que vous retrouverez tout au long de cette semaine.

Make Better Websites

Lien : makebetterwebsites.com

CSS Design

Lien : css-design.fr

Design Snack

Lien : designsnack.com

CSS Bag

Lien : cssbag.com

First Hand Web

Lien : firsthandweb.com

Inspire mix

Lien : inspiremix.com

CSS Madness

Lien : cssmadness.com

Pro CSS

Lien : procss.com

Creative Hot Links

Lien : creativehotlinks.com

A voir aussi :

Galeries de sites design pour vos inspirations (Partie 1)

Nicolas — Tue, 08 Feb 2011 10:00:00 +0100

Chaque jour, retrouvez un nouveau billet regroupant une dizaine de galeries pour vous inspirer lors de vos créations.

N'hésitez pas à me faire part de vos propres sites afin d'étoffer la sélection que vous retrouverez tout au long de cette semaine.

The Best Design

Lien : thebestdesigns.com

One page love

Lien : onepagelove.com

The design Inspiration

Lien : thedesigninspiration.com

Best Web Gallery

Lien : bestwebgallery.com

Design Shack

Lien : designshack.co.uk

CSS Heaven

Lien : cssheaven.com

CSS Elite

Lien : csselite.com

Web Creme

Lien : webcreme.com

CSS Remix

Lien : cssremix.com

The FWA

Lien : thefwa.com

A voir aussi :

Miss Facebook 2011 est-elle dans vos contacts !

Nicolas — Mon, 07 Feb 2011 18:34:00 +0100

Facebook, ce grand réseau social où se retrouve chaque jour des millions d'abonnés.

Ces abonnés parlent de leurs tracas, partagent des photos, jouent à des jeux, .... et pourquoi pas devenir miss Facebook 2011 ou plutôt miss réseaux social ?

Miss Réseaux social est-elle dans vos contacts

Le premier concours officiel est organisé par la société Echo network permet à toutes les femmes de se présenter et devenir LA miss réseaux social 2011 !

Alors n'hésitez plus ! Participez !

Le lien vers le concours : apps.facebook.com/misssocialnetwork

Pub coca cola pour le superbowl 2011

Nicolas — Mon, 07 Feb 2011 16:39:00 +0100

Hier était retransmis l'un des plus grands évènement sportif de l'année avec le superbowl.

Cet évènement, suivi par des millions de personnes à travers le monde, donne aux marques et aux publicitaires une vitrine magique sur le monde.

Cette vitrine se paye à coups de millions d'euros et permet aux publicitaires de se "lacher" sur les campagnes qu'ils créent.

Bien que beaucoup de marques se sont démarquées cette année, une d'entre elle a retenu mon attention : Coca Cola !

Vidéo Coca Cola SuperBowl 2011

Et vous ? lesquelles avez vous préférées ?

Galeries de sites design pour vos inspirations (Introduction)

Nicolas — Mon, 07 Feb 2011 13:10:00 +0100

Depuis quelques temps je remarque dans mes flux de nouvelles galeries de web design.

Il m'arrive souvent aussi de chercher des idées, notamment au niveau développement, pour développer un site ou une application web avec des animations, de l'interaction afin que ceux-ci soient agréables pour l'utilisateur.

C'est pourquoi j'ai décidé de mettre certaine galerie sur lesquelles je trouve de nouvelles fonctionnalités à votre profit tout au long de cette semaine.

Chaque jour, vous trouverez un nouveau billet regroupant une dizaine de galeries pour vous inspirer lors de vos créations.

N'hésitez pas à me faire part de vos propres sites afin d'étoffer la sélection que vous retrouverez tout au long de cette semaine.

Pour vous faire patienter, je vous présente la première galerie de cette série :

CSS Mania

Lien : cssmania.com

A voir aussi :

5 liens du vendredi matin #11

Nicolas — Fri, 04 Feb 2011 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Un nouveau reset CSS pour vos intégrations de sites web

Nicolas — Tue, 01 Feb 2011 11:36:00 +0100

Tout intégrateurs ou développeurs faisant régulièrement de l'intégration s'est déjà retrouvé confronté au problème de marges automatiques sur un élément telle qu'une liste à puce lors de l'intégration.

Pour pallier à ces problèmes et à leurs différences entre les navigateurs, beaucoup d'entre eux utilisent un reset CSS.

Un reset CSS : C'est quoi ?

En fait c'est une technique qui permet d'initialiser les valeurs des éléments.

Elle permet de ne pas avoir de différence entre les différents navigateurs (Firefox, Internet Explorer, Chrome, Safari, ...) et les différents supports (Ordinateur, Smartphone, ....)

Par exemple, une taille de caractère doit être par défaut à 100%.

Comment se présente un reset CSS ?

Au début de votre feuille de style, il suffit d'ajouter les valeurs que vous voulez réinitialisées.

Jusqu'içi j'utilisais quelque chose comme ceci :

html, body, h1, h2, h3, h4, h5, h6, p,
blockquote, ul, ol, li, dl, dt, dd,
form, fieldset, input, textarea, label, u{
margin: 0;
padding: 0;
border:0px;
list-style: none;
font-weight: normal;
font-style: normal;
text-align:left;
}

Un nouveau reset CSS est en place

J'ai découvert un reset CSS revisité permettant de résoudre encore plus de problèmes liés notamment aux appareils mobiles et aux tablettes tactiles, mais aussi et c'est là le point le plus important, pour le fameux HTML5.

Ce reset est disponible à cette url : meyerweb.com/eric/thoughts/2011/01/03/reset-revisited

Il est beaucoup plus complet que celui présenté ci-dessus et vous permettra de ne plus avoir de problèmes dans vos développements CSS.

A vous d'en faire bon usage!

[Carte de voeux] BrainSonic fête ses 100 ans!

Nicolas — Mon, 31 Jan 2011 14:06:00 +0100

A l'heure où l'on reçoit les dernières cartes de voeux des entreprises, je voulais vous présenter celle de la société BrainSonic.

3 plugins Jquery pour créer un background large pour votre site

Nicolas — Fri, 28 Jan 2011 11:18:00 +0100

Souvent utilisé lors de site vitrine, le background large est un élément graphique important pour présenter les produits d'une marque.

La difficulté est de pouvoir trouver un background qui se marie avec le contenu.

Une autre difficulté est de pouvoir générer des images de bonnes qualités avec un poids faible afin qu'elles soient chargées rapidement.

Depuis quelques temps, on peut trouver des background larges animé via Jquery.

Des effets de fade-In/ fade-Out permettent de passer d'une image à l'autre.

Je vous propose 3 plugins Jquery permettant de générer des background large via Jquery.

Supersized Jquery Plugin

Source : Supersized

BgStretcher

Source : BgStretcher

Marcofolio Bg SlideShow

Source : Marcofolio Bg SlideShow

Explications : Marcofolio Bg SlideShow Explications

5 liens du vendredi matin #10

Nicolas — Fri, 28 Jan 2011 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Quels éditeurs utilisez-vous pour vos développements ou vos intégrations?

Nicolas — Mon, 24 Jan 2011 11:13:00 +0100

Depuis quelques temps, je me pose des questions sur l'utilisation d'outils qui me permettraient de gagner du temps lors de mes développements.

L'autre jour, je me suis laissé tenté d'écrire un tweet pour vous demander quel éditeur utilisez vous pour vos développements ou vos intégrations ?

Et là, j'ai eu presque autant d'outils que de réponses.

Voici donc les outils qui sont ressortis :

Pspad Editor (http://www.pspad.com/fr/)
Notepad ++ (http://notepad-plus-plus.org/)
Dreamweaver (http://www.adobe.com/fr/products/dreamweaver/)
Coda (http://www.panic.com/coda/)
Aptana studio (http://aptana.com/products/studio2)
Komodo (http://www.activestate.com/komodo-ide)
Komodo Edit (http://www.activestate.com/komodo-edit)
Eclipse (http://www.eclipse.org/)
Php Edit (http://www.phpedit.com/fr )

Je suis sûr que certains d'entre vous utilisent d'autres éditeurs alors n'hésitez pas à en faire partager les lecteurs de ce blog.

5 liens du vendredi matin #9

Nicolas — Sat, 22 Jan 2011 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Un petit loupé au niveau de la tache de programmation vous permet de voir les 5 liens du vendredi matin dès maintenant. Remerciez la technologie :)

Les tendances des blogs 2010

Nicolas — Wed, 19 Jan 2011 09:26:00 +0100

De nos jours, la majorité des tendances se font via des enquêtes, des sondages sur les habitudes, les hobbies ou les centres d’intérêt des personnes.

Vous êtes blogueur ? Cette page vous concerne!

En effet, il est très difficile de cibler l'activité d'un blogueur, ses revenus grâce au blogging, ....

Alors @stagueve en appelle à votre générosité et vous demande que quelques minutes pour répondre à son enquête sur les tendances du blogging en France.

Le lien menant à l'enquête : Enquête sur la blogosphère francophone 2010

Vous pouvez consulter les résultats de l'année 2009 .

5 liens du vendredi matin #8

Nicolas — Fri, 14 Jan 2011 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Les plus beaux métiers du monde 2011

Nicolas — Wed, 12 Jan 2011 08:56:00 +0100

Le Wall Street Journal a publié son Top 200 des plus beaux et des plus mauvais métiers en 2011.

C'est avec un grand étonnement que je le découvre et que le plus beau métier est "Ingénieur Informaticien".

Ce classement prend en compte l'environnement de travail, le stress, le revenu, les exigences physiques et les perspectives d'emploi.

Derrière, nous retrouvons :

Mathématicien,
Actuaire,
Statisticien,
Analyste programmeur,
Météorologue,
...

Le métier de développeur web, quant à lui, se classe 44ème.

Pour voir le classement complet : Wall Street Journal - Best and Worst Jobs 2011

Facebook a ruiné la vie de Mark Zuckerberg

Nicolas — Mon, 10 Jan 2011 11:52:00 +0100

Imaginez créer LE service le plus utilisé au monde.

Vous gagnez des centaines de milliers de Dollars sans même avoir mis un pied par terre.

Imaginez diriger une des entreprise les plus puissante de la silicon valley.

Maintenant mettez tous ces éléments dans un même panier, secouer et vous aurez la vie tragique du fondateur de Facebook : Mark Zuckerberg.

Dans une interview diffusée sur le site weekly world news, Mark Zuckerberg a annoncé que Facebook était devenu incontrolable et qu'il avait ruiné sa vie.

Dans la même interview, il annonce que Facebook mettra la clé sous la porte le 15 mars mais cette situation étant, à mon sens, peu probable, je n'en tiendrai pas compte.

L'interview complète : Facebook will end of 15th march

[INTEL] Comment montrer que son processeur est performant ?

Nicolas — Fri, 07 Jan 2011 13:46:00 +0100

Voici une solution efficace de montrer la puissance d'un processeur.

On pourrait penser que ce genre de pub n'est réservé qu'aux geeks avec des lignes à la matrix sur tous votre écran.

Et bien non!

Une énigme, une fille, des liens avec les principaux outils et sites utilisés par les utilisateurs (notamment Facebook).

Voici la recette gagnante de Intel.

La vidéo : "The chase film"

Salariés et médias sociaux [part 2]

Nicolas — Fri, 07 Jan 2011 09:14:00 +0100

Suite au billet 20 % des salariés critiquent leur entreprise sur les réseaux sociaux, j'ai eu un retour de la part de Jérome Lascombe (PDG de Hpscotch) via Twitter me présentant l'étude complète "Salariés et média sociaux".

Je vous invite d'ailleurs à le suivre via Twitter car ses partages sont vraiment intéressants : @jeromelascombe

Voici le lien vers cette étude : Salariés et médias sociaux

Le billet original : 20 % des salariés critiquent leur entreprise sur les réseaux sociaux

5 liens du vendredi matin #7

Nicolas — Fri, 07 Jan 2011 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

20 % des salariés critiquent leur entreprise sur les réseaux sociaux

Nicolas — Thu, 06 Jan 2011 10:32:00 +0100

Le chiffre du jour : 1 salarié sur 5 parle de son entreprise de façon négative sur les réseaux sociaux.

En effet, d'après un sondage Vivavoice pour l'agence de communication Hopscotch, 1 salarié sur 6 (soit 15%) parle de son entreprise sur Facebook ou Twitter, 83% ne le font jamais et 2% ne se sont pas prononcés.

Ce sondage ressort aussi que les hommes sont plus sujet à critique que les femmes.

Les personnes entre 25 et 34 ans sont ceux qui critiquent plus.

Autre chiffre important : Seul 12% des salariés ont été sensibilisés par une charte ou un guide des usages des médias sociaux.

Source :

La suite de ce billlet : Salariés et médias sociaux [part 2]

8 étapes pour vous démarquer lors de la création de contenu sur le web

Nicolas — Wed, 05 Jan 2011 18:27:00 +0100

C'est au hasard de mes flux RSS que j'ai découvert cette infographie intitulée "Comment créer un contenu créatif et efficace sur le web" sur l’excellent blog Nicetomeetyou .

Elle résume en 8 étapes comment se démarquer lors de la création de contenu sur le web.

Je vous laisse la découvrir :

5 liens du vendredi matin #6

Nicolas — Fri, 31 Dec 2010 09:00:00 +0100

En ce dernier Vendredi de l'année 2010, je ne vais pas vous proposer des liens de sites externes mais un palmarès des billets de ce blog qui ont marqué l'année 2010.

En effet, cette année 2010 a permis à ce blog de doublé le nombre de billets lus.

Vous avez passé plus de temps sur ce blog en regardant plus de billet.

Vous avez aussi plus partagé que l'année précédente et je vous en remercie.

Voici donc les 5 ~~liens~~ billets du vendredi matin que je vous propose :

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

10 conseils pour bien développer son site mobile

Nicolas — Wed, 29 Dec 2010 13:26:00 +0100

Le web mobile prend de l'ampleur chaque jour si bien qu'il n'est pas rare de croiser une personnes, Smartphone ~~greffé~~ collé à la main, en train de contempler un site d'actu ou un blog de quelque sujet qu'il soit.

Suite à plusieurs lectures, je vais donc vous donner 10 conseils pour bien développer son site mobile.

Conseil n°1 : Optimiser votre navigation

Pensez que vous êtes sur un mobile et non un ordinateur.

Les boutons doivent être plus gros sans en avoir beaucoup.

Comptez sur la largeur un maximum de 5 boutons.

Conseil n°2 : Pensez léger

Votre site ne doit pas être trop long à charger.

Vous me direz que le temps de chargement est aussi important sur un ordinateur, je vous réponderai que oui mais que votre site est succeptible d'être lu sur un réseau 3G qui est beaucoup plus lent que le réseau Wifi.

Exit donc les images trop lourde, préférez un contenu avec des miniatures voire sans images.

Conseil n°3 : Les popups n’existent pas !

De moins en moins utilisés dans les pages web standards, il faut bannir toutes les fenêtres intempestives de votre site mobile.

Conseil n°4 : Le flash n'est pas l'ami des Iphone

Malheureusement, le géant à la pomme croquée n'a pas intégré un lecteur flash. Il faut donc éviter d'en intégrer.

Conseil n°5 : Les tableaux ne servent pas à faire de la mise en page

Effectivement, un tableau sert à structurer des données et non à mettre en page. Ceci compte aussi pour les pages web standard.

Conseil n° 6 : N'utilisez des tailles en px

En effet, utilisez les unités absolue telle que "em". Etant donné qu'il y a différentes largeur d'écran, des formats portraits/ paysages.

Conseil n° 7 : Gardez à l'esprit que l'Iphone est le plus utilisé pour la consulation des sites mobile

Et oui même les pro-android ne peuvent niés que 30 à 60% des sites consultés à partir de mobile le sont grâce à des Iphone. Il ne faut cependant pas négliger les autres OS ( Android notamment).

Conseil n° 8 : Le menu c'est bien pour la première page

Un menu répété sur chaque page peut alourdir celle-ci même si celui-ci est en cache. On rejoint donc le conseil n°2.

Conseil n° 9 : Un contenu épuré sera agréable à lire

Imaginez vous sur une page web standard remplie d'informations. Ce n'est pas forcément agréable à lire. Alors imaginez maintenant que vous êtes sur un mobile. La résolution est plus petite n'est ce pas ? Donc la page parait surchargée.

Trop d'informations tue l'information!

Conseil n° 10 : Pour les blogs ou les sites gérés à partir de CMS, utilisez des extensions

Cela vous permettra d'avoir un rendu optimal de votre contenu et d'alléger vos pages car la majorité des extensions ont déjà pensés aux problèmes ci-dessus.

Vous êtes un développeur / graphiste / chef de projet ou un amoureux du web, vous voulez donner des conseils supplémentaires, cette page est votre défouloir.

Mise à jour #1

Il existe une balise meta permettant d'avoir un rendu pour mobile nommée viewport.

J'ai trouvé un article détaillant celle ci sur Alsacreations : Gérer le viewport d'un mobile .

Merci à Gael pour sa contribution.

Une course de 5000 Km sur Google street view

Nicolas — Wed, 29 Dec 2010 12:29:00 +0100

Tout le monde connait google maps et sa fonctionnalité permettant de naviguer dans une rue comme si on y était.

Deux étudiants ont utilisés google street view pour faire une course.

Non non, vous ne rêvez pas, pour faire une course.

De San Francisco à New York, ces 2 personnages ont passés 5 jours à cliquer sur leur souris.

Près de 5000 Km en 90 heures pour un total de près de 105 000 Clics.

Alors près à relever le défi ?

Une FanPage Facebook pour Nico n'Co

Nicolas — Tue, 28 Dec 2010 16:17:00 +0100

Pour faire suite à la création du plugin FanPage Facebook pour Dotclear, je viens vous présenter aujourd'hui la FanPage de ce blog.

Elle regroupe logiquement les billets de ce blog mais aussi des actus non traitée, des vidéos ou des liens d'autres blogs qui vont certainement vous intéresser.

Alors vous aussi, faites partie de la communauté Nico N'Co : Nico n'Co - FanPage Facebook

5 liens du vendredi matin #5

Nicolas — Fri, 24 Dec 2010 09:00:00 +0100

Vendredi un peu spécial à la veille de Noel, je vais donc vous proposer des liens en relation avec cette magnifique fête chrétienne qu'est Noël

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Le ridicule tue ! Une campagne de pub ciblée

Nicolas — Wed, 22 Dec 2010 08:39:00 +0100

Tout le monde connait les paquets de cigarette avec la mention "Fumer tue".

La fondation de défense des animaux de Brigitte Bardot a lancé une campagne d'affichage dans les grandes villes françaises contenant un visuel et la mention " Le ridicule tue".

Une bien belle campagne qui a attiré mon attention par le message.

Le site de l'opération : jeneportepasdefourrure.com

Gérer son blog #dotclear sur #Android

Nicolas — Fri, 17 Dec 2010 14:01:00 +0100

Voici une petite extension très sympa permettant de gérer son blog dotclear sur son smartphone Android.

Même si ce n'est qu'une version Béta, elle permet de gérer l'essentiel des fonctionnalités de votre blog via votre smartphone.

Un grand merci au développeur de cette application : Pascal Martin .

Quelques print screen

Le lien vers l'application : Dotclear Droid Beta

5 liens du vendredi matin #4

Nicolas — Fri, 17 Dec 2010 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Top 10 des mots les plus twittés en 2010

Nicolas — Wed, 15 Dec 2010 12:19:00 +0100

Pour continuer la série des Top de l'année 2010, je vous propose aujourd'hui le top 10 des mots les plus twittés en 2010.

1. Gulf Oil Spill

La catastrophe pétrolière du golfe du mexique .

2. FIFA World Cup

Année de coupe du monde oblige...

3. Inception

Le film avec Léonardo DiCaprio arrive en 3ème position.

4. Haiti Earthquake

Une catastrophe naturelle dont le monde se serait bien passé.

5. Vuvuzela

Ce fût l'objet emblématique de cette coupe du monde.

6. Apple iPad

La technologie arrive en 6ème position avec ce qu'on pourrait appelé, la révolution selon Apple.

7. Google Android

Le petit robot vert se hisse à cette 7ème place bien méritée.

8. Justin Bieber

Je ne pensais pas cité ce nom un jour sur ce blog mais bon, classement oblige, voici la coqueluche des teenagers.

9. Harry Potter & the Deathly Hallows

Le petit sorcier fait parlé de lui...

10. Pulpo Paul

Pour terminé ce classement, je vous présente le défunt paul le poulpe.

Source : yearinreview.twitter.com

A voir aussi : Les meilleurs plugins Jquery 2010

Créer un profil artistique avec le nouveau Facebook

Nicolas — Tue, 14 Dec 2010 10:23:00 +0100

Depuis quelques jours, le nouveau Facebook est arrivé.

Je pense que j'ai eu, comme tout le monde, quelques minutes d'adaptation à ce nouveau design.

Certaines personnes ont vite compris que le fait d'avoir 5 miniatures au dessus de sa timeline pouvait apporter un élan créatif et leur permettre de créer un profil artistique à partir de leur image de profil et de ces 5 miniatures.

Voici quelques exemples de profils restylés à la sauce nouveau Facebook :

Comment créer un profil artistique

C'est très simple. Il faut juste jouer avec les tailles et les positions des images.

Voici les tailles à respecter :

Image de profil : 180 px de large par 532 px de haut.
Miniatures : 97px de large par 68px de haut.

Tagger les photos à votre nom et commencez par la photo la plus à droite.

Et le tour est joué.

Pour résumé voici les tailles :

Sources

[TECHCRUNCH FRANCE] La vague Alexandre Oudin

5 liens du vendredi matin #3

Nicolas — Fri, 10 Dec 2010 09:00:00 +0100

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?

Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Plugin Facebook FanPage pour Dotclear

Nicolas — Wed, 08 Dec 2010 12:30:00 +0100

Aujourd'hui, je tenais à vous présenter un plugin créé de mes mains permettant de rajouter le widget Facebook Fanpage à votre sidebar de blog Dotclear.

Description du plugin

Ce plugin vous permet d'intégrer via un Iframe le widget Facebook FanPage sur votre blog propulsé par Dotclear.

Voici un exemple d’intégration :

Création d'une fanpage Facebook

Pour commencer, créez votre fanpage Facebook.

Rendez vous à cette adresse : Créer sa fanpage Facebook .

Animez votre page, invitez des amis à vous rejoindre, ...

Gardez l'url de votre fan page dans un coin, elle vous reservira pas la suite.

Configuration du plugin

Après avoir installé l'extension, rendez vous dans le panneau widgets de présentation.

Vous allez retrouver un widget nommé "Facebook FanPage ".

Déplacez le dans le bandeau de navigation par exemple.

Ouvrez le widget à l'aide de l'icone +.

Vous devez avoir un rendu similaire à celui ci :

Renseignez les paramètres suivants :

URL Fan Page Facebook : Url de votre fanpage Facebook
Largeur : La largeur du plugin
Hauteur : La hauteur du plugin
Nombre d'amis : Le nombre de fan que vous désirez afficher dans votre plugin.

Mettez à jour vos bandeaux et regardez le résultat sur votre blog.

Télécharger le plugin

Vous pouvez télécharger le plugin v1.0 au format zip en suivant ce lien : FanPage Facebook v1.0

Vous pouvez télécharger le plugin v1.1 au format zip en suivant ce lien : FanPage Facebook1.1

Vous pouvez télécharger le plugin v2.1 au format zip en suivant ce lien : FanPage Facebook v2.1

Ou directement sur le site DotAddict : Fan page Facebook

Feedbacks

C'est le premier plugin que je partage et afin d'améliorer celui ci, n'hésitez pas à me faire part de vos remarques sur celui-ci.

Mise à jour

Version 1.1

Modification des fichiers php
Ajout du champ Header (permet de mettre le header "retrouvez nous sur Facebook")
Ajout du champ Timeline (permet d'afficher la timeline de la fanpage)

Version 2.1

Ajout du bloc en haut du contenu,
Amélioration des templates,
Création d'une page d'administration.

5 liens du vendredi matin #2

Nicolas — Fri, 03 Dec 2010 09:08:00 +0100

Voici le second billet de la série " 5 liens du vendredi matin" avec un choix qui a été difficile.

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attirés mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?
Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

Les meilleurs plugins Jquery 2010

Nicolas — Thu, 02 Dec 2010 14:03:00 +0100

Nous venons d'entrer dans le dernier mois de cette année 2010 ce qui est synonyme, comme chaque mois de décembre d'ailleurs, au fameux classements de l'année.

Pour commencer, nous allons parler des meilleurs plugins Jquery pour cette année 2010.

Quicksand

Le premier de ces plugins qui m'a bluffé a été Quicksand.
En effet ce plugin permet de réordonner et de filtrer des liens et d'animer les résultats filtrés lorsqu'on sélectionne le filtre. Très beau plugin réalisé par @razorjack .

Le lien vers le plugin : razorjack.net/quicksand

Jquery Image Scale Carousel

Un plugin très interessant pour faire des carousel d'images de quelque taille que ce soit.

Une bonne documentation réalisé par l'auteur du plugin @iamjpg

Le lien du plugin : johnpatrickgiven.com/jquery/Image-Scale-Carousel

Choco slider (Compatible IE6)

J'en avais parlé dans un précédent billet, Chocoslider permet de faire des galeries assez simple et compatible IE6, ce qui n'est pas un point à négliger.

En savoir plus sur chocoslider

Animated portfolio gallery

Vous voulez créer un portfolio qui a de la classe ? Utiliser le plugin Jquery Animated port folio gallery. L'auteur de ce plugin : @codrops

Le lien vers ce plugin : Animated portfolio gallery

Jquery Slider update

Véritable outil permettant de spécifier notamment une tranche de prix pour un moteur de recherche produit. L'auteur de ce plugin : @khmelev

Le lien vers ce plugin : Jquery slider update

Il y en a certainement beaucoup d'autres donc n'hésitez pas à m'indiquer le vôtre pour que je puisse y jeter un coup d'oeil.

5 liens du vendredi matin #1

Nicolas — Fri, 26 Nov 2010 12:00:00 +0100

J'ai depuis longtemps l'idée de lancer une série de billet pour partager des liens.

Voici donc le premier billet d'une série que j'espère longue.

Retrouvez tous les Vendredi des liens découverts dans la semaine et qui ont attiré mon attention.

Vous avez écrit un article, un billet que je n'ai pas lu ou qui n'est pas mentionné ci-dessus ?
Postez le lien dans les commentaires ou envoyez-moi un mail pour me le faire découvrir.

Vous ferez peux être parti de la prochaine série des "5 liens du vendredi matin".

A propos de l'auteur : Un bloc de plus en plus utilisé sur les blogs

Nicolas — Tue, 23 Nov 2010 13:24:00 +0100

De plus en plus de blog ou sites d'actualités comportent un bloc "A propos" au début ou à la fin d'un article.

Ces blocs sont présentées de diverses manières :

Le bloc humoristique

Souvent réalisé par des personnes créatives ayant un brin d'humour, il se rapproche souvent d'une bio twitter limitée à 160 caractères.

Le bloc geek

Il est remplit d'abréviations que seul ses copains geeks peuvent comprendre.

Le bloc pro

Souvent retrouvé sur les blogs d'entreprise, celui ci explique le poste occupé par l'auteur et son domaine de spécialité.

Le bloc expliquant le parcours professionnel de l'auteur

Utilisé par les blogs regroupant plusieurs auteurs d'horizons différents. Il explique généralement la chronologie de l'auteur et ce qui l'a amené à écrire des articles correspondant au sujet abordé.

Le bloc expliquant la vie personnelle de l'auteur

A défaut d'être dans les 3 catégories ci-dessus, un bloc expliquant la vie personnelle de l'auteur est souvent utilisé. On y retrouve généralement les passions de l'auteur.

Les points importants d'un bloc "A propos" ;

Illustrer votre contenu par une photo. C'est toujours sympa de mettre une tête sur un nom.
Ajouter les liens vers vos sites / twitter / facebook / viadeo / .... Ca peut toujours servir si un lecteur veux vous suivre.
Faite un bloc à votre image. Cela ne sert à rien de mettre une description n'ayant aucun rapport avec ce que vous êtes ou ce que vous faites.
Cela ne sert à rien non plus de mettre un bloc "A propos" si vous êtes le seul rédacteur. C'est logique! Si vous êtes seul autant faire une page beaucoup plus argumentée qu'un bloc de quelques lignes.
Si vous faites un bloc "A propos", proposer au lecteur de lire tous les articles de l'auteur. Ca parrait évident comme ça mais beaucoup ne le font pas.

J'imagine qu'il doit y en avoir d'autres mais c'est ceux qui, pour moi, ressortent le plus souvent.

Vous voyez d'autres exemple ?

Un slider Jquery compatible IE6

Nicolas — Fri, 19 Nov 2010 07:37:00 +0100

Une grande difficulté pour un développeur est d'avoir un site compatible sur la quasi totalité des navigateurs.

Parmi ces navigateurs, l'un d'entre eux pose régulièrement des problèmes, il s'agit d'Internet Explorer 6.

La tendance étant aux librairies javascript et à l'animation, je vous présente un slider compatible IE6 réalisé en Jquery.

Très simple à mettre en oeuvre, il est configurable afin d'avoir le rendu que vous souhaitez.

Un exemple de code :

Il suffit ensuite de charger la librairie javascript et la feuille de style entre les balises <head> et le tour est joué.

Un fichier zip est téléchargeable sur le site officiel.

Le lien : ChocoSlider

Vous connaissez la différence entre un web designer et un web developer ?

Nicolas — Tue, 16 Nov 2010 12:49:00 +0100

Derrière ce titre long, je vous présente une infographie réalisée par Shane Snow présentant les différences entre un designer web et un développeur web.

Le site perso de Shane Snow : shanesnow.com

Le twitter de Shane Snow : @shanesnow

40 templates CSS/HTML gratuit pour 2010

Nicolas — Tue, 16 Nov 2010 08:35:00 +0100

Retrouvez 40 templates gratuits de grandes qualités grâce au site 1stwebdesigner.com .

Du blog perso au site pro, vous pourrez trouver des templates ou des inspirations en rapport avec vos besoins.

Le lien ; 40+ Free High Quality CSS/HTML Templates from 2010

Les blogs BD vous connaissez ?

Nicolas — Thu, 11 Nov 2010 15:58:00 +0100

Voici un type de blog que j'apprécie de plus en plus.

Le principe est simple : Un ou plusieurs auteurs parle sur leurs blogs à travers des illustrations.

Les sujets sont variés : De l'agence de com' au petit tracas quotidiens chacun y va de sa petite histoire qui mène parfois vers des ouvrages bien réel.

Pour parler de tous les blogs BD, il faudrait prendre plus d'un billet. Il faudrait presque avoir un blog pour parler de ce type de blog.

Je vais vous parler de 4 blogs BD qui sont parmi mes favoris par leur originalité et leurs thèmes :

Ma vie est tout à fait fascinante

Cette citation ne vous dit rien ? c'est celle de Pénélope Jolicoeur.

Cette BD parle des petits tracas quotidien d'une femme, parisienne de 26 ans à travers la jungle de la ville.

Le lien : www.penelope-jolicoeur.com

Stouf et Jean-ouf - Graphistes associés

Ou l'histoire de 2 graphistes dans une agence de com'.

Le lien : stoufetjeanouf.canalblog.com

La bande pas dessinée

Concept original : Faire une bande dessinée sans personnage ou juste avec des bulles.

Ça donne des histoires où notre sens créatif entre en jeu pour imaginer les personnages.

Le lien : labandepasdessinee.com

Yap

Je l'ai découvert il y a peu de temps mais il m'a beaucoup plus.

Les dessins sont vraiment pas mal, les sujets intéressants, que dire de plus à part qu'il faut l'avoir dans ces flux.

Le lien : yap-yap-yap-yap.blogspot.com

Si vous en avez d'autres, je suis plus que preneur.

Tout savoir sur Jquery

Nicolas — Tue, 09 Nov 2010 13:50:00 +0100

Vous voulez vous lancer dans ce monde merveilleux qu'est Jquery ?

Voici un slideshare qui va vous apprendre les rudiments de cette librairie Javascript de plus en plus utilisée.

L'auteur Marc Grabanski a d'ailleurs créé plusieurs slideshare autour de cette librairie qui vous aidera certainement à mieux appréhender Jquery.

Son profil slideshare : slideshare.net/1Marc

30 icônes pour vos applications Android

Nicolas — Mon, 08 Nov 2010 13:14:00 +0100

Retrouvez les 30 icônes les plus utilisées pour les applications Android grâce au site findicon.com.

De l'icône Youtube à celle de Facebook, vous trouverez les icônes nécessaires à vos liens entre applications.

Le lien : Icônes pour Android 2.2.

Facebook et la vie privée

Nicolas — Wed, 03 Nov 2010 18:30:00 +0100

Voici une infographie montrant comment la vie privée des personnes utilisant Facebook a évolué depuis la création de ce réseau social.

Vous avez oublié le "S" de "AlsacréationS" !

Nicolas — Wed, 03 Nov 2010 07:48:00 +0100

Certains sites ont des url pas forcément facile à retenir ou plutôt facile à erroner.

Alsacréations, la célèbre comunauté d'entraide à la conception web a su devancer les personnes maladroites en réservant le nom de domaine alsacreation.com (sans le s à création).

Au lieu d'une redirection classique vers le bon site, ils ont créés des messages autour du "S" oublié.

On a donc des messages de type :

Tous les « S » oubliés se mettent régulièrement à grignoter le « S » du torse de Superman. Cela a pour effet d'affaiblir petit à petit ses pouvoirs de super-héros. Sauvez Superman, pensez au « S » d'AlsacréationS !

ou encore :

Les trois fans inconditionnels d'Alsacréations font une poussée de tension artérielle et d'acné à chaque « S » oublié dans le nom de leur site préféré. Au final, ils sont moins productifs et le nombre de tutoriels est en baisse. Sauvez les fans, pensez au « S » d'AlsacréationS !

Pour voir tous les messages, faîtes une faute et enlevez un S à alsacréations : www.alsacreation.com

Les lapins crétins testent le nouveau Motorola Defy

Nicolas — Wed, 27 Oct 2010 13:37:00 +0200

Après avoir testé le Renault Scénic, les lapins crétins s'attaquent aujourd'hui au nouveau téléphone de Motorola : Le Motorola Defy.

Une très belle réalisation rappelant le début de "new york unité spéciale" et mettant en scène les lapins crétins.

La vidéo

20 boutons en jquery et css

Nicolas — Wed, 27 Oct 2010 08:58:00 +0200

Découvrez 20 techniques pour créer des boutons en jquery et css sur le blog speackyboy.com.

Très instructif si vous voulez apporter un plus à vos boutons au survol par exemple.

Le lien : 20 Awesome jQuery Enhanced CSS Button Techniques

150 effets Jquery pour développeurs et designers

Nicolas — Tue, 26 Oct 2010 17:24:00 +0200

De plus en plus de développeurs utilisent la librairie Jquery permettant de faire des transitions et amenant un peu d'animation à une pages web.

Cependant, il est difficile de trouver un article qui regroupe beaucoup d'effets Jquery car ce type d'article prend un temps énorme à la rédaction.

C'est pourquoi je tiens à vous présenter l'article sur Web designer Shock regroupant pas moins de 150 effets jquery pour Développeurs et Designers.

Le lien : 150 best jQuery effects for web designers and developers

50 pages originales d'erreur 404

Nicolas — Fri, 22 Oct 2010 13:00:00 +0200

Retrouvez 50 pages originales d'erreurs 404.

Pour ceux qui ne connaîtraient pas ce type de pages, ce sont les pages qui n'amènent sur aucun contenu.

Le lien : Web designer blog

25 scripts de menu déroulant en Jquery

Nicolas — Thu, 21 Oct 2010 10:57:00 +0200

Quel développeur n'a jamais eu un problème de développement sur un menu déroulant en Jquery?

Voici un article sur le blog Vandelay design qui pourra résoudre ces petits problèmes.

Du menu à 2 niveaux au menu complexe à plusieurs niveaux, vous trouverez tous ce que vous voulez concernant les menus déroulants dans cet article.

En plus, pour donner un peu de dynamisme, ces menu sont réalisé en Jquery.

Le lien : 25 jQuery Drop Down Menu Scripts

Un article en relation

Retrouvez tous les billets correspondants à Jquery dans la rubrique Développement / Jquery

Customiser son bouton addthis

Nicolas — Wed, 20 Oct 2010 13:03:00 +0200

Vous en avez marre de voir dans vos tweets avec la mention "via @addthis" ? Vous voulez personnaliser vos titres, vos descriptions ou d'autres types de contenu lors de vos partages ?

Une solution : Customiser votre bouton addthis .

Vous trouverez toutes les techniques sur le centre d'aide Addthis dans la rubrique Customizing Addthis.

La documentation est en anglais.

Le lien : Customization addthis

Comment réussir son site e-commerce?

Nicolas — Tue, 19 Oct 2010 10:19:00 +0200

Le site Ebiz-france vous présente les 10 principaux facteurs du succès d'un site e-commerce.

Ces 10 facteurs sont simples, mais encore faut-il les connaître et les mettre en application :

Etre visible,
Ergonomie et valorisation des articles,
Rassurer et créer l'environnement de confiance,
Conseiller,
Donner envie, conquérir,
Encaisser et livrer,
Gérer sa e-réputation et son image,
Analyser son trafic,
Communiquer,
Fidéliser.

Le lien : 10 principaux facteurs du succès d'un site e-commerce

[CSS] Intégrer une liste à puce à coté d'une image

Nicolas — Mon, 18 Oct 2010 11:59:00 +0200

C'est un problème redondant des intégrateurs web.

Après plusieurs recherches et tout autant d'echecs, je suis tombé presque par hasard sur la fonction display : table.

Pour ceux qui ne connaissent pas celle ci, elle permet de simuler une pseudo-cellule de tableau.

Alors certes les tableaux pour faire de la mise en page, c'est pas super fun.
Mais c'est à l'heure actuelle la seule solution que j'ai trouvée pour avoir une liste à puce à coté d'une image.

Exemple :

Code html :

<div class="object-left">
     <img width="200" height="150" src="image/Toco-Toucan_medium.jpg">
</div>
<ul>
  <li>Leo mattis ut Nam metus Vestibulum volutpat sagittis turpis est dis. </li>
  <li>Ut Integer volutpat elit Maecenas auctor commodo nibh In laoreet eget.</li>
  <li>Ligula consequat pellentesque Nunc metus congue nibh ut nibh sit quis.</li>
  <li> Ac sit cursus urna at tristique non turpis tristique </li>
  <li>Suspendisse cursus. </li>
</ul>

Code CSS :

.object-left  {
     float:left;
     margin:2px 5px 5px 0;
}
ul {
     display:table;
     margin:0px 0px 0px 10px;
}

Et voilà le tour est joué !

Malheureusement, Internet Explorer 8 comprends que cette liste doit revenir à la ligne.
Mais sur les autres navigateurs, il a l'air de bien le prendre.

9 moyens pour coder plus rapidement

Nicolas — Fri, 15 Oct 2010 12:35:00 +0200

Un web développeur recherche souvent de nouveaux outils pour développer plus rapidement et avec plus de facilité afin de gagner du temps sur ces développements.

Sur le site tutsplus.com, nous pouvons retrouver 9 moyens pour coder plus rapidement dont:

Zen Coding
Split Windows
Embrace Social Coding
Code Management Tools
...

Le lien : 9 Ways to Instantly Code Faster

Pourquoi faire une version mobile de son site ?

Nicolas — Thu, 14 Oct 2010 13:03:00 +0200

Voici une question que certainement beaucoup de marketeux se sont posés.

Le site webmarketing-com apporte des éléments de réponses.

Pour faire court, beaucoup de personnes se connectent et recherchent des informations à partir de leurs appareils mobiles aujourd'hui alors pourquoi ne pas leur faciliter la tâche en apportant du contenu adapté à leurs moyens de communication ?

Le lien : Webmarketing-com - Pourquoi proposer du contenu pour mobile ?

BlogOsphère #5 Tuto mobile

Nicolas — Wed, 13 Oct 2010 12:44:00 +0200

Vous êtes développeur et __vous désirez vous lancer dans le monde si intéressant du développement d'applications pour mobile ?

Si c'est le cas, le site tuto mobile est fait pour vous.

Ce site regroupe les différents types d'OS pour mobile et explique de façon très claire comment mettre en place des outils à l'aide de tutoriels.

Le lien : Tutomobile

Des infos sur l'auteur ? A propos de l'auteur

BlogOsphère #4 CSS Mania

Nicolas — Tue, 12 Oct 2010 12:37:00 +0200

Voici un site très interessant vous permettant de vous rendre compte ce que le web design peut vous proposer en ce moment.

Avec ce site, vous pouvez voir des sites réalisés généralement avec un maximum de CSS et déposés par leurs auteurs sur ce site un peu à l'image de the fwa qui lui recense les sites réalisés en flash.

Le lien pour découvrir ce site : CSS Mania

Optimiser la version mobile de son site

Nicolas — Mon, 11 Oct 2010 11:40:00 +0200

Sur le blog webmarketing Superbibi, Pureshore nous présente comment faire une version mobile optimisée de son site. Il parcours plusieurs points notamment :

Le fait que ce soit un phénomène grandissant,
Le mobile est différent de la toile,
Pourquoi choisir de faire une application ou un site mobile,
L'ergonomie est différente sur un site mobile.

Le lien : Super bibi - Créer une version mobile optimisée de son site

Les vacances ça se mérite !

Nicolas — Fri, 08 Oct 2010 08:54:00 +0200

Et oui, les vacances ça se mérite!

Donc après un mariage riche en émotions, l'heure est venue de partir un peu en vacances ou plutôt en voyage de noces.

Quelques billets sont programmés pour cette période longue de 2 semaines.

En attendant, je vous invite à retrouver anciens les billets via les catégories qui, je vous l'accorde, devrait avoir un coup de jeune :

Bonne journée et bon travail !

19 tutoriaux Jquery pour web développeur

Nicolas — Thu, 07 Oct 2010 08:52:00 +0200

Retrouvez dans ce billet des tutoriaux jquery pour les développeur web.

Du module de login en passant par un générateur de couleur, vous trouverez toutes les fonctions de base pour développer avec Jquery.

Le lien : 19 Unique jQuery Tutorials for Web Developers

Des boutons animés en CSS3

Nicolas — Wed, 06 Oct 2010 08:55:00 +0200

CSS3 est une technique qui, selon moi, pourra percer dans quelques années.

A l'heure actuelle, beaucoup de personnes ne sont pas sur des navigateurs acceptant cette technologie mais avouez que, lorsqu'on pourra combiner le CSS3 à l'HTML5 avec une pointe de Javascript, on pourra faire de très belles choses.

En attendant, je vous invite à découvrir des boutons animés en CSS3.

Le lien : Tutorialzine - Bouton CSS3

Chiffre de la semaine : 75% des utilisateurs Android ont une version supérieure ou égale à la 2.1 (Eclair)

Nicolas — Tue, 05 Oct 2010 08:10:00 +0200

C'est en tout cas ce qu'annonce l'Android Market dans ces dernières statistiques.

Avec notamment 33% des utilisateurs qui utilisent la version 2.2 (Froyo) et 40 % pour la 2.1 (Eclair).

Tous les chiffres sont là : Plateform version Android

10 scripts Jquery et Ajax pour Développeur

Nicolas — Mon, 04 Oct 2010 12:58:00 +0200

Découvert dans mes flux il y a quelques temps, voici un article recensant 10 scripts Jquery et Ajax qu'un Developpeur peut utiliser assez facilement et adapter au design du site qu'il développe.

Retrouvez notamment :

Le lien : Blog gadgets - 10 Super jQuery and Ajax Scripts for Web Developers

11 navigations à onglets en Jquery

Nicolas — Sat, 02 Oct 2010 09:00:00 +0200

Pour s'occuper une partie du week end, retrouvez 11 types de navigations et exemples réalisées en Jquery .

Ce billet se trouve sur le blog Web designer Ledger.

Le lien :

Introduction au développement Android

Nicolas — Fri, 01 Oct 2010 08:32:00 +0200

Pour ceux qui commence le développement d'application Android, je leur propose un petit tuto qui va dans la continuité du billet Application HelloWorld.

Le lien : Introduction au développement Android

Comment google indexe vos pages

Nicolas — Thu, 30 Sep 2010 13:18:00 +0200

Voici un très bon billet sur le blog SEOMIX , blog spécialisé dans le Référencement, le web marketing et wordpress.

Ce billet explique de manière très complète comment google indexe vos sites et vous donne des conseils pour optimiser cette indexation.

Le lien : SEOMIX - Comment google gère l'indexation des contenus

Application "HelloWorld" pour Android avec Phonegap

Nicolas — Thu, 30 Sep 2010 08:05:00 +0200

Comme dans tous langages de programmation, le premier test est de pouvoir faire afficher le fameux "Hello world", je vous présente un tutorial pour afficher "HelloWorld" pour votre première application Android.

Très simple avec Phone Gap.

Le lien : Creating an android application with phone gap

Les taux de rebond google analytics sont bidons

Nicolas — Wed, 29 Sep 2010 12:55:00 +0200

Je suis sur que vous vous êtes déjà demandé en regardant vos stats google analytics comment un utilisateur pouvait être comptabilisé alors qu'il est resté 0 secondes sur votre site.

Voici un élément de réponse sur le blog le potlatch.

Il explique en passant comment faire pour comptabilisé de façon exacte le nombre de visiteurs sur votre site.

Le lien : Le potlatch - Google Analytics : tes taux de rebond sont bidon (les visites de 0 secondes ça n'existe pas)

Créer des sliding boxes en Jquery

Nicolas — Wed, 29 Sep 2010 08:34:00 +0200

Un tutorial intéressant sur "Comment faire des sliding boxes" en jquery à savoir des blocs de textes ou des annotations qui apparaissent lorsqu'on survole une image.

L'avantage est que le code proposé est très facile à moduler suivant ses envies.

Si vous voulez voir une petite démo de ce que propose ce tutorial : Sliding boxes en action

Télécharger les exemples des sliding boxes

Le lien : Sliding Boxes and Captions with jQuery

Ezpublish - Des flux RSS sur mesure

Nicolas — Tue, 28 Sep 2010 12:09:00 +0200

Un article qui date un peu mais qui peu être utile pour certaines personnes expliquant comment faire des fils RSS sur mesure dans Ezpublish.

Le lien : Pwet.fr

Créer un caroussel en Jquery

Nicolas — Tue, 28 Sep 2010 08:30:00 +0200

Voici une librairie Jquery permettant de faire un carrousel automatique et infini.

Cette librairie permet plusieurs configurations.

Très pratique pour présenter des références clients ou pour faire une galerie d'images.

Le lien : Caroufredsel

Les médias sociaux : Il ne faut pas oublier de prendre du recul

Nicolas — Mon, 27 Sep 2010 18:34:00 +0200

Voici une vidéo très intéressante de Serge Soudoplatoff expliquant les différences entre la vie virtuelle et la vie réelle.

Cette vidéo explique notamment que tout ne fonctionne pas sur Internet comme dans la vie réelle et qu'un produit, une campagne, peut très bien fonctionner dans la vie virtuelle, l'Internet, mais qu'elle ne peut se "calquer" dans la vie réelle et inversemment.

Une phrase m'a beaucoup plus :

Une pizza partagée en 4 se divise, un MP3 partagé se multiplie.

Prenez 15 minutes de votre temps pour écouter ce qu'il énonce. Ca vaut vraiment le coup !

Retrouvez le blog de Serge Soudoplatoff.

Source de la vidéo : Mashable

Des navigations originales de site

Nicolas — Mon, 27 Sep 2010 12:31:00 +0200

Le blog du webdesign propose 5 sites avec une navigation originale.

Si je devais trouver un point négatif à ces navigations, ce serait que seul 2 sites sur 5 ne sont pas en flash.

Doit-on faire des sites en flash pour avoir une navigation originale ?

Le lien : Blog du webdesign

Le cycle de vie d'un petit blogueur

Nicolas — Mon, 27 Sep 2010 08:59:00 +0200

J'ai trouvé ce post au hasard de mes tweets et je dois avouer qu'il m'a bien fait rire.

Kurdok nous explique les différentes étapes d'une personne qui veut lancer son blog sans aucune ligne éditoriale juste .... pour faire comme ses copains virtuels.

Le lien : Emotiblog

30 cartes de visites design

Nicolas — Fri, 24 Sep 2010 12:46:00 +0200

Marre des cartes de visites plate et sans aucune créativité ?

Voici un exemple de 30 cartes de visites qui peuvent vous faire sortir du lot.

Le lien : Instant shift

25 footer originaux

Nicolas — Fri, 24 Sep 2010 08:02:00 +0200

Retrouvez un article consacré aux pieds de pages de sites appelés généralement "les footer".

Alors qu'il y a quelques années les footer n'avait pas ou peu d'importance pour les utilisateurs et designer, la tendance change peu à peu et on retrouve des footers mesurant plusieurs centaines de pixels et dans lesquels il y a des informations importantes.

Entre les liens de partage et les formulaires de contact en passant par la description de l'auteur ou de l'entreprise, vous trouverez des informations essentielles dans cette partie de site.

Le lien : Six Revisions

5 techniques CSS/JQuery pour rendre son site dynamique

Nicolas — Thu, 23 Sep 2010 08:11:00 +0200

5 tutos détaillées pour des techniques à utiliser afin de rendre son site un peu plus dynamique à l'aide de Jquery.

Voici le lien : Smashing magazine

12 fiches mémo pour développeur

Nicolas — Wed, 22 Sep 2010 16:30:00 +0200

Lorsque j'étais encore un jeune étudiant, j'avais ces fiches très utiles pour développeurs où la plupart des fonctions de base étaient recensées.

Depuis ... je ne sais pas ce que j'en ai fait mais je viens de retrouver un site qui en a regroupé une bonne partie.

Vous retrouverez des langages tels que :

Et comme je suis sympa, je vous ai mis les liens vers les pdf correspondants.

Le lien : 12 fiches mémo pour développeurs

Estimer la valeur de votre site web

Nicolas — Wed, 22 Sep 2010 08:11:00 +0200

Combien vaut votre site web ?

Voici une question que l'on peut se poser. Pour cela, il y a le site biz information.

Il vous suffit de rentrer votre url et vous connaîtrez la valeur de votre site web.

Voici le lien : http://bizinformation.fr/ .

Youtube Play Biennale de la vidéo créative

Nicolas — Tue, 21 Sep 2010 18:33:00 +0200

Youtube en collaboration avec le musée Guggenheim ont choisis un panel de vidéos parmi 23 300 vidéos soumises.

Un lien à voir !

Le lien : Youtube play

De Bonjour madame à Bonjour le geek, il n'y a qu'un pas

Nicolas — Tue, 21 Sep 2010 12:35:00 +0200

Un phénomène pas tout à fait nouveau mais qui s'étend un peu plus chaque jour est de dire bonjour à l'aide d'une Image.
Ce concept est, d'après mes sources, apparu avec "bonjour madame" qui poste chaque jour à la même heure (vers 10h) une photo artistique de femme. Ce site (www.bonjourmadame.fr) est très apprécié de la gente masculine. D'autres se sont donc amusés à reproduire le concept avec différents thèmes.

Le principe

Un site, un nom de domaine, une photo par jour à la même heure, un texte explicatif, un design simple avec une identité graphique.... et c'est tout.
C'est simple n'est ce pas ?

Quelques exemples

Voici une liste qui doit être loin d'être complète mais qui reflète bien le concept :

Les sexy et romantiques

Les geeks

Les défauts (ou qualités) physiques

Les animaux

Bonjour le chat
Bonjour poney
Bonjour panda
Bonjour mon chien
Bonjour cochonne (je ne me suis pas trompé de rubrique...)

Les divers

Si vous en avez d'autres, je suis preneur.

Tutorials Jquery pour Designer

Nicolas — Tue, 21 Sep 2010 12:33:00 +0200

Sur le site Web designer wall, retrouvez un ensemble de techniques simples pour animer vos sites avec Jquery.
Il n'y a qu'une quinzaine d'exemple mais ils sont bien expliqués.

Vous retrouverez notamment comment :

Voici le lien : http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/ .

Pourquoi j'ai préféré le petit robot vert à la pomme croquée ?

Nicolas — Tue, 21 Sep 2010 08:22:00 +0200

En voilà une question !

Pour ceux qui n'auront pas compris ce titre, voici sa traduction : Pourquoi j'ai choisi de prendre un smartphone tournant sous Android plutôt qu'un Iphone 3G/3GS/4 ?

A cette question, voici 6 éléments de réponses:

Réponse 1 : La communauté

Certes il est moins important que pour le géantissime mais il tend à s’accroître très rapidement. Les derniers chiffres sont les suivants :

Iphone : 50%
Android : 25%
Symbian : 18%
Windows phone : .... 2%
Le reste : 10%

Réponse 2 : Les mises à jour

Beaucoup plus nombreuses que pour les Iphone.
En effet, en 2 ans, pas moins de 6 versions sont sorties. Android prouve qu'il faut évoluer son système régulièrement.
Pour info, la nouvelle version s'appelle Froyo et c'est la 2.2.

Réponse 3 : Le nombre d'activation

Un chiffre qui va faire palir les pro-iphone : Le nombre d'activations Android est presque 2 fois supérieure à Iphone/Mac/Ipad réunie avec 160 000 activations/jours en moyenne.

Réponse 4 : Un market riche en application.

Beaucoup d'applications sortent tous les jours. L'android Market est riche et comporte tous types d'applications. Le gros avantage est qu'elles sont majoritairement gratuite.

Réponse 5 : Le développement d'application

Les applications sont généralement développées en Java contrairement à l'Iphone qui a créé son propre langage pour ses applications : L'objective-C.
Certes, avec la nouvelle version d'adobe CS5, on peut créer des applications Iphone compilées mais si il faut acheter une suite de logiciel à X XXX € pour développer des applications, certains risquent d'être freinés (moi le premier).

Réponse 6 : Il en faut pour tous les goûts.

Certains préfèrent Iphone, d'autres les mobiles Android, d'autres les windows phone et c'est ce qui fait nos différences.

Vous voyez d'autres points à rajouter ?

[Dave Berzack] Le CV vidéo d'un développeur web

Nicolas — Thu, 12 Aug 2010 08:37:00 +0200

Cela faisait bien longtemps que je ne vous avais pas présenté de CV vidéo.
Voici donc l'un d'entre eux trouvé sur le site chefdeprojetdigital.com.

Le développeur s'appelle Dave Berzack et vit à Atlanta :

Un enterrement et un mariage plus tard !

Nicolas — Wed, 11 Aug 2010 12:47:00 +0200

Cela fait un peu plus d'un mois que je n'ai pas écrit de billet. Certes ça fait beaucoup mais il y a plusieurs raison à ce break :

Un enterrement

Je tiens à préciser que ce n'est pas une personne que j'ai enterré mais tout simplement ma vie de jeune garçon.
Ce n'est pas une tradition partout mais dans ma région (la bourgogne), c'est plus qu'une tradition, c'est un devoir...
Donc pour faire court, cet enterrement s'est passé (et très bien passé) le 17 juillet dernier avec des personnes chères à mon coeur.

Un mariage

Une fois ma vie de jeune garçon enterré, il fallait bien se marier.
Chose faite dans la belle commune d'Ouroux sur Saône le 31 Juillet, date qui est l'un des plus beau jour que j'ai eu le droit de connaitre.
Ce fut un très beau mariage, plein d'émotions et de joies entourés de notre famille et de nos proches.

Maintenant

Et bien sur, après des si bon moments, quoi de mieux que de revenir au travail. Chose faite depuis Lundi.
Donc à partir de maintenant, vous aurez droit à des publications plus régulières de billets.

[GOOGLE] Un sitemap pour plusieurs formats

Nicolas — Wed, 30 Jun 2010 13:01:00 +0200

Depuis quelques temps, vous pouvez voir dans vos résultats google des vidéos, des flux d'actualités, des images, .... affichés quasi instantanément.

Une question me brulait les lèvres : Comment indexer ce type de contenu sous google ?

La solution

Google a publié sur son blog webmaster un article répondant à ma question.

Il suffit de créer un sitemap avec les différents types de contenus comme présenté ci-dessous :

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns="http://www.sitemaps.org/schemas/sitemap-image/1.1"
        xmlns="http://www.sitemaps.org/schemas/sitemap-video/1.1">
  <url> 
    <loc>http://www.example.com/foo.html</loc> 
    <image:image>
       <image:loc>http://example.com/image.jpg</image:loc> 
    </image:image>
    <video:video> 
    <video:content_loc>http://www.example.com/videoABC.flv</video:content_loc>    
      <video:title>Grilling tofu for summer</video:title> 
    </video>
  </url>
</urlset>

Ensuite, il faut soumettre son nouveau sitemap dans le google webmaster tool et le tour est joué.

Sources

Les images et le sitemap viennent du billet officiel du blog google webmaster

[Orangina] L'art de faire une campagne de pub décalée

Nicolas — Wed, 16 Jun 2010 08:35:00 +0200

Depuis quelques semaines, Orangina a lancé une campagne de pub afin de faire la promotion de son produit.
Je suis une personne qui aime regarder les pubs, modérément bien sûr, et celles-ci m'ont beaucoup marqué par leur coté décalée.
En effet, quoi de mieux pour présenter une boisson gazeuse à l'orange de montrer un Caméléon géant vantant une solution contre l'acné ou un cheval faisant attention à son hygiène bucco-dentaire ?

Le goûter, c'est super important !

L'acné, le réel problème des caméléons !

Un cheval a besoin de soigner ses dents !

Le ménage, c'est facile avec Orangina !

Après Omo et son singe, Orangina et sa girafe !

Orangina, l'atout des sportifs !

Et pour finir, l'hygiène intime des Panda !

[Microsoft] [IE6] [Integration] Comment abandonner son propre produit ?

Nicolas — Tue, 15 Jun 2010 19:10:00 +0200

Dans ce titre original, il y a plusieurs informations de taille sur le contenu de ce billet.
Quoi de plus énervant pour un développeur ou un intégrateur de devoir chercher pendant des ~~minutes~~ heures un bug présent sur ce beau et doux navigateur qu'est Internet Explorer 6 ( IE6 pour les intimes) pour qu'un pourcentage de personne inférieur à 10% puisse voir le résultat correctement et pouvoir se vanter d'avoir fait perdre des ~~minutes~~ heures à ces pauvres développeurs!
J'exagère certainement car beaucoup de ces personnes ignorent le problème que pose au quotidien ce navigateur aux développeurs et intégrateurs.

Mettez-vous maintenant à leur place lorsqu'ils se rendent compte que même l'entreprise qui a développer ce navigateur en 2001 et fait des mises à jour pendant 7 ans (il me semble !) ne le respectent même pas et fait des intégrations incompatibles avec celui-ci.
Je n'ai testé qu'un seul site : Il présente la nouvelle suite Microsoft Office 2010 (vous pouvez voir le site içi : Microsoft Office 2010 ).

La preuve en image

Voici le rendu sous IE6

Et le rendu sous chrome

Bluffant n'est ce pas ?

L'url de ce bug made in Microsoft : http://www.microsoft.com/france/office/2010/telecharger-office-2010.aspx

Utiliser plusieurs fichiers de traduction dans EzPublish

Nicolas — Tue, 01 Jun 2010 08:10:00 +0200

Suite à pas mal d'occupation externe à ce blog, je n'ai pas eu le temps de me consacrer à l'écriture d'un billet pour vous, cher lecteur qui me suivez de plus en plus.
Durant cette période de non écriture, j'ai été confronté à un problème lors de développement d'un site web pour le compte de mon entreprise.

Mon problème

J'ai un site multilingue ayant 2 types de langages :

Un langage général avec des informations simples telles que "Lire la suite", "Le saviez vous", ...
Un langage technique avec des informations propre au site web, au domaine d'application du client, ...

Ma démarche

Après quelques tweets lancé, j'ai posté mon problème sur le site communautaire EzPublish (share.ez.no).

En quelques minutes, j'ai eu des réponses pertinentes avec 2 solutions qui se détachaient.

Les solutions

Solution n°1 : Diviser le fichier translation.ts

La solution la plus simple, présentée par Paul Leclercq est de diviser mon fichier translation.ts en plusieurs contextes comme suit :

<context>
<name>technical/my_template</name>
<message>
<source>technical-French</source>
<translation>Français Technique</translation>
</message>
</context>

<context>
<name>general/my_template</name>
<message>
<source>French</source>
<translation>Français</translation>
</message>
</context>

Et d'appeler cette traduction en changeant le contexte, par exemple :

{"technical-French"|i18n('technical/my_template')}

{"French"|i18n('general/my_template')}

Solution n°2 : Utiliser une extension

La seconde solution proposée par Kevin Gaudin est d'utiliser une extension que l'on appellera dans le fichier site.ini.append.php du siteaccess spécifique.
Cette extension sera prioritaire au fichier de traduction de base ce qui lui permettra d'être scannée avant.

Voici la méthodologie présentée :

1. On créé une extension que l'on appelle par exemple EzTranslationTechnical

2. Dans cette extension, on créé deux dossiers : settings et translations:

Dans le premier, on retrouvera un fichier site.ini.append.php.
Dans le second, on retrouvera notre dossier correspondant à la langue comprenant le fichier nommé translation.ts. De ce fait, nous aurons l'arborescence suivante :

EzTranslationTechnical
|-settings
|--site.ini.append.php
|-translations
|--fre-FR@override
|---translation.ts

3. Dans le fichier site.ini.append.php de l'extension EzTranslationTechnical, on note le code suivant :

<?php /*
[RegionalSettings]
TranslationExtensions[]=EzTranslationTechnical
*/ ?>

4. Dans le fichier site.ini.append.php du siteaccess général, il faut activer l'extension EzTranslationTechnical :

[ExtensionSettings]
ActiveExtensions[]
ActiveExtensions[]=EzTranslationTechnical

5. Dans le fichier site.ini.append.php de votre siteaccess spécifique au site, il faut changer le paramètre Locale présent dans RegionalSettings en spécifiant le dossier où se trouve le fichier de traduction technique et activer la traduction à l'aide du paramètre TextTranslation :

[RegionalSettings]
Locale=fre-FR@override
TextTranslation=enabled

6. Enfin, remplissez votre fichier de traduction, videz les caches et admirez le résultat.

Sources

[RENAULT] LE TOUR DU MONDE DES LAPINS CRÉTINS (2/2)

Nicolas — Tue, 04 May 2010 08:06:00 +0200

Après le premier article concernant le tour du monde des Lapins Crétins, je vous présente les deux dernières étapes de ce tour du mondevisant à faire la promotion du Renault Scénic. Voici donc le Brésil et le Japon.

Le Brésil

Le Japon

Les chiffres clés de Facebook en 2010

Nicolas — Fri, 30 Apr 2010 13:41:00 +0200

A l'heure où Mark Zuckerberg annonce le "nouveau" facebook beaucoup plus interactif avec les autres sites, je voulais vous faire partager quelques chiffres clés sur ce réseau social qui regroupe près de 400 Millions de personnes (premier chiffre clé) à travers le monde.

Les fan pages

Une des modifications les plus impressionnantes de cette nouvelle version est la suppression des boutons "Become a Fan" remplacé par "Like".

Mais quels sont les fan pages les plus suivies?

En sixième position, on va retrouver Megan Fox avec près de 6 millions de fan devancé pour quelques 100 000 fans de plus de la page du jeu le plus en vogue du moment à savoir le Texas Hold'm Poker (6,1 Millions).

Ensuite, vous retrouverez Mafia Wars (6,5 Millions). Perso, je ne connais pas!

Nous arrivons sur le podium avec en troisième position, la propre fan page de Facebook (7,5 Millions) devancé par le président dont tout le monde rêve, j'ai nommé ~~Georges Bush~~ Barak Obama.

Et enfin, en première position, un artiste, que dis-je, une légende pouvant passé du noir au blanc en un éclair, pouvant vendre plus d'album une fois mort que vivant, pouvant regrouper près de 11 millions de fan sur Facebook, j'ai nommé le roi de la pop, Michael Jackson.

J'ai beau regardé, je ne suis pas dans le classement. Dommage !

Les personnes célèbre les plus populaires sur Facebook

Continuons sur notre lancé de Michael Jackson en parlant des personnes célèbres les plus populaires.

Et là, je suis vraiment étonné. Même notre Johnny national n'est pas dans le top 10. Ce classement a dû être fait par des teenagers tout droit sortie de Californie.

Alors en 6ème position, on va retrouvé Taylor Swift. Bon, à part avoir le nom d'une voiture, elle chante pas trop mal.

En 4ème position avec le même nombre de fan, nous avons 2 candidats, on retrouve Adam Sandler et Selena Gomez.
Devant eux, enfin un vrai artiste qui mériterait d'être sur le podium, mais qui échoue au pied de celui-ci, j'ai nommé l'acteur/chanteur/producteur Will Smith.
On arrive sur le podium avec l'artiste la plus .... ~~dénudée~~ maquillée de la scène pop du moment, j'ai nommé ... Lady Gaga.

Devant elle, une actrice qui a presque mon âge, j'ai nommé Megan Fox (Encore ?!).
Et enfin en première position, l'homme aux gros muscles de Fast and Furious, de Pitch Black, ..... qui est aussi Producteur/Scénariste et Réalisateur, j'ai nommé Vin diesel.

Après les personnes célèbre, les marques

Bon, pour les marques, il n'y a pas de surprises donc je vais la faire rapido.
En 6ème position, on retrouve les gateaux apéro avec l'homme aux grandes moustaches, si si réfléchissez un peu, Les pringles voilà!.
Ensuite, on va retrouver un produit auquel on peu devenir rapidement addict, qui as un slogan assez niais ("Chaque jour c'est du bonheur à tartiner"), j'ai nommé NUTELLA.

Si tu veux ressembler à Sarah Jessica Parker dans Sex and the city ou à un enquêteur de New York Section Criminel, il faut avoir ca dans la main, un petit gobelet avec un bouchon qui permet de boire sans paille et qui vient de chez Starbucks Coffee.

Enfin le podium : En troisième position, on va retrouver Papa john's. D'après ce que j'ai pu voir, c'est un peu le Domino's Pizza Américain.

Ensuite, on a Skittles (cliquez sur le lien et allez tout en bas du site, vous allez vous amuser). J'ai pas besoin de vous le présenter ?

Et pour finir, c'est sans surprise que je vous présente le produit qui a 124 ans cette année, je veux parler de Coca Cola. Comme dit son slogan : "Ouvre un coca cola, ouvre du bonheur!".

L'utilisateur moyen Facebook

On en vient à l'utilisateur moyen Facebook.
Comme ce terme l'indique, c'est une moyenne. Donc les utilisateurs facebook, Hommes/femmes confondus ont en moyenne:

130 Amis,
Rejoins 13 groupes par mois,
Deviens fan de 4 pages par mois,
Publie 9 contenus (liens, humeurs, ...),
Commente 25 contenus de leurs amis,
Et enfin, ils passent près de 1 heure par jour sur ce réseau social,

Rien à dire, par ce temps passé dessus, les utilisateurs deviennent asociaux à la vie extérieure. Et c'est là le paradox des réseaux sociaux.

Sources & crédits images

[RENAULT] Le tour du monde des Lapins crétins (1/2)

Nicolas — Thu, 22 Apr 2010 08:58:00 +0200

Dans la continuité de leurs publicités primées au grand prix marketing stratégie 2010, Renault recommence une série de pub avec pour acteurs principaux la bandes des lapins crétins.

Vous me direz, une deuxième série de pub avec le même produit, les mêmes acteurs, ca va être encore lourd.

Détrompez vous, cette campagne est à mon sens mieux réussite que la première (vous pouvez la retrouver dans ce billet).

Près pour le départ ?

Episode 1 du tour du monde des Lapins crétins

Episode 2 du tour du monde des Lapins crétins

En espérant que les pubs suivantes seront aussi bonnes que celles-ci.

[EzPublish 4.3] La nouvelle version EzPublish

Nicolas — Wed, 07 Apr 2010 11:58:00 +0200

Cela fait quelques semaines que j'entends parlé autour de moi d'une sortie imminente de la nouvelle version de EzPublish.

En effet, le système de gestion de contenu (CMS pour les intimes) que j'utilise maintenant depuis près de 2 ans viens de sortir sa dernière version avec une multitude de nouveautés.

Je vous invite à découvrir une partie de celles-ci via la vidéo officielle :

Je me dois de féliciter toute l'équipe de EzPublish pour le travail qu'ils ont fournis afin de sortir une nouvelle version plus User Friendly et accueillante.

Enfin, je n'ai qu'une chose à dire : j'ai hâte de pouvoir l'installer et la tester.

Source vidéo :ez.no/ezpublish

Les lapins (crétins) rapportent une récompense au nouveau Renault Scénic

Nicolas — Wed, 17 Mar 2010 15:29:00 +0100

Oula c'est quoi ce titre.... En fait, je voulais juste revenir sur un billet que j'avais publié il y a près d'un an concernant la campagne de pub du nouveau Renault Scénic.

Rappelez vous cette campagne mettant en scène les lapins crétins en train de tester le nouveau Renault Scénic.

Cette campagne, divisée en plusieurs ambiances a remporté le grand prix stratégie marketing 2010.

Alors pour le plaisir, je vous propose un extrait de ces tests :

Lapins Crétins testent Renault Grand Scénic

Pour le reste, je vous laisse regarder le billet original : Les lapins crétins testent le nouveau Renault scénic.

Source : Stratégie

[Envoyé Spécial] La révolution twitter

Nicolas — Fri, 05 Mar 2010 09:00:00 +0100

Après avoir parlé de facebook en décembre dernier, Envoyé Spécial s'attaque cette fois-ci au géant du microblogging, j'ai nommé Twitter.

Le reportage

J'avais encore le souvenir du reportage cliché qu'avait fait les journalistes d'envoyé spécial sur Facebook.
J'avais donc une certaine appréhension sur celui de Twitter.
Je dois avouer que j'ai été agréablement surpris par ces journalistes qui ont montré les fonctionnalités de base de Twitter.

Première partie

Seconde partie

Troisième partie

Pendant le reportage

L'avantage de twitter étant l'échange d'information instantanée, il y avait des hashtags permettant de converser sur le reportage en cours notamment #revotwitter et #envoyespecial

Le management de son identité numérique

Nicolas — Thu, 04 Mar 2010 09:00:00 +0100

Pour continuer ma série de billets sur l'identité numérique, je vous propose aujourd'hui un billet sur le management de son identité numérique avec un slideshare de Benoit Vinceneux (www.benoitvinceneux.com)

Ce slideshare est clair et résume en 19 diapos ce qu'est l'identité numérique en apportant des bases de management de celle-ci.
Je pense que beaucoup de personnes devraient s'en inspirer.

Il ne faut pas oublier que certains outils sont très pratiques pour voir les informations disponibles sur une personnes.
Je pense notamment à 123 people et vous invite à lire mon précédent post à ce sujet : Identité numérique et 123 people.

Identité numérique et 123people

Nicolas — Mon, 22 Feb 2010 12:51:00 +0100

Je suis tombé vendredi dernier via un tweet de @monsieurdream sur un article nommé Pourquoi 123people est un non-service (qui pue) où l'auteur fait une critique un outil de recherche de personnes gratuit nommé 123people.
Je tenais à m'exprimer au sujet de cet article mais surtout à propos de la protection de votre identité numérique.

De quoi parle cet article?

Cet article, très agréable à lire expose un coup de gueule de l'auteur sur le service 123people.

Il explique plusieurs choses :

Ce service est "hors la loi" car il collecte des informations personnelles et les diffusent.
Ce site comporte énormément de publicité donc les dirigeants "s'engraisse" avec VOS données personnelles.
Il n'est pas le seul à haïr ce service puisque beaucoup de personnes créent et/ou rejoignent des groupes facebook tels que "pétition contre le site 123people".

J'ai réagit à son article via les commentaires en expliquant que nous étions tous responsable de nos données sur la toile et qu'il fallait arrêter de se croire dans le monde de Dora (ou Oui-Oui).

Réponse de l'intéressé : J'aime bien Dora et la polimique (référence à une faute faite dans mon commentaire alors que son article n'est pas digne du petit robert!).

Pour répondre aux 3 grandes idées relevées dans cet article

Ce service est "hors la loi" car il collecte des informations personnelles et les diffuse :

Pour info, ce service ne collecte pas d'informations personnelles puisqu'il affiche des informations en temps réelles.

Ce site comporte énormément de publicité donc les dirigeants "s'engraisse" avecVOS données personnelles:

C'est leur droit.

Il n'est pas le seul à haïr ce service puisque beaucoup de personnes créent et/ou rejoignent des groupes facebook tels que "pétition contre le site 123people" :

Je pense que les personnes créant ce type de groupes sont des personnes qui ont une méconnaissance totale ou partielle du monde de l'Internet ou encore qui veulent faire du Buzz.

L'identité numérique et 123 people

Je vais vous donner ma vision concernant l'identité numérique en général et 123 people.

Pour ceux qui l'ignorent encore, l'identité numérique comprends les données que vous pouvez trouver sur vous à partir d'un moteur de recherche généralement.
Ces informations sont collectées sur plusieurs types de sites :

Les sites d'actualités,
Les sites vitrines,
Les blogs,
Les réseaux (sociaux ou thématiques),
D'autres sources peu utilisées.

L'avantage de 123people est que l'on peut retrouver toutes ces informations concernant une personne.

Ce que beaucoup de personnes reprochent à ce service est que l'on trouve justement, toutes les données référencées.

Si vous faites partie de ces personnes, je vous invite à rentrer votre nom et prénom sur google.

Un conseil

J'ai donc un petit conseil pour vous : Si vous détestez 123people, commencer déjà par faire attention à ce que vous publiez sur Internet.
L'autre jour, j'ai entendu une conversation entre deux ~~Kévina~~ adolescente dans le métro.
Elles parlaient de Facebook et d'Internet en général. L'une d'entre elle, 16 ans à peine, a dit :"Ouai, mais Facebook, c'est pas comme Internet!!!".
Ce qui veux dire que pour cette adolescente, les informations qu'elles publient sur ~~le monde de Oui-Oui~~ Facebook ne peuvent pas être référencées dans les moteurs de recherche.

En conclusion

123people est un outil très puissant et très utiles pour rechercher des informations sur des personnes.

Si une personne a un problème avec ce service parce qu'il a indexé ses informations personnelles , je l'invite à regarder en amont et de supprimer les informations qu'elle a rentrée sur les sites indéxés.
Cela lui permettra dans un premier temps de faire le tri sur ses profils et dans un second temps de voir que 123people ne stocke pas d'informations.

Les raccourcis clavier Photoshop

Nicolas — Tue, 16 Feb 2010 13:36:00 +0100

Tous les utilisateurs de Photoshop qui utilise les raccourcis clavier se sont déjà retrouvés confronté au problème de mémorisation de ceux-ci. Et bien je vous apporte la solution vous qui galérez à trouver la gomme alors qu'il suffit de faire SHIFT+E

Un fichier jpeg pour vous simplifier la vie

J'ai trouvé sur Jpeg sur smashingmagazine dans un article nommé "Photoshop Keyboard Shortcuts Cheat Sheet (PDF)".

Intégrer un bouton de partage Twitter grâce à TweetMeme

Nicolas — Tue, 09 Feb 2010 17:06:00 +0100

Vous avez déjà vu ce type de petits boutons vous facilitant le partage de vos contenus sur des blogs ou autres sites d'actualités intitulés généralement "Partager cet article" ou encore "Tweet this".
Ces liens d'échanges de contenus sont devenus depuis quelques temps indispensable pour étendre son réseau de lecteurs.
Je vais donc vous proposer un moyen très simple d'intégrer ce type de liens à partir d'un service connu de tous tweet addict, TweetMeme.

Si vous utilisez Wordpress

Et pour une fois, je dois l'avouer, vous avez de la chance. Suivez ce lien et vous trouverez un plugin correspondant.

Pour les autres...

Je dois vous avouer que vous allez devoir mettre un peu les mains dans le code pour pouvoir intégrer ce bouton.

L' avantage, c'est que vous allez pouvoir intégrer celui-ci où vous voulez.
Que ce soit en haut de l'article, vers les commentaires, c'est vous qui voyez...
Les seules opérations que vous avez à faire, c'est copier et coller ce code.

Le code simple pour un bouton générique

Pour avoir un bouton qui ressemble à ça :

Copier et coller ce bouton où vous voulez dans votre code :

<script type="text/javascript" 
src="http://tweetmeme.com/i/scripts/button.js">
</script>

Les options à votre portée

Un bouton plus petit

Vous rêvez d'un bouton plus petit, plus discret de ce type?

alors copier/coller avec ce code :

<script type="text/javascript">
tweetmeme_style = 'compact';
</script>
<script type="text/javascript" 
src="http://tweetmeme.com/i/scripts/button.js">
</script>

Vous voyez qu'un nouvel élément de script s'est inséré.
C'est à partir de celui-ci que vous allez pouvoir personnaliser votre bouton.

Avec votre nom d'utilisateur twitter

La personnalisation du nom d'utilisateur twitter peux vous être utile pour suivre les retweet que vous avez eu sur un article.

TweetMeme est le nom d'utilisateur par défaut. Mais rien ne vous empêche de le changer.

<script type="text/javascript">
tweetmeme_source = 'nico_agt';
</script>
<script type="text/javascript"
src="http://tweetmeme.com/i/scripts/button.js">
</script>

Avec un service de réécriture d'url personnalisé

Certains aiment bit.ly, d'autre digg.com alors réjouissez vous, tout le monde pourra paramétrer son service de réécriture d'url favori à condition qu'il soit dans cette liste :

<script type="text/javascript">
tweetmeme_service = 'bit.ly';
</script>
<script type="text/javascript" 
src="http://tweetmeme.com/i/scripts/button.js">
</script>

En combinant les options

On peut aussi combiner les options.
Par exemple avoir un petit bouton avec son nom d'utilisateur et un service de réécriture d'url personnalisé.

<script type="text/javascript">
tweetmeme_service = 'bit.ly';
tweetmeme_source = 'nico_agt';
tweetmeme_style = 'compact';
</script>
<script type="text/javascript" 
src="http://tweetmeme.com/i/scripts/button.js">
</script>

Modifier le titre

Par défaut, tweetmeme prends le titre de l'article et le titre du blog.
Je trouve cette solution intéressante mais si toutefois vous voulez changer ce paramètre, il vous suffit d'insérer entre les balises <head> </head> cette information et de changer la valeur du content :

<meta name="tweetmeme-title" content="Le blog de Nicolas Aguenot" />

Voilà c'est terminé. Il ne vous reste plus qu'à admirer le résultat et laisser vos lecteurs partager votre contenu.

Quelques petits changements !!!

Nicolas — Fri, 05 Feb 2010 13:58:00 +0100

Je suis comme tout le monde, je me lasse de certaines choses.

Et comme je me lasse assez facilement du graphisme de mon blog, j'aime modifié légèrement le template.

Vous avez donc compris qu'il y a quelques nouveaux petits changements.

Avez vous trouvé de quoi je parle ?

Enfin, d'içi quelques jours, je vais revoir certains éléments pour que ce blog soit un peu plus accueillant mais surtout qu'il vous donne envi de revenir le voir.
Des suggestions ?

Nico

Les médias sociaux en chiffres !!!

Nicolas — Thu, 04 Feb 2010 13:53:00 +0100

Aujourd'hui, la majeure partie des personnes étant sur Internet quotidiennement possède un ou plusieurs comptes lié aux médias sociaux.

Facebook, Twitter, YouTube, Dailymotion, Second Life et j'en passe sont autant d'outils liés à ces médias sociaux qui font notre quotidien et qui sont devenus des banalités de navigations.

Mais savez-vous combien êtes vous à utiliser ces services ?

Un slideshare pour résumé ceci

Je suis tombé sur ce slideshare réalisé par Jean Marie LOUCHE (@jmlouche), CEO de la société Odomia.

Je vous laisse le découvrir :

Des projets pleins la tête...

Nicolas — Mon, 01 Feb 2010 12:35:00 +0100

Cela fait près de deux semaines que je n'ai pas écrit de billet et je m'en excuse.
En effet, j'essaye de faire vivre au maximum ce blog mais il y a des périodes où je n'ai pas le temps d'écrire.
Je voulais juste vous informer que tout va bien et que ce blog n'est pas mort.

Pourquoi ce titre ?

Et bien tout simplement parce que c'est vrai.

Je suis en ce moment en pleine découverte d'outils et de produits de développement web et donc je passe une grande partie de mon temps libre à tester ces produits.

Le problème dans l'histoire c'est que plus je teste ces outils et plus je me décide de faire du développement d'extensions ou d'applications en général.

Deux choses m'intéressent d'ailleurs de plus en plus, c'est le développement RichMédia et le développement pour Mobile.

Donc si vous avez de la doc ou des sites à me recommander, je suis preneur.

Enfin, un GROS événement qui me tient vraiment à coeur m'occupe une partie de mes week end (ceux qui me connaissent personnellement comprendront de quoi je parle).

J'aimerais vous faire partager un article qui m'a bien fait rire avec un titre accrocheur : "Comment parler au développeur" découvert grâce à un de mes collègues (@analyse_web).

Le lien : www.capitaine-commerce.com

Nico

[FACEBOOK] On m'a dit...

Nicolas — Thu, 21 Jan 2010 13:32:00 +0100

Vous avez certainement déjà vu ce type de groupe sur votre News feed Facebook.
Quoi de plus agréable de se connecter du monde "social" de Facebook et de tomber sur un grand nombre de personnes s'étant inscrite à des groupes dont le nom commence par : "On m'a dit....".
Donc aujourd'hui, j'ai décidé de me pencher sur ce phénomène.

Pour éviter de faire un long discours, j'ai décidé de diviser mon argumentaire en différentes questions :

Qui m'a dit ?

Bien sûr c'est la première question qu'on peux poser : Qui m'a dit ?

Réfléchissez une seconde au dialogue que peuvent avoir deux personnes :

"Salut ça va ? "
"oui et toi ? "
"ça va, au fait tu ne sais pas ce qu'on m'a dit ?"
"Non dis moi !"
"Et ben on m'a dit ......"
"Non, tu déconne ? "
"......"

Je vous laisse finir la conversation comme vous le désirez mais avouez que c'est assez spécial. Non ?
En fait pour répondre à cette question "Qui m'a dit ?", on pourrait certainement dire "personne".

Pourquoi je rejoins ce groupe ?

Alors là c'est la grosse question, pourquoi cliquer sur le petit bouton au-dessus du statut nommé "rejoindre ce groupe" ?
En général, les personnes qui rejoignent le groupe sont des amis, des amis, des amis, des amis, .... (liste variable généralement proportionnelle au nombre de membre de ce groupe !) de l'administrateur.

La part de personnes rejoignant volontairement un groupe de ce type est vraiment infime (je dirais 5 % tout au plus).

Quel est le but ?

Justement il n'y a pas de but, c'est d'ailleurs pour cela que ces groupes sont dans la catégorie "Just for fun".
Fin de cette partie

A quoi ça sert ?

Alors là est la grande question: A quoi ça sert ? En fait, ça sert dans un premier temps à rejoindre une catégorie de personnes.
Dans un second temps, ça sert à actualiser la timeline de ses contacts et enfin... ça sert à rien puisque les membres se désinscrivent au bout de quelques jours/semaines/mois (rayer la/les mentions inutiles) .

Qui j'invite ?

Référez vous au point numéro deux et je pense que vous avez votre réponse.
J'invite mes amis tout simplement.

Cas concret

Je suis tombé sur ce groupe : "on m'a dit impossible de rassembler 150 000 bourguignons on leur montre???" Etant bourguignon, je regarde de quoi il s'agit.
Normal me direz vous !
Maintenant on va reprendre la conversation des deux personnes de tout à l'heure en intégrant les variables de ce groupe :

"Salut ça va ? "
"oui et toi ? "
"ça va, au fait tu ne sais pas ce qu'on m'a dit ?"
"Non dis moi !"
"Et ben on m'a dit qu'il était impossible de rassembler 150 000 bourguignons."
"Non, tu déconnes ? "
"Si si, je te jure. On leur montre???"

Avouez que c'est assez décalé.
Mais une question me traverse l'esprit : On le montre à qui ? Si quelqu'un a une réponse, je suis preneur.

Le côté paradoxal de la chose

Pourquoi je parle de côté paradoxal ?
Parce que ce matin je suis tombé sur un groupe portant le nom suivant : "On m'a dit impossible de réunir ... MAIS TA GUEULE !"
Mais en créant ce groupe, l'administrateur n'a-t-il pas fait la même chose que ce qu'il critique ?

Source image : 7sur7.be

Les bureaux de ... Google

Nicolas — Fri, 15 Jan 2010 13:18:00 +0100

Aujourd'hui, je vous présente les bureaux du plus gros moteur de recherche mondial.
Qui ne connait pas son existence aujourd"hui ?
Même les personnes n'ayant aucun lien avec Internet ont déjà entendu parlé de lui.
Je pense que vous l'avez tous reconnu, je parle bien évidemment de Google.

Les bureaux de google

Il est assez difficile de faire un tour d'horizon des bureaux de google sans présenter plusieurs lieux. C'est pour cela que je vous emmene dans 3 endroits aujourd'hui. Aux Etats-Unis, en Suède et en Suisse.
Tout le monde connait google pour sa culture d'entreprise. Une partie des ces photos montre de quel culture je parle pour ceux qu'ils l'ignorent .

Les sources de ces images

Pour trouver ces images, j'ai fais comme tout le monde, un petit coups de google et voici mes sources:

Les bureaux de ... Facebook

Nicolas — Sat, 09 Jan 2010 14:04:00 +0100

Pour continuer la série "Les bureaux de ...", je vous présente aujourd'hui le géant des réseaux sociaux.
Celui où près de 400 millions de personnes sont connectés dans le monde, où 15 millions de statuts sont actualisés chaque jours et plus de 850 millions de photos uploadées par mois.
Je pense que vous avez tous compris que je voulais parlé du géant Facebook.

Les bureaux de Facebook

Aujourd'hui, je vous propose de voyager en californie dans la ville de Palo Alto pour être plus précis. Là où se trouve le siège social du leader des réseaux sociaux : Facebook.

Les sources de ces images

Pour trouver ces images, j'ai fais comme tout le monde, un petit coups de google et voici mes sources:

Les bureaux de ... Twitter

Nicolas — Fri, 08 Jan 2010 13:16:00 +0100

Voici une série de billet qui me trottait dans la tête depuis un moment.
En effet, je me suis posé la question suivante il y a quelques temps :
"Bon nico, tu utilise quotidiennement des outils sur ce monde merveilleux qu'est le web. Mais sais-tu où ses outils se créent et se gèrent ? ".
De là m'est venu l'idée de cette rubrique.

Moi, je commence par Twitter !

Pourquoi commencer par Twitter ?
Parce que cet outil de microblogging est celui qui a enregistrer la plus forte croissance au cours de l'année 2009, qu'il ont eu des nouveaux bureaux et que c'est l'outil que j'utilise le plus en ce moment (@nico_agt). Voilà les raisons de ce choix !

Les bureaux de Twitter

Je vous invite donc à un voyage direction San Francisco pour découvrir ces nouveaux bureaux.

Les sources de ces images

Pour trouver ces images, j'ai fais comme tout le monde, un petit coups de google et voici mes sources:

Top 5 des billets les plus lus en 2009

Nicolas — Thu, 31 Dec 2009 13:05:00 +0100

En ce tout dernier jour de 2009, je tenais à me mettre devant mon pc et vous écrire un petit billet sur ... vos billets préférés en 2009.
Je sais que ce n'est pas une nouveauté mais j'aime vous faire part de ce type d'informations.

J'ai fais un petit classement des billets qui ont été le plus lu.
En général, les visiteurs viennent de google donc ce sont souvent les billets qui ont un bon référencement :

En cinquième position : D'où vient le logo google chrome ?

Ce billet a été écrit un matin en 10 minutes après avoir vu une image montrant de quoi venait le logo google chrome.
J'ai trouvé l'idée sympa et je me suis lancé.

Voir le billet "D'où vient le logo google chrome"

En quatrième position : Comment définir un port folio parfait ?

L'idée de ce billet m'est venu après la lecture dans un magazine d'un entretien avec un professionnel du web et parce que je venais d'être embauché dans la boite où je me trouve actuellement.
Le titre étant assez clair, je pense que vous n'aurez pas de difficultés à savoir de quoi parce ce billet.

Voir le billet "comment définir un port folio parfait"

En troisième position : Des ensembles de polices cohérents pour le web

Dans mon métier, nous utilisons régulièrement des feuilles de style appelé familièrement des CSS.
N'ayant pas une grande mémoire des lettres, je cherchais régulièrement sur la toile les ensembles de polices utilisées pour des polices standards.
Mes recherches étant vaines, je me suis donc décider à écrire un billet pour éviter que mes confrères développeurs trouvent l'information facilement.

Voir le billet "Des ensembles de polices cohérents pour le web"

En seconde position : Bien débuter avec Facebook !

Je dois avouer que ce billet a été fait pour réaliser un test de référencement.
Le référencement pour les personnes qui l'ignore permet de placer des mots clés, des liens, des titres pertinents afin que lorsque vous recherchez une expression sur google par exemple, vous trouviez ce que vous voulez. Pour ce billet, je ciblais les personnes qui venaient de créer un compte sur le célèbre réseau social Facebook.
D'où le mot "Débuter" et "Facebook". Je suis assez fier de ce test qui a conforté mon idée de travailler sur les titres de mes billets.

Voir le billet "Bien débuter avec Facebook !"

Sur la plus haute marche du podium : Facebook ou comment se faire des amis inconnus !

Je ne pensais pas que ce billet allait créer autant de trafic puisqu'il résulte d'un "coup de gueule de ma part".
En effet, je me suis rendu compte qu'il y avait beaucoup de personnes qui m'écrivait, me demandait comme ami sur Facebook.
Donc un jour, j'ai écrit ce billet. Après des débuts où l'audience n'était pas au rendez vous, un certains nombre de personnes a lu ce billet.
Quand on analyse quelques mois après son lancement, on peut se rendre compte que le référencement est encore présent sur ce billet : "Facebook", "amis", "inconnus", "comment".
De ce fait, toutes personnes tapant sous google "amis facebook", "comment se faire des amis", "inconnus facebook", "amis que l'on connait pas facebook", "profil facebook amis", .... tombaient sur mon billet.

Voir le billet "Facebook ou comment se faire des amis inconnus !"

J'espère que ce top 5 vous a plu et que je vous retrouverai dès l'année prochaine.

Nico

Un joyeux noël à tous !

Nicolas — Sat, 26 Dec 2009 16:40:00 +0100

Au cours de cette année longue et riche en émotions aussi bien d'un point de vue personnel que professionnel, je n'ai pas réduits le rythme de publication de ce blog.

En effet, je m'étais fixé un minimum de 1 billet par semaine et je peux dire que j'ai réussi mon objectif car j'ai publié pas moins de 60 billets au cours de cette année 2009.

Certains me dirons que c'est peu pour un blog parlant d'Internet et plus généralement des nouvelles technologies mais comme dis le proverbe : " trop d'infos, tue l'infos" alors je préfère publier un peu moins que certains mais faire du contenu que j'espère de qualité.

Au cours de cette année, je vous ai fait partager beaucoup de choses sur ce blog notamment mon point de vue sur certaines tendances avec notamment mon billet sur le lipdub qui a été particulièrement suivi mais aussi des nouveautés google.

Pour finir, je vous remercie d'être toujours plus nombreux à lire ce blog via votre agrégateur ou directement sur ce site.
Je vous remercie aussi de vos critiques (positive pour la plupart) dont vous m'avez fait part par mail, téléphone, commentaire ou directement de vive voix et espère vous retrouver pour cette nouvelle année qui risque d'être riche en surprise.

Vous pouvez toujours me retrouver sur les principaux médias sociaux tels que twitter, facebook ou encore viadeo Nico

Calcule ton potentiel viral ou faut-t-il se faire vacciner contre la grippe A/H1N1?

Nicolas — Fri, 11 Dec 2009 09:30:00 +0100

Voici un site assez surprenant permettant de calculer son potentiel viral et surtout, le potentiel viral si on se fait vacciner.
Alors si vous avez des doutes sur le fait de ce faire vacciner ou pas contre la grippe A, allez faire un petit tour sur ce site.

A vous de juger

Personnellement je suis contre ce vaccin mais vous pouvez apprécier la belle campagne de propagande de la part de nos amis Canadiens...
Vous pouvez trouver ce test sur le site pourquoijedevrais.ca

Les publicités de Google Chrome

Nicolas — Fri, 11 Dec 2009 09:14:00 +0100

Un petit billet rapide pour vous présenter 3 publicités découverte sur le site Digital Inspiration présentant les points forts du navigateur de google.
Ces publicités sont assez originales pour présenter un navigateur.

La rapidité de Google Chrome

Les thèmes Google Chrome

La navigation par onglet Google Chrome

Alors vous en pensez quoi ?

Wasabi : Le nouveau Netvibes !

Nicolas — Tue, 01 Dec 2009 13:27:00 +0100

Le 30 octobre dernier, le célèbre agrégateur de sources et de services Internet Netvibes annonçait sur son blog le Netvibes nouvelle génération portant le nom de Wasabi.
Je me suis donc penché sur ce "nouvel" outil.
Appréciant Netvibes, j'avais assez peur du résultat.
Je vais donc vous détailler en quelques points ce qui m'a marqué dans ce nouvel outil.

Premier coup d'oeil

A la première visite sur ma nouvelle page privée, j'ai remarqué un petit bouton permettant de passer du mode widget au mode smart reader.

On peut aussi remarquer l'ambiance générale qui a changé. En effet, on est passé d'un menu haut à un menu sur le coté.

Le mode smart reader, c'est quoi ?

Il permet de lire des parties de flux. Soit le titre, soit une courte description ou encore de visionner ses flux en fonction des images.

Le choix de mode de lecture

Vous pouvez donc choisir le mode de lecture.
Non pas comme sur la version de Netvibes où le mode de lecture se faisait par widget mais par ambiance générale.
C'est-à-dire que vous pouvez choisir l'affichage par dossier et sous dossier grâce aux trois vues proposées : liste, étendu ou mosaïque.

Cette dernière vous permet d'avoir une vue par image de vos flux.
Est-ce que les blogueurs et les sites dont vous vous tenez informés à l'aide de Wasabi vont s'efforcer à mettre des images dans leurs billets ?
A mon sens, je pense que cette pratique pourrait se démocratiser car nous sommes plus attirés par les images que par le texte.

Le type de lecture

Le GROS plus de Wasabi est que vous n'avez plus besoin de lire vos flux par widget.
En effet, vous avez une vue globale de ceux-ci lorsque que vous cliquez sur un dossier.

Je veux lire plus tard!

Enfin, vous avez la possibilité de lire vos flux plus tard et de les classer dans un dossier particulier.

Mon point de vue

Ce nouveau Netvibes est, à mon sens très réussi même si le temps d'adaptation à ce type de lecture est plus ou moins long.
Il est aussi beaucoup plus rapide dans la diffusion de l'information pour une lecture quasi instantanée de vos nouvelles.
Ce billet n'est qu'une courte description des fonctionnalités de Wasabi mais j'estime que c'est les plus importantes !
Et vous que pensez vous de ce nouvel outil ?

Un nouvel outil promotionnel pour les entreprises : C'est quoi un lipdub ?

Nicolas — Tue, 24 Nov 2009 12:51:00 +0100

Voici une expression à la mode en ce moment sur le web.
On voit du lipdub par içi, du lipdub par là. Le lipdub d'une fac, celui d'une société.
Mais une question est pourtant à poser : C'est quoi un lipdub ?

C'est quoi un lipdub ?

Je me suis posé cette question il y a maintenant quelques semaines, au tout début de ce phénomène de mode.
Après quelques recherches rapide sur l'outil que je considère comme un ami tellement je passe du temps avec lui, à savoir google, je suis arrivé à définir le lipdub comme ceci :

C'est un clip de promotion tourné par les salariés d'une entreprise ou par des étudiants visant à faire la promotion de leurs savoirs faire.
Ce clip est tourné en plan séquence ce qui veux dire qu'il est tourné en une seule fois, sans coupure.
Un peu comme le film d'Alfred Hitchcock "la corde".
Ce clip est aussi accompagné d'une bande son chantée en playback par les acteurs de ce plan séquence.

Je pense que j'ai été assez clair dans cette définition. Je vous laisse donc voir quelques exemples de lipdub d'entreprises et d'école.

W9 - Le plus médiatique

L'université de Montréal - Communication - Le plus surprenant

Le méchant lipdub - L'évenementiel

AOL - Le précurseur

Enfin

Bertrand m'a fait découvrir le blog de lipdub.eu, je vous laisse le visiter : lipdub.eu/fr/blog

Vous pouvez vous aussi faire votre lipdub.
Tout ce qu'il faut, c'est une caméra, quelques notions de montages vidéo et surtout de l'imagination et du temps.

Trivial poursuit Experiment: La guerre des sexes aura-t-elle lieu ?

Nicolas — Tue, 17 Nov 2009 13:16:00 +0100

Je suis tombé ce matin ce petit jeu visant à faire la promotion du prochain jeu de Trivial Poursuit.

On parle souvent de guerre des sexes. C'est exactement de cela qui est question dans ce jeu en ligne où les hommes et les femmes combattent à coups de questions pour faire montrer le nombre de bonnes réponses et enfin gagner le droit d'être (re)connu .

Une vidéo de présentation

Enfin le lien du jeu

Petite précision de dernière minute, vous pouvez aussi participer au "prix du camembert" et avoir votre vidéo dans ce jeu.
Pas mal n'est ce pas ?
Je vous laisse donc découvrir ce petit jeu qui, je pense, vous plaira beaucoup.
C'est sur trivialpursuitexperiment.com que ca se passe

Nico n'Co souffle sa première bougie!

Nicolas — Thu, 12 Nov 2009 12:56:00 +0100

Aujourd'hui est un grand jour pour ce blog.
En effet, il souffle sa première bougie aujourd'hui.
Vous me direz que c'est commun, que tous les blogs fêtent leur premier anniversaire.
Et bien détrompez vous.
La majorité des blogs ont une existence courte voire très courte ne dépassant pas les 6 premiers mois.

1 an de tout et de rien

En effet, j'ai passé la première année à écrire des contenus variés me laissant aller à mes intuitions et aux nouveautés du web en général.
Pour éviter de faire de ce blog un blog poubelle, j'ai voulu privilégier des actus qui étaient pertinentes à mon goût.

Je te vois toi et je sais ce que tu regarde !

Cette première année m'a permis aussi de soulever des tendances de fréquentations sur certains sujets.
De ce fait, j'ai pu cibler mes lecteurs et écrire petit à petit en fonction de ce qu'ils voulaient.
Ai-je réussi ? Je ne sais pas mais mon taux de fréquentation de personnes ayant déjà visiter mon blog auparavant a considérablement augmenté.

S'adapter pour mieux avancer

Grâce aux statistiques de ce blog, j'ai pu revoir certaines envies et me remettre en question en ce qui concerne l'écriture et le choix des sujets. De ce fait, j'ai créé de nouvelles rubriques, enlevé celles qui étaient les moins lues et travaillé mes contenus afin qu'ils soient mieux référencés.

Au final

Ce blog a changé il y a quelques semaines de style graphique (c.f. : Je prends, je change, j'enlève , j'actualise, je met à jour!).
Les rubriques ont changées et je prends toujours du plaisir à écrire pour ce blog.
Depuis peu, je me suis lancé dans une nouvelle rubrique nommée "blog'Osphère" où je décris certaines de mes lectures quotidiennes.

Enfin, je tenais à vous remercier de lire ce blog et vous invite à réagir via les commentaires.

Nico

BlogOsphère #3 Miximum.fr

Nicolas — Thu, 05 Nov 2009 13:48:00 +0100

Voici donc le 3ème billet de cette rubrique consacrée cette fois-ci au blog d'un développeur.
En effet, l'une des choses les plus importantes pour un développeur est d'avoir des actualités sur de nouveaux outils qui nous auraient échappé sur le web.

Episode 3 : miximum.fr

Pour commencer et comme à mon habitude, je tiens à remercier l'auteur de ce blog pour m'autoriser à poster un billet parlant de celui-ci.

Donc comme je vous le disais, ce blog est celui d'un développeur.
On retrouve donc des informations pour .... Développeur... mais pas que. C'est le gros plus de blogs de ce type à savoir la richesse et la diversité de contenu.

La baseline

Ce blog à une particularité : Il a une baseline qui répond clairement à une question que l'on peut se poser lorsqu'on arrive sur ce blog à savoir :

''"Ce blog est tenu par un développeur web.
Par conséquent, on y trouve des trucs de développeurs web. Pigé ? "''

C'est clair, c'est net et répond à une question simple : Qui tiens ce blog ?

Le ton du blog

Ce qui me plait dans ces billets est le ton que prends l'auteur.

Un développeur est, généralement, plus scientifique que littéraire et donc les phrases que nous faisons sont à la fois courte et claire.

Le nom des rubriques

Ce qui est aussi très intéressant est le nom des rubriques utilisées.
En effet, outre les rubriques que l'on retrouve sur différents sites, on peut voir des nom de rubriques inédites telles que :

Le musée des horreurs
Inclassable
Mais aussi une très bonne rubrique nommée " Méthodes et outils" qui, pour tous développeurs, apporte de nombreuses informations.

En conclusion

Ce blog est riche en contenu et très agréable à lire.
Je vous invite à le visiter : miximum.fr

Les outils google qui font l'actu !

Nicolas — Thu, 29 Oct 2009 13:44:00 +0100

Je suis vraiment passionné par les outils que google met à la disposition des utilisateurs. Cela fait maintenant 2 jours que je reçois très fréquemment des news, des tweets ou encore des flux parlant des nouveaux outils de Google.
Ceci explique le présent billet où je vais vous présenter 3 nouveaux outils sortis, tenez vous bien, en deux jours.

Premier Outil : Google Music search

Cet outil va permettre à un utilisateur de pouvoir rechercher vos artistes favoris et les écouter sur les différents sites partenaires. Seul bémol, ce service n'est utilisable qu'aux Etats-Unis pour l'instant.

Le lien vers google Music Search

Second outil : Google Social Search

Dans le même principe que Google Music Search, cet outil va permettre à un utilisateur de rechercher des profils, des relations sur les différents réseaux sociaux ou sur des blogs.

Le lien vers l'annonce de Google Social Search

Troisième outil : Google maps navigation

Et là je dois dire que Google prends une longueur d'avance (si vous suivez mes tweets, vous pouvez comprendre).
En effet, avec ce service, google permet d'utiliser gratuitement un gps.
Le gros plus de ce produit est qu'il intègre Street view et Maps dans son gps. Je pense que TomTom, NavMan ou encore Garmin ont du souci à se faire.

Lien vers Google Maps Navigation

Pour finir

Comme à son habitude, Google présente des services, des outils, des applications qui nous surprennent.
Cette entreprise pourrait dans quelques années avoir le monopole sur beaucoup de technologies.

Affaire à suivre !

Lien vers le blog de google : googleblog.blogspot.com

La google success story !

Nicolas — Tue, 27 Oct 2009 13:52:00 +0100

Aujourd'hui, je vous présente une vidéo de quelques minutes expliquant comment google est devenu un moteur de recherche à part.
Je vous laisse (re)découvrir cette vidéo !

La vidéo

Pas mal n'est ce pas ?

BlogOsphère #2 monproprepatron.fr

Nicolas — Thu, 22 Oct 2009 12:27:00 +0200

Ca y est, j'en suis à mon second billet dans cette nouvelle rubrique blogOsphère où je vous fais part de mes lectures quotidiennes et je suis heureux de vous présenter le blog d'une personne que je suis depuis quelques temps sur twitter et Facebook.
Comme tout le monde, j'ai des projets professionnels.
Cette personne que je nommerai monsieur X pour préserver son identité à un projet ambitieux qu'il va étaler sur plusieurs semaines voire plusieurs mois.
Celui de se mettre à son compte et donc de devenir son "propre patron"

Episode 2 : monproprepatron.fr

Tout d'abord, je remercie monsieur X de m'avoir autorisé à publier un billet parlant de son blog.

Ce blog m'a marqué par sa richesse de contenu.
En effet, avec ce nom de domaine, on pourrait s'imaginer un blog bateau parlant de termes juridiques et de démarches administratives.
Mais en fait, c'est un blog riche en contenu parlant des démarches de monsieur X concernant sa création d'entreprise, mais aussi de nouveautés, d'actualités liées au web.
De ce fait, on peut retrouver des billets liés au développement web, aux nouveautés, des conseils techniques ce qui fait de ce blogmulti-sujet une réelle source d'informations pour les personnes voulant se lancer dans la grande aventure de la création d'entreprise dans le domaine du multimédia et de la communication.
J'ai eu l'occasion et l'honneur de pouvoir échanger avec monsieur X. Cette personne, fortement sympathique, m'a même expliqué certains points sur son blog.

L'interview

Qu'est ce qui t'a poussé à faire un blog sur ce sujet ?

Je n'étais pas spécialement emballé par les blogs avant.
Le "phénomène blog" avait tendance à m'agacer, car je n'y voyais rien de révolutionnaire.
Mais finalement plusieurs raisons ont fini par me pousser :

Ce que je trouve "révolutionnaire", c'est l'association flux RSS et agrégateur (j'utilise Google Reader), et c'est ça qui m'a amené àm'intéresser aux blogs. Je me suis mis à en suivre de plus en plus et ce mode de lecture, sans avoir à aller chercher l'information, est vraiment très utile.
Avec un outil comme Wordpress, le référencement du blog est très bien géré et je me suis dis qu'un blog pourrait me permettre de faire de la visibilité : pour moi et pour mes projets.
Cette visibilité peut me permettre de créer un réseau de contacts et d'échanger avec des personnes dans la même situation.
Enfin, d'un point de vue technique, je n'avais jamais utilisé de plate-forme de blog, ni même de CMS. C'était l'occasion. Ca me permet aussi de jouer/découvrir Google analytics, adsense, ... Ce qui me servira plus tard.

Comment t'es venu l'idée de ce blog?

Pour les raisons ci-dessus, et en lisant les autres dont www.stephguerin.com qui blogue autour de son activité d'entrepreneur. Il m'a aussi motivé à me lancer.

Où en est tu dans tes démarches ?

Résumé : "Je travaille de soir et le week end. J'aimerai lancé le site fin novembre dans une version alpha. J'attends que mon licenciement soit effectif pour déclarer ma création d'entreprise".

Mon propre patron est où ?

Sur facebook : facebook.com/pages/Mon-Propre-Patron

Sur twitter : twitter.com/monproprepatron

Vous pouvez suivre ses flux : feedburner.com/monproprepatron

Pour conclure

Encore une fois, je remercie Monsieur X pour ses réponses et espère ce que second épisode de la série BlogOsphère vous a plu.

Je prends, je change, j'enlève , j'actualise, je met à jour!

Nicolas — Fri, 16 Oct 2009 17:27:00 +0200

Depuis quelques temps, je me tâtonnais à modifier des éléments sur ce blog.
Dans un premier temps, je voulais passer sous un autre gestionnaire de blog mais, quand on est habitué à travailler avec un gestionnaire, il vaut mieux rester avec celui-ci.
Donc, je me suis dis pourquoi ne pas modifier certains éléments graphiques ?
Et voici donc la V2 de ce blog.

Quelques modifs

Pour commencer, j'ai changer le nom du blog. Je l'ai passé de "nico and co" à "Nico n'Co".

Ensuite, j'ai rajouter une baseline. Et là, gros dilemne sur le contenu. J'ai donc choisi de mettre ce que je suis :"Le blog de Nicolas AGUENOT, Développeur web à Lyon".

Mon thème précédent avait près de 2 ans. Je l'utilisais depuis presque 1 an et je le trouvais quelque peu dépassé et notamment sur la largeur des éléments.
Nos écrans ont une résolution beaucoup plus importante qu'auparavant donc j'ai agrandi la colonne de contenu et la sidebar. Concernant les autres modifs, ce sont surtout quelques détails:

La date a changé de format
Le titre est en uppercase
Les images sont entourés lorsqu'on est dans 1 un billet,
Les couleurs et les éléments de la sidebar ont changés ainsi que les icônes.

Pour le reste, je vous laisse découvrir et je suis bien sûr à l'affût de toutes vos remarques concernant le graphisme ou le contenu de ce blog.

Nico

BlogOsphère #1 Autourduweb.fr

Nicolas — Wed, 14 Oct 2009 13:33:00 +0200

Voilà quelques semaines que je me penche sur l'idée de faire une série de billets en rapport avec mes lectures quotidienne du web.
Un peu pour vous les faire découvrir mais aussi pour faire une promotion de ces blogs.

Premier épisode : autourduweb.fr

J'ai choisi ce blog car il est celui qui m'a le plus marqué ces derniers jours.

Pour commencer par son design, sobre qui donne envie de lire ses billets mais aussi et surtout par sa baseline que je m'empresse de vous citer :

Le Web, c'est comme une boîte de chocolats…
On sait jamais sur quoi on va tomber !.

A la première lecture, cette baseline m'a fait beaucoup rire car elle me rappelle le film "le huitième jour".

Au niveau du contenu, Cédric (l'auteur de ce blog) parle de sujets variés autour du web :

Les actus du web
Le design
Des tutoriels
Le web 2 (normal, c'est un blog sur le web)
Mais aussi cette rubrique que Cédric à lancé au début du mois d'octobre se nommant "tweets insolites". J'ai trouvé cette idée très bonne et félicite donc Cédric pour ces fameux tweets insolites.

Où puis-je voir ce blog ?

Pour voir ce blog, il suffit d'aller sur autourduweb.fr ou de suivre ce lien.

Les statistiques de Facebook en temps réel !

Nicolas — Wed, 14 Oct 2009 13:11:00 +0200

Je suis tombé sur un site qui risque d'intéresser certaines personnes.
En effet, ce site vous informe sur les tendances de Facebook via des statistiques.

Ce site, nommé CheckFacebook, vous apporte des statistiques sur :

Le rapport homme femme,
L'age des utilisateurs
Le nombre de d'utilisateur par pays
Le nombre d'inscrit par semaine

A quoi ça ressemble?

Le lien

Vous allez pouvoir découvrir les statistiques Facebook ici : checkfacebook.com

Merci pour tes informations contextuelles #Twitter

Nicolas — Mon, 05 Oct 2009 13:59:00 +0200

Oula,c 'est quoi ce titre et ça veut dire quoi au juste ?
En fait c'est simple, je me suis aperçu depuis quelques jours que lorsque je tweet, je reçois presque à chaque fois des tweets m'étant destiné (oui, il y a la mention @nico_agt) et me proposant un service ou un produit en rapport avec mon tweet.

Mais alors, c'est du spam !!!!

Et non ce n'est pas du spam.
C'est seulement de la publicité contextuelle que l'on peut recevoir à partir de mots clés précis.
J'en suis donc venu à la conclusion que nous aurons bientôt des aides directes à partir de nos tweets.

Un exemple concret

Prenons un exemple très simple :
Nous sommes samedi soir, vous êtes seul dans votre appartement et voulez commander un plat chinois pour manger en regardant les experts miami. Votre tweet pourrait ressembler à ca :

Samedi soir, rien à faire sur Lyon, je vais me matter les experts miami en mangeant 1 Chinois

Et là vous allez pouvoir recevoir des infos en rapport avec votre tweet comme par exemple :

Vivez la dernière saison des Experts Miami grâce à TF1 Vision

Samedi soir à Lyon, grande soirée à l'étoile

Rapid'Chinois, Le traiteur chinois le plus rapide de Lyon

Pas mal n'est ce pas ?

Bref, nous n'en sommes pas encore là mais je suis sur que ce type d'infos ne va pas tarder à arriver.

Affaire à suivre

Comment créer son thème personnalisé Twitter

Nicolas — Fri, 25 Sep 2009 14:00:00 +0200

Cela fait maintenant quelques semaines que je suis sur twitter et j'apprécie beaucoup ce nouvel outil.
Ce qui est intéressant c'est que l'on peut trouver beaucoup de choses très interessantes pour notre culture personnelle ou pour notre travail.
Je l'utilise presque exclusivement pour le travail car cet outil me permet d'être informé de nouvelles concernant un outil de gestion de contenu que j'utilise et des nouveautés concernant le développement web ou encore pour certains problème de code que je peux avoir.
Mais mon retour sur Twitter après quelques mois d'utilisation ne serait tardé et je consacrerai 1 billet complet à cet outil.

Pour suivre mes tweets, j'ai installé une extension Firefox nommée TwitterFox.

Cette application, bien qu'utile est très légère en matière de configuration et il m'arrive fréquemment de quitter cette extension pour aller sur une page d'un membre afin de voir ses tweets précédents.

A force de faire cette opération, je me suis rendu compte que près de 80% des mes contacts utilisent des background prédéfinis.

Les background prédéfinis... Késako ?

En fait c'est très simple, twitter met à la disposition des utilisateurs un nombre de background tout fait que l'on peut activer et modifier des couleurs.

Pour pallier à cette universalité des background, je me suis renseigner pour pouvoir avoir un background personnalisé.

Après une recherche rapide sous google, je suis tombé sur beaucoup de site permettant de faire des backgrounds rapidement et personnalisés partant généralement d'un gabarit commun.

Les sites pour du tout fait !

Je vous donne donc plusieurs liens vous permettant de faire vos propres background à partir de solution toute faite :

Cette liste est une ébauche car il y a beaucoup plus simple et beaucoup plus personnalisable que des templates prédéfinis.

Je créé mon template comme un grand

Alors voilà ce que je vous propose :
Faire votre propre thème avec vos petites mains.

Pour cela il vous suffit d'avoir :

Un outil de retouche d'image (photoshop par exemple)
Un peux de contenu,
Quelques images,
Et une grande imagination.

Voici le gabarit des zones non modifiable ou modifiable à partir des settings de votre compte :

Il vous suffit donc de faire un background autour de ces zones (donc en résumé sur la partie bleue).

Afin de vous éviter de longues explications, je vous fourni un fichier psd qui vous permettra de faire votre propre thème twitter:

Template twitter

Et pour me suivre sur twitter : @nico_agt

Comment fonctionne Google street view?

Nicolas — Thu, 10 Sep 2009 09:37:00 +0200

Un billet rapide pour vous présenter une vidéo découverte sur le journal du geek et expliquant comment fonctionne le service de google street view.

Good morning twitter!

Nicolas — Mon, 24 Aug 2009 15:14:00 +0200

Voici une vidéo que j'ai découverte grâce au blog Exotech qui présente une habitude prise par certains membre de twitter.
Cette habitude est simple : Dire bonjour à ces followers en envoyant un petit tweet.
Dans cette vidéo, nous pouvons voir les différents tweets envoyés dans le monde ayant dans ses 140 caractères l'annotation "bonjour" dans n'importe les langues.

Le lien de la vidéo

Cette vidéo étant hébergée sur wimeo et que je bloggue sur dotclear, je ne peux mettre en ligne les vidéos provenant de ce site (merci dotclear!) donc je vous fournis le lien : http://vimeo.com/6239027.

Comment partage-t-on nos contenus ?

Nicolas — Mon, 24 Aug 2009 14:36:00 +0200

Avec les outils nouveaux communautaires, nous partageons beaucoup plus facilement ce que l'on voit ou ce que l'on fait sur Internet.
En effet, de nouvelles tendances se sont développées depuis quelques mois avec notamment les outils de microblogging ou encore les réseaux sociaux.

Les réseaux sociaux ou la facilité de partager le contenu

Depuis quelques mois, je me rends compte que le nombre de liens que je reçois sur ma page d'accueil Facebook ne cèse de s'accroitre.
En effet, ce qui était il y a une année un outil occasionnel permettant de partager un contenu important est devenu une facilité d'échanges de ceux-ci.
Cette facilité à été mis en place notamment par les sharer facebook que l'on peut retrouver sur des sites et permettant de partager le contenu que l'on voit sans recopier l'URL mais tout simplement en cliquant sur un lien.

Le microblogging ou balancer des liens à la volée

Le microblogging avec notamment twitter permet d'échanger une information, un contenu en quelques secondes à des dixaines, des centaines voire des milliers de followers.

Cette opération est facilitée elle aussi grâce à des plugins notamment twitterfox qui permet de twitter directement à partir de son navigateur Firefox.

Les mails

Ce principe a été pendant très longtemps utilisé pour partager des liens, des présentations, des diaporamas.
Cette solution deviens de moins en moins utilisé mais reste quand même le moyen de partage le plus connus de tous et notamment des personnes n'utilisant pas les médias et réseaux sociaux.

Et les autres ?

Les trois points que je vous ai présenté ci dessus sont les outils les plus utilisés pour partager le contenu. J'ai réalisé ce billent à partir de la consultation de plusieurs sites et notamment ce blog.
Il existe beaucoup d'autres moyens de partager son contenu.
Parfois de manière involontaire comme par exemple la diffusion d'une vidéo sur youtube ou dailymotion qui peut être vue sans le savoir par plusieurs milliers de personnes.
Vous avez aussi quelques outils permettant de regrouper les billets de blogs et de les classer par catégorie avec par exemple wikio ou technorati.
Enfin, celui pour moi qui est le meilleur outil de partage de contenu involontaire, les flux RSS.

Portail des métiers du web

Nicolas — Mon, 03 Aug 2009 19:19:00 +0200

A tous ceux qui ne savent pas quel métier faire et qui veulent travailler dans les services multimédia.

A tous ceux qui se demande ce qu'est un développeur web, un web designer ou un graphiste, ....

A tous ceux qui se disent que l'administration Française ne connaît pas les métiers du web

A tous ceux qui sont là par hasard ou qui sont venu de leur plein grès

A vous tous, je vous présente un portail qui recense les métiers de l'Internet : metiers.internet.gouv.fr.

Ce portail est assez clair et complet.
Je vous laisse le découvrir.

Nico

Outlook 2007 et les problèmes d'intégrations des newsletter!

Nicolas — Mon, 03 Aug 2009 13:12:00 +0200

En tant que développeur web, mon travail se base généralement au développement de site web et d'applications que l'on peut retrouver sur un site. Mais mon travail est très varié et je suis amené parfois à intégrer des newsletter. Durant cette semaine, j'ai donc été sollicité pour un problème sur une newsletter qui ne passait pas sous outlook 2007.

Les newsletter et la compatibilité

Pour commencer, je dois vous expliquer qu'une newsletter peut être lu sur différents clients mails (thunderbird ou outlook par exemple) mais aussi sur des webmail tels que hotmail, gmail, yahoo mail, .... et que tous ces outils n'interprêtent pas de la même façon le code HTML reçu.
On peut rajouter à ce problème la "variable" navigateur.
En effet, il peut y avoir une différence suivant le navigateur avec lequel vous ouvrez votre newsletter : Testez par exemple une newsletter basique envoyé sur Hotmail ouverte avec Firefox et Internet Explorer, vous verez que le rendu n'est pas le même.

Outlook 2007

Soucieux de la compatibilité avec le maximum d'outils, nous avons testés notre newsletter sur Outlook 2007 et là, quelle surprise !!!!

Contenu décalé, image mal positionnée, .... Tout ce qu'un développeur n'aime pas!
J'ai fais quelques recherches sous google pour savoir si le problème venait de mon code ou si c'était un problème d'interprétation de Outlook 2007 et là, grosse surprise ! Enormément de résultats sur le problème d'intégration de newsletter.
J'ai donc été soulagé car le problème ne venait pas de mon code mais bien de l'interprétation de celui ci par le nouvel outil de Microsoft.

Mais alors, pourquoi ca bug ?

En fait c'est très simple :

Outlook 2003 utilisait 2 moteurs de rendu:

Un pour la lecture des mails (le moteur de Internet Explorer)
L'autre pour l'écriture (Celui de Word 2003).

Les développeurs de Microsoft se sont donc dis que ce serait bien de faire tout avec un seul moteur de rendu.
Vous me direz, c'est pas idiot, l'outil sera plus léger.
Et effectivement c'est pas idiot mais c'est un vrai casse tête car ces développeurs ont choisi d'utiliser pour la lecture et l'écriture le moteur de rendu de Word 2007.
Ce qui veut dire que l'intégration des newsletter doit se réduire à du langage HTML strict avec très peu voire aucun css à l'intérieur .

Le casse tête quoi !

J'ai cherché pendant longtemps un contenu de qualité pour pouvoir pallier à ce problème et je suis tombé sur un site de Microsoft donnant la liste des balises utilisable sous Outlook 2007.
Plutôt que de faire du duplicate content, je vous donne les liens vers les sites de Microsoft utiles pour le développement d'une newsletter :

Oui mais après ?

Pour la prochaine version de Office 2010, est ce que le moteur de rendu sera le même ?
Il semblerait que Microsoft ait validé ce procédé et va donc continuer à utiliser le moteur de rendu de Word. Je n'ai donc qu'une chose à dire : Bonne chance à nous, développeur !

Du nouveau dans les rubriques

Nicolas — Wed, 22 Jul 2009 13:05:00 +0200

Comme je vous l'avais annoncé dans un billet précédent, voici donc des nouvelles rubriques pour ce blog.

Un constat très simple

Ce blog a été ouvert il y a maintenant 10 mois.
Au départ, je voulais faire partager mes réflexions sur les nouveaux outils présents sur le web mais je me suis rendu compte que j'écrivais mes billets sur des sujets se rapprochant les uns des autres.
J'ai donc décidé de renommer certaines de mes rubriques pour qu'elles soient en rapport avec le contenu qu'il s'y trouvait.

La liste des rubriques

Après une étude des sujets des billets que j'avais déjà publié, je suis arrivé à un choix de 16 rubriques.

Voici cette liste :

WEB 2 et WEB 3

Design / Webdesign

Nouveaux outils

Métiers du numérique

Facebook

Twitter

Google

Statistiques / Référencement

Vidéo

Ezpublish

Créer un breadcrumb sous Ezpublish

Accessibilité

Accessibilité : Enquête sur les lecteurs d'écrans

Hadopi

Question

Divers

Perso

Nicoandco nouveautés

Pour finir

Il est évident que d'autres rubriques vont voir le jours dans les semaines ou les mois à venir. Je vous laisse donc surveiller le menu de droite pour voir tous changements.

Etes-vous accro à Twitter ?

Nicolas — Thu, 09 Jul 2009 14:14:00 +0200

Voici un test découvert sur le site rue89 qui traite d'un sujet simple :
Où en êtes vous avec Twitter ?
En d'autres mots, êtes vous accro à ce service de microblogging.
Ce test, en 46 étapes vous donne votre niveau de dépendance à ce service.

Le test

1. Tu entends parler de « Twitter ». Tu te moques de ce truc
2. Tu entends parler de Twitter à nouveau, en discutant avec une autre personne. Tu te moques à nouveau
3. Tu entends parler de stars qui sont, paraît-il, sur Twitter. Tu te moques, mais tu te promets de vérifier ça
4. Tu te connectes sur Facebook pour te rassurer
5. Tu t'inscris sur Twitter
6. Tu laisses tomber parce que ça a l'air stupide
7. Tu critiques bien fort ceux qui sont sur Twitter
8. Tu commences à suivre @lancearmstrong, @nk_m, @vincentglad, @Rue89, et puis une autre personne que tu connais pour de vrai
9. Tu écris un tweet du genre : « Je suis en train essayer ce truc, là, Twitter »
10. Tu tentes de te plonger un peu plus dans Twitter
11. Tu remarques l'utilisation fréquente de mots comme « tweet », « Twitter », « Twitterverse », « Tweetie », « Tweetdeck » et un truc appellé « RT »
12. Tu te moques encore, cette fois parce que tu n'y comprends rien
13. Tu dis à tes amis : « J'ai essayé ce truc, là, Twitter, mais j'ai pas compris, et de toute façon, c'est stupide »
14. Tu te connectes sur Facebook parce qu'au moins tu y comprends quelque chose
15. Tu lis un article sur Twitter quelque part
16. Tu te connectes une nouvelle fois sur Twitter
17. Tu évites les mots « tweet », « Twitter », « Twitterverse », « Tweetie », « Tweetdeck », et « ReTweet »
18. Tu réponds quelque chose à @nk_m
19. Tu te maudis d'être tombé dans le piège de la com
20. Tu laisses tomber Twitter pendant quatre mois
21. Tu re reconnectes, juste pour voir
22. Tu envoies un texte plutôt marrant
23. Tu vois apparaître des RT
24. Tu découvres que RT, ça veut dire ReTweet
25. Tu te fixes comme but dans la vie d'être retweeté
26. Tu installes une application Twitter sur ton téléphone
27. Tu arrêtes d'avoir honte quand tu dis : « Il faut que je tweete ça »
28. Tu commences à assister à des trucs juste pour pouvoir les tweeter
29. Tu pries pour être retweeté
30. Tu recharges la page. Recharges encore. Encore. Et encore
31. Tu éteins ton ordinateur
32. Tu rallumes ton ordinateur. tu recharges la page. Encore. Et encore
33. Tu penses en 140 caractères
34. Tu vérifies ton téléphone toute la journée, tous les jours
35. Tu tweetes que tu vérifies ton téléphone toute la journée, tous les jours
36. Tu te fâches avec des gens que tu connais pour impressionner des gens que tu ne connais pas
37. Tu perds du poids parce que tu oublies de manger
38. Tu gardes ton téléphone près de ton lit pour pouvoir consulter Twitter au réveil
39. Tu défends à mort Twitter face à ses détracteurs
40. Quant tu t'écoutes, tu réalises que tu es devenu un de ces types que tu détestais
41. Tu commences à te sentir comme un robot. Tu commences à agir comme un robot
42. Tu fais le serment de quitter Twitter pour ne pas devenir complètement fou
43. Tu repenses à ton serment et tu changes d'avis
44. Tu te dis : « Je pourrais tweeter ça »
45. Tu perçois l'ironie de la situation
46. Tu la tweetes

Personnellement j'en suis au jour d'aujourd'hui à l'étape 24. C'est tout de même pas mal.

Ce test ayant été traduit de l'Américain au Français par Yann Guegan, je vous prie de m'excuser par avance si il est identique à un test que vous avez déjà fait sur un autre site et notamment celui présent sur le site rue89 .

Et vous, accro à Twitter ou non ?

Un peu de changement ?

Nicolas — Sat, 04 Jul 2009 15:23:00 +0200

Voici un titre qui veux dire peu et beaucoup de choses à la fois.

Je veux changer, changer certaines choses dans ce blog.

Depuis Novembre 2008, j'ai écrit pas moins de 60 billets sur ce blog.

Mes rubriques

J'ai rangé sur ce blog mes billets en rubriques que j'incrémentais petit à petit.

A ce jour, je pense que mes noms de rubriques ne sont plus appropriés au contenu que j'écris. J'ai donc décidé de changer ces noms.
Si vous avez des suggestions, n'hésitez pas à m'en faire part.

Ceci sera mon premier changement.

Le logiciel d'édition

Ce blog est édité sous Dotclear 2. J'ai choisi celui-ci car il est très simple d'utilisation. Avec le temps, je me rends compte que la communauté n'est pas aussi grande que l'un de ses concurrents, à savoir WordPress.

Le second changement pourrait être de passer ce blog sous Wordpress.

Le graphisme

Le milieu du design numérique change constament, mais nous ne pouvons pas mettre un site ou un blog à jour continuellement.

Je pense que le troisième changement sera de changer le design de ce blog qui, selon moi, vieilli mal.

Des volontaires ?

Enfin, le dernier changement pourrait être de laisser des personnes interressées et partageant la même vision que moi du monde d'Internet de laisser publier des billets sur ce blog.
Des personnes ayant déjà un blog par exemple ou voulant publier occasionnellement un billet.
C'est assez risqué, mais cette expérience me trotte dans la tête depuis longtemps.

Avis aux amateurs ...

Si vous voyez d'autres choses à changer sur ce blog, n'hésitez pas à m'en faire part.

Nico

La v3 de deezer est sortie !

Nicolas — Mon, 29 Jun 2009 14:26:00 +0200

Un billet rapide pour vous annoncer la sortie tant attendue de la v3 de deezer.

Vous pouvez retrouver cette version à cette adresse : v3.deezer.com.

Malgré quelques bugs apparents, elle a l'air pas mal.

A première vue, cette version est plus claire mais le temps d'adaptation risque d'être assez long.

Des remarques ?

C'est quoi twitter?

Nicolas — Wed, 17 Jun 2009 13:49:00 +0200

Dans mon billet précédent, j'expliquai que je rejoignais les utilisateurs de twitter.
Au cours de ma recherche, je suis tombé sur une vidéo ayant pour sujet : "c'est quoi twitter ? "

Les français sont vraiment à la traine concernant les nouveaux outils du web.

La preuve en image

Aujourd'hui, je me met à Twitter !

Nicolas — Wed, 17 Jun 2009 13:02:00 +0200

Tout autour de moi, aussi bien dans mes amis partageant la même passion pour le web qu'à mon travail, j'entend cette phrase qui est devenue familière :
"Est ce que tu tweet?"...

Alors j'en ai eu marre de ne pas comprendre le twictionnaire de mon entourage ou d'avoir un train de retard sur une actu, donc, c'est officiel, je me lance sur Twitter.

Mais qu'est ce que Twitter ?

Je suis sur que certaines personnes ne connaissent pas cet outil de microblogging et pourtant le principe est simple et se résume en une phrase :
" J'écris ce que je pense, ce que je vois ou ce qui m'interpelle, en 140 caractères, afin de le faire partager à mes contacts".
En résumé voilà à quoi ça sert.

Je me lance !

Lorsqu'on arrive sur la home de twitter.com, nous avons une petite présentation claire : Twitter est un service pour les amis, la famille et les relations de travail pour communiquer et rester connecté par le biais d'échanges rapides et fréquents par une question simple :
Qu'est ce que tu es en train de faire ?

Ensuite viens l'étape du formulaire: Simple, clair, bref, un formulaire.

Il me demande ensuite de rentrer mes adresses mail pour retrouver des personnes.
Et me voici sur twitter.

D'après mes discussions

Avant de me lancer, j'ai parlé avec des personnes qui utilisent Twitter à des fins professionnels et me suis rendu compte qu'il y avait plusieurs types de profils twitter :

Ceux qui utilisent cet outil comme un outil de promotion: Promouvoir un blog ou une entreprise par exemple.
Ceux qui utilisent cet outil dans le cadre familial : Permettre de garder le contact avec la famille ou les amis.
Ceux qui utilisent cet outil dans le cadre amical : Un peu comme Facebook.

Conclusion

Je ne connais pas beaucoup de chose à cet outil mais espère vite comprendre et pouvoir m'investir dans Twitter.
Je suis d'ailleurs à l'affut de chaque remarques concernant Twitter donc si vous voulez participer, n'hésitez pas.

Enfin, je m'excuse par avance si les termes techniques employés ne sont pas les bons.

Lien

Mon twitter : http://twitter.com/nico_agt
Le dictionnaire de twitter : http://blog.vicus.fr/2009/05/11/155-revision-36

Google streetview lance la smart navigation

Nicolas — Sat, 06 Jun 2009 15:35:00 +0200

Google street view est un service vraiment génial.
Ce service qui nous permet de se balader dans une ville par de simples coups de souris s'avère très utile pour les personnes voulant se rendre dans un lieu, savoir à quoi ressemble une rue ou pour tout autres utilisations.
Ce service, bien qu' extrêmement fiable a un sérieux souci d'ergonomie dont les développeurs de Google se sont rendu compte.

Le problème

Toutes personnes utilisant ce service s'est déjà retrouvé agacé par la navigation de google street view.
Surtout si vous avez une rue de 500 mètres à remonter.

La solution

Les développeurs de google ont donc trouvé 1 solution qui va certainement révolutionner cet outil qu'est google street view.

Je vous laisse le découvrir :

Nicolas catard a trouvé 1 job !

Nicolas — Fri, 29 May 2009 12:17:00 +0200

Un billet rapide pour vous dire que Nicolas Catard, alias stivostin a trouvé 1 job. Pour l'occasion, il a fait 1 nouveau clip vidéo qui fait suite à son cv vidéo déposé sur DailyMotion

L'histoire

Dans un billet précédent traitant des cv vidéo, je vous avais mis celui d'un chef de projet qui recherchait du travail. Je l'avais d'ailleurs nommé "la chanson du chef de projet".
Et bien cette personne, de son nom Nicolas Catard a trouvé 1 job grâce à ce cv vidéo.

Le cv vidéo

Avouez que le concept est assez original.

La vidéo "j'ai trouvé 1 job"

Et enfin la seconde vidéo où Nicolas Catard explique qu'il a trouvé 1 job.

Je trouve le concept super orignal. Pas vous ?

Liens en relation

Comment réaliser un cv vidéo

Profil de Nicolas Catard sur dailymotion

Comment réaliser son cv vidéo ?

Nicolas — Tue, 19 May 2009 22:36:00 +0200

Voici une question que j'ai relevé sur un forum aujourd'hui. La phrase est simple et claire, comment réaliser un cv vidéo? Cette pratique est de plus en plus répandue dans le milieu de la communication notamment. Dans ce billet, je ne vais pas vous dire comment faire pour que votre cv vidéo soit parfait mais je vais vous montrer ce qui peut faire ressortir votre cv vidéo du lot.

Pourquoi faire un cv vidéo ?

Voilà une bonne question qui peut se résumé en 2 points :

Vivre avec son temps et oublier le format papier,
Réaliser une vidéo originale qui nous distinguera des autres candidats.

Lors de mes recherches de "profils" à vous présenter, je suis tombé sur beaucoup d'étudiants en DUT Services et Réseaux de Communication et en Licence Professionnelle.
Comme quoi, il ne suffit pas d'avoir une formation pointue mais seulement quelques bases en conception vidéo pour pouvoir faire son cv (je sors de cette formation et je me souviens du nombres d'heures restreints de cours de conception vidéo).

Les exemples

Mathieu Vaidis - l'employé (presque) parfait

Il s'agit d'un employé de la Défense à Paris qui se fait sa propre éloge en 3 minutes. Il se vends et .. il a trouver du travail d'après ce que j'ai pu lire sur différents blogs. Mais pourtant, beaucoup de commentaires indésirables ont vus le jour. Voir l'article sur half-day

Monsieur Dream ou l'art de la caricature

Voici le cv de Cyprien IOV. Perso, j'aime bien. On sent une certaine caricature du CV de Mathieu Vaidis. Non ?

Je vous conseille d'aller voir son blog : http://www.monsieurdream.com/

La chanson du chef de projet

Boris synapse ou l'explication claire

Yu yan ou le cv vidéo complet (trop complet ...!) mais très bon

Thibaut Charron ou comment bien s'expliquer avec une pointe d'humour ...

Voici un DUT Services et Réseaux de Communication. Connaissant sa formation, je trouve qu'il a fait une vidéo d'un bon niveau.

Son blog : http://www.thibaut-charron.com/blog/

Jean benoist Werth ou l'art du buzz

Cette personne s'est même mis en vente sur Ebay. Pas mal quand même.

Son site : http://3pe.fr/HelpMe/

Pour conclure

En clair, faire 1 cv vidéo n'est pas si simple à réaliser car il y a beaucoup de travail en amont. Il est pourtant vrai que cela attire plus l'oeil des futurs recruteurs qui s'y mettent aussi pour déposer des annonces.

Alors prêt à faire le votre ?

Je tiens à préciser que je n'ai pas pu joindre toutes les personnes dont les cv vidéos sont publié dans ce billet. D'une part, je m'en excuse et d'autre part, si toutefois ces personnes tombent sur ce billet, merci de m'en informer via mail :nico_agt@hotmail.com

Une nouvelle pub pour google chrome

Nicolas — Thu, 14 May 2009 13:19:00 +0200

Voici la nouvelle pub pour google chrome qui sera, d'après plusieurs sources dont notamment le blog oseox la nouvelle pub google chrome aux Etats-Unis et au Japon.

J'aime bien ce style de pub car on comprend facilement le message.

Voilà c'est tout pour aujourd'hui !

Les salaires du design numérique en 2008

Nicolas — Sat, 02 May 2009 14:51:00 +0200

Voici un nouveau billet en rapport avec le design numérique. Dans la suite des billets traitant des métiers du design numérique et de ma profession, qu'est ce qu'un développeur web, je vous propose les salaires du design numérique en 2008.

Cette enquête est bien sur à prendre avec un certains recul car il ne concerne que les salaires. Il ne faut pas oublier que dans certaines entreprises, il existe des avantages tels que les tickets restaurants et les primes diverses.

De quoi traite ce slideshare ?

Ce slideshare fait tout d'abord une synthèse sur l'enquête résultant de cette présentation. Ensuite, un nombre de graphiques important est prsenté dont :

Principales préoccupations des designers,
La répartition Homme/Femme,
Répartition par âge,
Statut,
Répartition géographique,
Répartition par région,
Répartition par expertise,
Principales formation,
Niveau d'expérience,
Depuis combien de temps le poste est occupé ?
Nombre d'heure travaillée par semaine,
Les différents métiers du design numérique,
Augmentation récente,
Pourcentage d'augmentation,
Taille de l'entreprise,
Satisfaction de l'emploi actuel,
Pensez vous changer d'employeur au cours des prochains mois.

Un nombre de sujets variés où tous le monde pourra trouver ce qu'il désire.

Le slideshare traitant des salaires du design numérique

Les lapins crétins testent le nouveau Renault scénic

Nicolas — Fri, 24 Apr 2009 13:43:00 +0200

Un petit billet rapide pour vous faire découvrir les tests crétins du nouveau scénic par les lapins crétins.

Pour commencer, quelques images

Les vidéos

Lapins Crétins testent Renault Grand Scénic

Les Lapins Crétins testent le Nouveau Grand Scénic coffre

Les Lapins Crétins testent Nouveau Grand Scénic - La carte

Les Lapins Crétins testent Nouveau Grand Scénic - GPS

Les Lapins Crétins testent Nouveau Grand Scénic - AUDIO

Les Lapins Crétins testent le Nouveau Grand Scénic : recul

Les Lapins Crétins testent Nouveau Grand Scénic - Rangements

Le site

Vous retrouverez toutes ces images ainsi que les tests crétins des les lapins crétins à cette adresse.

Les métiers du design numérique

Nicolas — Sat, 18 Apr 2009 17:59:00 +0200

En parallèle du billet traitant du métier de développeur web, voici un slideshare utile pour les personnes qui veulent savoir quel sont les métiers du web.

Quel métier dans ce slideshare

L'auteur de ce slideshare à développer le rôle de tous les métiers liés au web :

Directeur de création intéractif
Directeur artistique
Web designer
Architecte de l'information
Consultant ergonome
Designer d'interaction
Animateur et développeur Flash
Motion designer
Développeur front-office
Développeur web
Chef de projet interactif
Designer sonore
Webmaster
Contributeur

En plus des explications, il donne des livres utiles si vous voulez vous orienter sur une carrière graphique ou technique.

Le slideshare en question

Assez parlé, voici le fameux slideshare dont je vous parle.

Alors vous pensez avoir la flamme graphique ? ou plutôt technique ?

Qu'est ce qu'un développeur web ?

Nicolas — Sat, 18 Apr 2009 17:22:00 +0200

Internet est depuis quelques années en pleine mutation. Afin de réaliser un site web ou un service multimédia, il faut un ensemble de professionnels tels que des graphistes, des chefs de projets et des développeurs.

Faisant partie de la 3ème catégorie, je tenais à vous expliquer ce qu'est un développeur web.

Qu'est ce qu'un développeur web ?

Afin de vous apporter un contenu clair et précis, je me suis basé sur ma propre expérience mais aussi sur des sites tels que le développeur web et un diaporama dont l'explication sur le métier de développeur web est ci-dessous :

Le développeur web programme, teste, corrige les erreurs, implémente, documente, assure le suivi et la maintenance accessible depuis un navigateur web.
Grâce aux principaux langages orientés serveur (PHP, ASP, ...), il assure le dialogue entre la partie visible de l'interface (front office) et les bases de données.
Il conduit une analyse des besoins, l'élaboration de prototypes fonctionnels, pour la partie visible ou non visible des éléments de l'interface.
Il veille à l'integration des applications et des services dans un site web ou intranet.
Il contribue au processus créatif en apportant son point de vue sur la modélisation des interactions et fonctionnalités du site.
Il établit un pont entre les dimensions design et technologiques, en offrant un éclairage technique dans la conception, non seulement par la mise en lumière des contraintes mais anssi en signalant des opportunités technologiques qui peuvent faciliter l'innovation.
Il traduit les besoins en spécification fonctionnelles détaillées grâce aux meilleures pratiques comme la conception centrée utilisateur et une excellente compréhension des étapes clés du design.
Il est garant de l'intégrité du design visuel dans le site (mise en page, style graphique) et son fonctionnement en adéquation avec les principes de conception.

Liens utiles

Le développeur web
Le lien Facebook vers le groupe des web developpeur de Lyon

L'assemblée nationale a donc rejeté Hadopi !

Nicolas — Thu, 09 Apr 2009 16:24:00 +0200

Je viens d'apprendre que la loi Hadopi a donc été rejeté aujourd'hui à l'assemblée nationale alors qu'elle avait été approuvée vendredi dernier.... ("Il y a quelque chose qui m'échappe là je crois").

Donc cette loi a été rejeté par 21 voix contre 15 (certainement les 15 qui étaient présent la semaine dernière).
On peut donc remarquer la foule présente à l'assemblée par ce beau jeudi.

Mais comment est-ce possible ?

Le récit de la matinée : Le Sénat avait adopté la loi Hadopi en fin de matinée. Mais l'assemblée nationale a, quant à elle, votée contre le texte ce qui a provoqué un séisme parlementaire.

De plus, Mme Albanel se prend une "claque" magistrale car elle n'a pas su défendre son projet jusqu'au bout(source)

Enfin, je m'excuse pour le précédent billet où je vous donnait une fausse information.

Le crédit de l'image appartient à Barth, auteur du blog http://glob.bargeo.fr . Le commentaire qu'il m'a laissé et ses conditions d'utilisations m'oblige à mettre 1 lien vers son blog.

La loi hadopi adoptée par l'assemblée nationale

Nicolas — Sun, 05 Apr 2009 09:41:00 +0200

Comme beaucoup de personnes ont pu l'entendre ces jours-ci, la loi Hadopi a fait beaucoup de bruit auprès des artistes et des professionnels du web.
Cette loi, appelée aussi loi création et Internet traite notamment du téléchargement illégal des œuvres par Internet.

Hadopi, c'est quoi ?

A l'origine, la loi Hadopi était un projet de loi intitulé "création et Internet". Il traite notamment des échanges illégaux des oeuvres par Internet.
Cette loi a fait beaucoup de bruits auprès des artistes mais aussi suite aux interventions des certains de nos ministres qui exposaient des problèmes inexistants.
L'utilisateur de logiciels de téléchargement pourra voir son accès à Internet coupé pendant une période d'un an.
Cette loi a été adoptée le 2 avril 2009 par 16 députés sous l'intitulé Projet de loi favorisant la diffusion et la protection de la création sur internet,.

L'intervention de Cali sur Hadopi

Certains d'entre vous le savent, d'autres vont l'apprendre, j'aime particulièrement cet artiste pour son coté à exposer les vérités.

Dans cette vidéo, il explique que le prix des cd est trop élevé et qu'il "comprend" que certaines personnes préfère télécharger plutôt qu'engraisser les maisons de disques.

Christin albanel dérape !

Notre ministre de la culture, adepte aux "bourdes", explique son point de vue sur les __logiciels libres incluant une protection par pare feux. __

Pour votre information, open office est une suite de logiciels libres semblable à Microsoft office qui n'a donc pas de pare feu.

Pour conclure

Ces deux reportages nous démontrent plusieurs choses :

Certains artistes sont contre cette loi.
Certains de nos ministres, il faut rappeler que Mme Albanel est ministre de la culture, ne maitrise pas certains sujets et que certains projets de lois sont votés par des personnes qui ne connaissent pas forcément de quoi il en résulte.

Etes-vous satisfait par le nouveau Facebook ?

Nicolas — Tue, 24 Mar 2009 13:50:00 +0100

Comme tout utilisateur de ce réseau social nommé Facebook, j'ai vu que ma page d'accueil et de profil avaient changés. Je me suis donc penché sur ces fameuses nouvelles pages en tant qu'utilisateur dans un premier temps et, dans un second temps en tant que professionnel du web.

Mon premier point de vue

Dans un premier temps, j'ai regarder cette page d'accueil d'un point de vue global.
Certes, je me suis un petit peu "perdu" sur la disposition des élements mais je me suis fait assez vite à cette nouvelle disposition.

Les points positifs de cette page:

Nous avons toutes les informations sous les yeux,
Les différents groupes d'amis,
Les requêtes d'amis et d'applications,
Les activités et humeurs de nos amis quasi instantanément,
La possibilité de poster un lien, une photo, une humeur à la volée.

De plus, cette page apporte des suggestions de groupes et d'évenements.

Mon point de vue après une semaine d'utilisation

Je suis toujours satisfait de cette page mais je regrette quand même l'ancienne.
J'ai pu voir la création de dizaines de groupe avec des noms s'apparentant à :" si tu veux retrouver l'ancienne page, rejoint ce groupe".
Dans un premier temps, naïf, je suis aller voir ces fameux groupes sans les rejoindre et là, j'ai eu l'impression de revenir quelques années en arrière lorsque je recevais des chaînes de mail qui nous permettait notamment de voir la personne qui nous aimait si on ~~spammait~~ envoyait à tous nos contacts ce mail.
Dans le cas du groupe Facebook, c'est exactement le même principe : Vous devez rejoindre ce fameux groupe, ~~spammer~~ ajouter tous ces contacts et cliquer sur le lien bidon pour que "oh miracle" mon ancienne page est revenue.
Dans le principe, ce serait comme si vous iriez faire votre plein d'essence, que vous pensiez très fort à la voiture qui se remplit tout en restant dans celle ci et que par miracle ca fonctionne, sans payer.
Je peux vous assurer que ce n'est pas possible.
Tout en restant dans les groupes Facebook, l'autre jour, je suis tomber sur un groupe qui annoncait que si ce groupe dépassait X millions de personnes, l'entreprise Facebook et notamment Mark Zuckerberg allait plier devant tous ces utilisateurs mécontent de la nouvelle page avec comme seul argument qu'il l'a déjà fait une fois avec les modalités de vie privée sur Facebook. Le père noël existe-t-il vraiment ?

Pour conclure

Je suis personnellement assez satisfait par cette nouvelle page Facebook contrairement à la majorité des personnes l'utilisant.
Il n'y a qu'à voir les statistiques de cette application pour s'en convaincre :

Effrayant n'est ce pas ?

Etude des moteurs de recherche en février 2009

Nicolas — Fri, 13 Mar 2009 13:57:00 +0100

Tous les mois, AT Internet Institute publie sur son site un baromètre représentant l'évolution des moteurs de recherches. Je vous présente içi celui de février 2009 qui apporte quelques chiffres intéressants.

Les barres de recherche intégrées aux navigateurs sont très utilisées

La barre de recherche google, intégrée par défaut sur le navigateur Mozilla Firefox, est à l'origine d'une visite sur 5 . Les deux autres barres les plus utilisées, à savoir Live search et Yahoo! ont respectivement 7% et 2,3% d'utilisation.

Yahoo et Live Search récupère quelques points

En effet, ces deux moteurs de recherches récupèrent respectivement 2,9% et 3,3% de recherches.
Ce chiffre parait petit mais quand on pense au nombre de recherches effectuées par jour par tous les internautes, cela peut représenter rapidement des millions de recherches.

Comme le représente ce schéma, la domination de google est toujours présente avec prêt de 92% de part de visites en février 2009.

J'essayerai de vous présenter ces résultats tous les mois afin que vous puissiez avoir des éléments de comparaison.

Si toutefois ce rapport complet vous interesse, vous le trouverez en annexe.

[Humour] Conférence entre les différentes polices

Nicolas — Wed, 11 Mar 2009 14:06:00 +0100

Bon, je sais, cette vidéo a déjà quelques bonnes et mauvaises critiques derrière elle!
Je sais qu'elle n'est pas toute récente!
Je sais qu'elle est en anglais!
Mais je sais aussi que le coté humoristique de cette vidéo plaira a certains.

Il n'y a pas besoin d'être doué en Anglais pour comprendre le sens de cette vidéo.
Il s'agit d'une caricature des différentes polices tels que comic sans MS, old english, wind latin et le bon french script MT qui est représenté avec le fameux berret...

Je vous laisse découvrir par vous même !

Cette vidéo vous a plu ?

Des ensembles de polices cohérents pour le web

Nicolas — Tue, 10 Mar 2009 14:01:00 +0100

Contrairement au print, nous avons sur le web un nombre de polices "standard limité".
En effet, la grande difficulté est de trouver des polices qui sont à la fois originale et qui peuvent être présentent sur tous les postes.

Comme nous ne connaissons pas toutes les polices présentent sur toutes les machines de tous les internautes, nous utilisons généralement des polices communes appelées polices systèmes.

Définir un groupe de polices

Un développeur a, en général, deux possibilités lorsqu'il définit une police :

Soit il ne définit qu'une seule police au risque que l'internaute ne l'ai pas.
Soit il définit un groupe de police qui correspond à une suite de nom de police. Le navigateur aura, dans ce cas, un choix si toutefois l'internaute le dispose pas de la première police nommée et utilisera une police alternative.

Petit exemple :

body{
font-family : police exacte, alternative la plus proche, 
alternative la plus répandue pour chaque plateforme, 
alternative universelle, famille générique
}

Le développeur est ainsi certains que l'une des polices sera utilisé.

Les groupes de polices

Afin d'éviter de trouver les polices qui se ressemblent, Mickael Tuck a publié un billet sur les 8 groupes de polices que l'ont peut définir :

Time new roman et serif

font-family: Cambria, "Hoefler Text", Utopia, 
"Liberation Serif", "Nimbus Roman No9 L Regular",
Times, "Times New Roman", serif;

Georgia

font-family: Constantia, "Lucida Bright", Lucidabright,
 "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", 
"Liberation Serif", Georgia, serif;

Garamond

font-family: "Palatino Linotype", Palatino, Palladio, 
"URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", 
"Bitstream Charter", "Nimbus Roman No9 L", Garamond, 
"Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook",
"Century Schoolbook", "Century Schoolbook L", Georgia, serif;

Arial / Helvetica

font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", 
"Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", 
"Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", 
Helvetica, Arial, sans-serif;

Verdana

font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
"DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, 
"Verdana Ref", sans-serif;

Trebuchet

font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", 
"Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;

Impact

font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", 
Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", 
sans-serif;

Monospace

font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", 
"Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", 
"Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

D'autres groupes de polices

Font tester a lui aussi mis à disposition des groupes de polices qui sont beaucoup plus simples :

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif;

En conclusion

Le nombre de polices existantes peut donner un nombre de combinaisons incalculable.
Les groupes de polices citées ne sont qu'une partie de ces possibilités mais ils reflètent bien ce que l'on peut faire avec des polices dites "basiques".

Facebook : Les 25 choses à détester ! (par Julian Smith)

Nicolas — Mon, 02 Mar 2009 18:52:00 +0100

Je tenais à vous présenter une petite vidéo que l'on pourrait considérer comme une vidéo virale. Elle vous explique les choses détestables sur Facebook. Malheureusement, elle est en Anglais mais reste facile à traduire et/ou à comprendre.

L'auteur de cette vidéo, Julian SMITH vous fait partager ce qu'il n'aime pas dans Facebook.

La vidéo

Alors ça vous a plu ?

J'ai bien aimer ce coté humoristique de présenter les éléments qui, il faut le dire, énerve la plupart des personnes utilisant régulièrement ce réseau social.

Identité numérique et web sémantique

Nicolas — Wed, 25 Feb 2009 13:42:00 +0100

Voici une vidéo qui pourrait intéresser certains d'entre vous traitant de l'identité numérique et du web sémantique. Cette vidéo a été enregistrée au cours de Paris Web 2008 qui se déroulait les 13, 14 et 15 novembre 2008.

Pour commencer quelques définitions :

Identité numérique

Nous avons tous une identité réelle, certains s'appelle Dupont, d'autre Durand, .... L'identité numérique correspond à vos données personnelles que vous laissez sur la toile. On pourrait définir l'identité numérique comme un lien technologique entre une entité réelle et une entité virtuelle.

Web sémantique

Le web sémantique est, selon wikipédia, un ensemble de technologies visant à rendre le contenu des ressources du World Wide Web accessible et utilisable par les programmes et agents logiciels, grâce à un système de métadonnées formelles, utilisant notamment la famille de langages développés par le W3C.
En d'autres mots, c'est le "web de demain". Le web intelligent comme certains l'appelle.
Dans la pratique, il évitera à tout utilisateur de taper une recherche en deux ou trois mots mais avec des phrases structurées. Dans l'exemple, cela reviendrai à taper "quelle est la capitale de la France" au lieu de "capitale France".

La vidéo de David Larlet

David Larlet - Identité 2.0 et Web sémantique

En conclusion

Nous avons içi une vision personnelle du web sémantique et de l'identité numérique.
Cette vidéo est intéressante car David Larlet montre par l'exemple ce qu'il explique permettant aux novices de pouvoir se projeter dans sa vision du web sémantique et de l'identité 2.0

Facebook fait un pas en arrière !

Nicolas — Wed, 18 Feb 2009 13:18:00 +0100

Après les récentes modifications des conditions d'utilisation du premier réseau social mondial, Facebook, certains utilisateurs se sont dit insatisfait par celles-ci car Facebook posséderait tous les droits sur les contenus en ligne des utilisateurs et ce pour une durée indéterminée.

La citation des conditions d'utilisation :

"Vous accordez à Facebook le droit irrévocable, perpétuel, non-exclusif, transférable et mondial (avec l’autorisation d’accorder une sous-licence) d’utiliser, copier, publier, diffuser, stocker, exécuter, transmettre, scanner, modifier, éditer, traduire, adapter, redistribuer n’importe quel contenu déposé sur le site." En d'autre mots, Facebook a tous les droits sur le contenu que ces utilisateurs publient et ce sans limite de temps.

Mark Zuckerberg s'explique :

Le CEO de Facebook a annoncé lundi dernier sur le blog officiel du réseau social :

"Notre philosophie est claire; les utilisateurs ont le contrôle sur le partage de leurs données…La question posée est de savoir si Facebook peut utiliser ces informations éternellement. Quand une personne partage un message avec une autre, il existe deux copies, une dans sa boite à messages et l’autre dans celle de l’autre personne. Même si la première personne ferme son compte la deuxième copie est toujours intacte chez l’autre personne. Et c’est comme cela que fonctionnent tous les réseaux et les services email. Nous avons modifié les conditions générales afin que cela soit plus clair pour tous"

Et aujourd'hui ?

Mark Zuckerberg a annoncé ce matin, toujours sur le même blog, que Facebook n'allait pas appliquer les dites nouvelles conditions d'utilisation. On peux donc en conclure qu'il vont revenir aux précédentes conditions d'utilisations.

Bon ou mauvais points ?

Avec ces 175 millions d'utilisateurs dans le monde, Facebook se doit d'être clair sur l'utilisation de ces services. Ce nouveau point sur les réseaux sociaux peut relancer la question de l'identité numérique.

En effet, si une personne veut se désinscrire de Facebook pour une raison X ou Y, elle ne pourra pas supprimer toutes ces traces sur ce réseau social, comme l'indique d'ailleur M. ZUCKERBERG dans son premier billet.

Billets en relation avec Facebook

D'où vient le logo Google Chrome ?

Nicolas — Sun, 15 Feb 2009 15:32:00 +0100

Cela fait plusieurs billets que je vois concernant la source du logo de Google chrome.
Et bien cela va certainement en surprendre certains mais ce logo est basé sur celui de Windows.

Vous ne me croyez pas ?

Regardez le schéma suivant :

Bien sûr cette théorie n'est pas vérifiée.
Cette image est en fait née de l'imagination d'un illustrateur italien, Frédérico Fieni, qui l'a déposée sur FlickR.

Pas mal n'est ce pas ?

Un grand merci!

Nicolas — Fri, 13 Feb 2009 13:18:00 +0100

Voici un billet qui n'a rien à voir avec le contenu de ce blog mais que je tenais à écrire.

Je tenais à remercier quelques personnes qui ont eu la gentillesse de me souhaiter mon anniversaire par divers moyens : par sms, msn, facebook, mail, en m'appelant ou directement en venant me voir.

Je voulais donc remercier : Mes collègues, Emilie D, Michael C, Audrey B, Sandrine T, Nicolas M, Claire D, Emilie G, Anne sophie O, Laure C, Pascal J, Amandine D, Céline F, Adrien M, Laurent B, Laure M, Jean Francois T, Lucie B, Claire P, Emeline G, Richard A, Alexis A, Jennifer A, Ludo, Pauline et Tom C, Ma soeur et mon beau frère, mes parents mais aussi ma chérie.

Je tenais aussi à remercier ceux qui n'ont fait que penser à mon anniversaire.

Pour ceux qui l'ignoraient, vous vous trouvez sur mon blog perso qui traite de ma propre culture web, d'outils et applications web.
Vous trouverez certainement un billet qui vous interessera dans les liens suivants :

Je suis toujours à votre écoute concernant des sujets de billets.

A+

Nico

Le web design et ses tendances en 2009 (part 2)

Nicolas — Sat, 07 Feb 2009 18:27:00 +0100

Voici donc la suite du billet sur Le web design et ses tendances en 2009 avec cette fois ci une sélection à partir de plusieurs sites.

Les sites d'agences et de freelance

Clearleft

Studio K

Halo creative agency

August

Harrop designs

Les sites de marque

Volkswagen

Alfa Roméo

Les Portfolios

William Smith

Tyler Finck

Benoit Godde

Aurélien Vattant

Pour conclure

Voici donc une nouvelle sélection qui se termine par le port folio de Aurélien Vattant,une personne qui a fait ses études avec moi. C'est une sorte de petite dédicace perso.

Alors cette sélection vous plait?

Accessibilité : Enquête sur les lecteurs d'écrans

Nicolas — Fri, 06 Feb 2009 14:19:00 +0100

Une récente étude du site anglophone WebAIM (Web Accessibility in Mind) viens d'être menée sur un peu plus de 1000 utilisateurs de lecteurs d'écran.

Cette étude a permis de cerner les outils employés ainsi que le matériel des personnes ayant un handicap visuel.
Elle a aussi permis de mieux identifier les comportements de ces utilisateurs face aux différentes technologies d'Internet à savoir les images, les Popup, les frames, les liens, les fichiers PDF et Flash. Voici les résultats très interressants de cette étude.

Pourquoi un échantillon de 1000 personnes ?

Beaucoup d'études et analyse prouvent que sur un échantillon de 1000 personnes nous avons les statistiques de tous les utilisateurs d'un service, d'un site web ou d'une application. Synthétiquement, si vous avez 1000 personnes qui ont visités votre site web, vous avez un échantillon représentatif de ce qui est vu, combien de temps ont passés vos visiteurs sur celui-ci, ....

Qui sont les personnes qui utilisent un lecteur d'écran?

En général, ces personnes ont un handicap, plus ou moins prononcé. Ils sont en majorité malvoyants (80%). Les derniers 20% se concentrent sur d'autres handicaps, des problèmes moteurs, la surdité et les handicap cognitifs.

Revenons à cette étude

Nous pouvons synthétiser cette étude avec ces quelques chiffres :

Les usagers de lecteurs d'écran utilisent pour 74% d'entre eux le lecteur JAWS, suivi de Windows-Eyes (24%), NVDA(8%) et VoiceOver(6%).
Internet explorer constitue une très grande majorité des navigateurs utilisés et notamment IE6 pour 33% des cas. Certains utilisateurs cumulent cependant plusieurs navigateurs.
12% des usagers utilisent des appareils mobiles.
76% utilisent les balises <h1>,<h2>,<h3>, .... pour naviguer.
30 à 40% utilisent les raccourcis claviers (Access-Keys).
70% des usagers ont plus ou moins de difficultés à lire les fichiers flash.
Les popup gênent près de la moitié des usagers sondés.
60% des utilisateurs aimeraient que les images présentent soient détaillées et 31% ignorent totalement celles-ci.
Une majorité des utilisateurs n'est pas géné par les Frames.
80% des utilisateurs aimeraient que les titres de pages donnent une réelle description sur le contenu de celle ci.

Internet, un outil accessible de tous

Les personnes souffrant d'un handicap visuel, auditif ou autre ont beaucoup de difficultés à surfer sur le web. Je demande donc aux professionnels et notamment aux développeurs de réfléchir un peu plus afin qu 'Internet soit accessible à tous.

Pour chaque facebook-addict, il y a une solution facecorette

Nicolas — Tue, 03 Feb 2009 13:09:00 +0100

Vous vous sentez emprisonnés par ce réseau social qui pourtant vous plait plus que tout ?

Vous aimeriez vous débarrasser des photos compromettantes sur votre profil ?

Vous avez une sensation de haine à l'égard de certains de vos amis Facebook que vous ne connaissez même pas ?

Vous ne pouvez pas vous passer une journée de taper cette adresse : http://www.facebook.com ?

En d'autre mots, vous êtes un vrai addict à Facebook ?

La solution est là!

Facecorette est un patch qui s'applique très facilement et se décolle sans douleur.

Facecorette a pour but de vous aider et de vous accompagner tout au long de votre aventure personnelle.

A vous de calculer votre dépendance à Facebook grâce à Facecorette.

Personnellement, j'ai une légère addiction à Facebook.

Mon résultat :

3/10 - C'est bien vous résistez à l'appel du démon

Le lien du site : http://atou.eu/facecorette

Et vous, résisterez vous à la tentation Facebook ?

Les dangers d'internet : mythe ou réalité ?

Nicolas — Wed, 28 Jan 2009 14:07:00 +0100

Par ce beau jour de janvier, je me suis dis, pourquoi ne pas passer ma pause déjeuner dehors à me promener. Passé la place Bellecour entre les manifestants de la CGT et de la CFDT, je me suis rendu dans une grande enseigne proposant notamment du matériel informatique, des livres, des CD/DVD, .... Traînassant dans les allées de ce magasin, je suis allé voir les livres traitant de la communication. Jusque là, vous me direz, rien d'anormal...

Ce qui m'a paru surprenant, c'est qu'il y avait prêt de 10 bouquins qui traitaient du même sujet à savoir : les dangers d'Internet. Je me suis dis, mais pourquoi autant de livre sur un sujet qui n'est pas nouveau ?

Ma vision d'Internet

Pour moi Internet est "magique". On peut trouver de tout, du vrai, du faux, du réel, de l'irréel, .... Mais ce monde merveilleux a quand même des limites. En effet, une grande majorité de personnes pense que sur Internet, on peux faire ce que l'on veux, quand l'on veux. Mais il faudrait rappeler l'affaire de ce pauvre internaute qui as eu sa vie entière de déclarée dans un magazine (le tigre pour ne pas le citer) et qui n'a eu, d'après ce que j'ai pu lire, aucun recours contre ce journal.

Sur Internet, je dis ce que je veux !

Justement, Internet est un outil où, plus l'on met de choses sur nous et plus on as de chances d'être vu. Vous me direz, c'est super ! Sauf qu'une personne lambda ne veux peut être pas forcément être vue de tout le monde. Prenons l'exemple (encore une fois) de Facebook et du très bon sketch de Jérôme COMMANDEUR. On peut mettre ce que l'on veut sur ces outils mais il faut bien avoir à l'esprit qu'il risque de nuire à nous-même ou à autrui (cf : les photos des soirées par exemple).

Ma conclusion à tout ça!

Pour moi, Internet a été découvert par beaucoup de personnes il y a quelques années déjà. Ces personnes, avec l'arrivée notamment du Web 2 ont partagés photos, vidéos, humeurs, .... qui était plus ou moins bon pour leur image. Le problème c'est que ces personnes n'estimaient pas le danger que pouvait avoir ces partages.

Je conclurai ce billet par un message que j'essaye de passer depuis longtemps autour de moi : Faites attention à ce que vous marquez sur Internet, même si ce monde est virtuel, la frontière entre le virtuel et le réel n'est jamais très loin.

Nico

Le web design et ses tendances en 2009

Nicolas — Tue, 20 Jan 2009 13:54:00 +0100

Smashing magazine a publié il y a quelques jours un article sur les tendances du web design en 2009.

Je ne veux pas faire du plagia d'article comme certains amis blogueurs , ce n'est pas mon but.
Voici quelques exemples de sites, de blogs qui sont aussi bien réussi graphiquement que techniquement et qui m'ont beaucoup plu.

Le blog d'Alex Buga

En lisant l'article de Smashing Magazine, je suis tombé sur ce blog que j'avais déjà visité il y a quelques mois de cela. Je vous laisse aprécier par vous même...

Le blog de John Zmuda

Un blog que j'ai découvert hier et dont l'idée me plait particulièrement.

Le site de l'agence slovaque Art4web

Découvert hier aussi, très clair, pur, ... Bref, ça me plait.

Le site du studio graphique pikaboo

Ce qui me plait, c'est l'animation sur le coté droit. A vous de juger!

Un petit dernier Creamy css

Un site qui regroupe différents sites pour leurs coté graphique.

C'est une petite sélection certes, mais qui s'agrandira avec un second billet dans les jours à venir. Je vous en informerai d'ici peu.

Nico

Facebook vu par Jérôme Commandeur

Nicolas — Sat, 17 Jan 2009 14:10:00 +0100

Voici un petit sketch très bon de Jérôme Commandeur traitant de Facebook

Facebook vue par Jérôme Commandeur

Je vous laisse apprécier par vous même :

Facebook par jérôme Commandeur

Alors vous en pensez quoi ?

Les coulisses de Google Chrome

Nicolas — Thu, 15 Jan 2009 13:43:00 +0100

En naviguant sur YouTube, je suis tombé sur une vidéo très interessante traitant des coulisses de Google chrome. En d'autre mots, pourquoi et comment Google Chrome a été conçu?
Cette vidéo explique les différents points selon lesquels l'utilisation de Google Chrome s'avère très simple et utile pour tous, du simple utilisateur au pro d'Internet .

Qu'est ce que Google Chrome ?

Google Chrome est un navigateur web dont le code source est développé sous licence libre par Google.

Pourquoi google a-t-il développé son navigateur ?

Les enjeux annoncés par Google concernant le navigateur Chrome sont d'apporter une amélioration significative pour les internautes. En effet, le web a beaucoup évolués depuis ces 10 dernières années mais les navigateurs n'ont quasiment pas changés.

Je pense que des images valent mieux que de long discours donc je vous laisse regarder la vidéo traitant des coulisses de Google Chrome.

Alors qu'en pensez vous ?

Personnellement, j'utilise de plus en plus ce navigateur que je trouve qu'il est à la fois rapide, ergonomique et facile d'utilisation. Je fais donc partie des 4% (au dernières estimations) d'utilisateurs qui utilisent Google Chrome.

Bien débuter avec Facebook!

Nicolas — Fri, 09 Jan 2009 13:58:00 +0100

Voici donc un petit article vous expliquant les étapes nécessaires pour bien débuter sur le réseaux social le plus connu de nous tous, Facebook.
Je pense qu'il faut que je précise que ces étapes sont un mélange d'expérience personnelle et de nombreuses lectures consacrées à ce sujet.

Ce billet vous expliquera comment faire pour avoir un profil qui pourra être trouvé par tout le monde facilement, comment on peut utiliser certaines applications Facebook pour être mis en avant, ...

Le but de ces étapes est très simple : SE FAIRE CONNAÎTRE SUR FACEBOOK.

Mais à quoi cela va me servir ?

Simplement, imaginez que vous êtes un recruteur et que vous voulez voir les centres d'intérêts d'un postulant. Vous vous dites je vais aller voir si je ne trouve pas monsieur X sur Facebook. Après quelques recherches, vous tombez sur le grand et le beau Monsieur X.
Vous regardez son profil, les groupes dans lesquels il est, les applications qu'il a installé, .... et vous trouvez beaucoup de points qui pourrait être bénéfique à votre entreprise. De ce fait, vous allez appeler ce Monsieur X pour lui proposer un entretien.
Le coté "pervers" , c'est que un profil peut être bien vu, comme dans le cas de monsieur X, ou mal vu si toutefois il est dégradant pour la personne. Et oui, imaginez que Madame Y appartienne au groupe " Je hais me lever tôt le matin" comme une quarantaine de membre actuellement et que le recruteur en question propose un poste le matin. Il pourrait se dire "mais cela ne sert à rien que je porte attention à cette candidature".

Et ces différentes étapes alors ?

C'est vrai je me suis un peu laissé aller et je ne vous ai pas encore parlé des étapes :

Etape 1 : Favoriser votre visibilité grâce à votre profil

L'un des élément indispensable pour être vu sur Facebook est d'Indiquez le maximum d’information sur vous, vos actuels et anciens employeurs, vos hobbies, vos points forts, vos points faibles (si vous en avez)… Il faut surtout rester dans l'optique du recruteur qui viens voir votre profil. En d'autre mots, évitez de mettre des photos de vous lors de fêtes un peu trop arrosées. Il faut également être précis dans ce que l'on recherche : Par exemple, éviter de marquer : "je cherche un emploi dans la communication". Ce domaine est trop large. Préférer plutôt :" Je cherche un emploi en tant que chargé de clientèle" par exemple

Etape 2 : Rejoignez des groupes.

Les groupes sont légion sur Facebook, il y a des groupes sérieux et pas du tout sérieux, des groupes qui rassemblent des milliers de membres et d’autres quelques membres… Il est donc important de choisir des groupes selon votre thématique avec de nombreuses personnes, car ils sont les plus influents et ceux qui génèreront le plus de visites. Et comme je le disais un peu plus haut, éviter les groupes qui pourraient vous porter préjudice.

Etape 3 : Rejoignez un Réseau

Facebook a pour grande qualité d'être classé en pays/ région / écoles / … Par exemple si vous ne faites pas partie du réseau “France” vous risquez parfois de ne pas pouvoir rejoindre des groupes, et vous ne serez pas trouvé si vos contacts vous recherchent “en France”.

Etape 4 : Postez du contenu sur votre profil et dans vos groupes.

L'un des meilleurs outils pour faire connaître votre profil est les groupes. Vous pouvez, en effet, publier des liens, laisser des messages sur le mur (Wall)… ce qui favorisera votre visibilité. Cela permet aux nouveaux inscrits sur les groupes de voir vos messages et donc de visiter votre profil et/ou votre site internet N’oubliez pas non plus de publier des liens et des messages dans votre propre profil pour faire connaître à tous vos “amis” votre actualité, votre blog…

Etape 5 : Créez votre propre groupe

Avec votre groupe sur votre thématique vous pourrez publier le contenu que vous souhaitez, et poster des informations à tous les membres de ce groupe. Bien entendu ce groupe doit être ouvert à tous.

Vous devrez également mettre en avant votre groupe dans les profils et autres groupes, afin d’augmenter le plus possible le nombre de membres. En effet le classement dans Facebook pour un mot clé donné se fait dans l’ordre décroissant du nombre de membres…

Etape 6 : Faites-vous de “vrais” amis !

L’amitié virtuelle c’est très bien, mais pour exploiter facebook à son maximum il faut maintenir des relations avec vos “nouveaux amis”,on peut d'ailleurs parler d'amis inconnus en essayant d’en savoir plus sur eux voire de les rencontrer “en vrai”. Le minimum étant d’envoyer un email personnalisé à chaque personne qui souhaite devenir votre ami, et bien entendu de visiter son profil.

Etape 7 : Entretenez votre réseau !

Une fois que vous avez créé votre groupe d’amis, il faut entretenir cette amitié via le partage de liens, des commentaires sur les photos, … Toujours dans l'optique du recrutement, évitez tous ce qui est applications n'ayant aucun rapport avec votre objectif. Par exemple les jeux, les test que l'on pourrait qualifier de bidon, ....

Voilà donc les 7 étapes qui sont pour moi indispensable pour pouvoir se lancer dans facebook. Ces étapes sont aussi utiles si vous voulez optimiser votre profil afin qu'il soit mieux "référencé" dans les moteurs de recherches.

A vous de réagir !

Nico n' Co

Twitter bootstrap #2 - Galerie de site bootstrap expo

Twitter bootstrap #1 - Galerie de thèmes

Codular - Des tutoriaux pour développeurs

LESS - Fonction position absolute

Code

Les datacenter de google

Redbull Stratos - Parodie Lego

Version Légo de RedBullStratos

Vidéo complète du saut de Felix Baumgartner

5 liens du vendredi matin #32

5 liens du vendredi matin #31

Créer des menus circulaires en Jquery avec Mobilyblocks

Ressources pour développeurs

Nuefolio magazine

CSS Tricks

DevZone

Creative Juiz

Web developer Juice

Outils pour optimiser vos feuilles de styles CSS

Styleneat

CSSLisible

The responsinator - Testez vos sites sur plusieurs interfaces

ResponsiveSlides.js - Un slider Jquery Responsive

50 exemples de couverture Facebook

Facebook créé un QR Code sur son toit

La vidéo

Les différents services du Google Play Store

Play Movies

Play Books

Play Music

Google Play Store, la nouvelle arme de Google

La vidéo de présentation de google play

Faire des feuilles de style dynamique avec le format LESS CSS

LESS, le langage de feuille de style dynamique

Exemple d'utilisation de LESS

Le responsive design #1

Le responsive design en théorie

Pub google chrome : Irma

Pub Google Chrome : Ma petite Chloé

Les résolutions de ce blog pour 2012

Les résolutions de ce blog pour 2012

Résolution n°1

Résolution n°2

Résolution n°3

Résolution n°4

Résolution n°5

Les différentes unités de mesure Android (dp, sp, pt, px, mm et in)

18 millions de français utilisent leur mobile pour surfer

Exemple d'applications android pour développeurs

Gérer l'interlignage avec les et les

C'est quoi un sup et un sub ?

Le problème de ces balises

2 solutions s'offrent à vous

[SHELL] Rechercher une chaîne de caractère dans tous les fichiers d'un dossier

La commande Shell

[MYSQL] Remplacer toutes les occurrences d'une chaine de caractère dans une table mysql

Voici la requête

Exemple d'utilisation

5 liens du vendredi matin #30

KIA : Les animaux et la pub #2

Pub Kia Soul Hamster LMFAO

New 2010 Kia Soul Hamster Commercial

BOUYGUES TELECOM : Les animaux et la pub #1

Les chatons télécom débarquent

Bouygues Télécom présentent les chatons

5 liens du vendredi matin #29

5 liens du vendredi matin #28

Trucs et astuces Jquery (Tutorialzine)

Lister des éléments en Jquery

Comment lister les éléments en Jquery ?

Mise en situation par un exemple

5 liens du vendredi matin #27

Ajouter une image par défaut lors de vos partages facebook

Une balise meta permettant de mettre une image par défaut

La solution si ça ne fonctionne pas !

Récupérer un morceau de chaîne de caractères en PHP

Le code

Applications Android pour développeurs

Un serveur FTP accessible partout avec AndFTP

Gérer l'interlignage avec les ^{et les}