Bon, on a pas pu vous faire une édition la semaine dernière, alors on vous sert une double dose aujourd’hui.

Google, les gars !

Le géant de Mountain View n’a pas encore fini de nous surprendre. En effet, des utilisateurs ont remarqué que dans le tableur intégré à Google Docs, la fonctionnalité de remplissage automatique ne se limitait pas aux nombres et aux fonctions. Ainsi, si vous entrez deux marques de chaussures, deux noms de vins, deux personnages des Simpson ou bien deux états des USA, GDocs vous complète le reste avec un simple Ctrl + Clic !
http://www.buzzfeed.com/justinesharrock/a-glimpse-into-googles-brain-hidden-in-a-spreadsheet-app

TinyType

Un tableau récapitulatif des différentes polices installées par défaut sur les systèmes d’exploitation mobile : iOS / Android / Windows Phone 7
http://www.jordanm.co.uk/tinytype

Si les affiches de cinéma étaient réalisées par des graphistes de théâtre

Vous connaissez, Boulet, le célèbre dessinateur de BD français qui amuse la Toile à coups de crayons et de bulles bien senties ?  Il a décidé de revisiter les affiches de films connus de tous en version graphiste théâtre. Résultat saisissant.
http://www.madmoizelle.com/affiches-cinema-graphistes-theatre-152219

How GoPro Created a Billion Dollar Empire

Le blog Mashable revient sur la success story de Nick Woodman et sa petite caméra sportive devenue leader sur le marché. Comment est-on passé d’un prototype scotché sur la planche de surf de Woodman à une entreprise valorisée à plus de 2 milliards de dollars ?

http://mashable.com/2013/03/05/gopro-camera/

Les Talking Shoes

Cela fera bientôt un an que Google a annoncé ses lunettes interactives qui vont révolutionner notre façon de voir le monde. En attendant, une commercialisation Grand Public prévue pour 2014, Google a présenté les Talking shoes au salon SXSW 2013. Une paire de chaussures qui transforment en données tous vos mouvements et déplacements

Formats et dimensions des visuels Facebook / Twitter / G+ / Pinterest / etc.

La multiplication des réseaux sociaux entraîne la multiplication des formats d’images pour les photos de profil, couvertures… Voici un résumé à garder sous le coude pour passer moins de temps à chercher.
http://www.kriisiis.fr/formats-poids-et-dimensions-des-visuels-facebook-twitter-google-pinterest-etc/

icons Times

Un graphiste parisien a décidé de revisiter l’actualité à base d’icônes et de visuels minimalistes.
http://iconstimes.com/

Le nouveau facebook arrive

Après l’Open Graph qui va enfin donner au champ de recherche une véritable utilité, c’est au tour du Fil d’actualité de s’offrir un ravalement de façade. Mise en avant des visuels, plus de clarté, plus de similitudes entre web et mobile, etc.
https://www.facebook.com/about/newsfeed

Les 22 règles du story-telling

Emma Coats, scénariste et réalisatrice chez Pixar a tweeté 22 règles pour bien écrire et qui peuvent s’appliquer à de nombreux domaines.
http://aerogrammestudio.com/2013/03/07/pixars-22-rules-of-storytelling/

Child of the 90s

Microsoft ressort les codes des années 90 pour promouvoir Internet Explorer 10 en s’appuyant sur le fait qu’à l’époque des Yoyos, des Pogs et autres Hyppo-Glouton, IE était déjà là et qu’il a désormais évolué.

TweetPing

Toutes les statistiques de Twitter en temps réel sur une mappemonde. Nombre de tweets, de mots, de caractères, dernier hashtag (non, je n’utiliserais pas le « mot dièse » !) utilisés, le tout réparti suivant les continents. Plutôt impressionnant.
http://tweetping.net/

Vine : A new way to share video

Twitter a lancé Vine. Disponible uniquement sur iOS pour le moment, le service permet de créer des vidéos de 6 secondes. Intégration multimédia de plus en plus efficace pour le microblogging. Après avoir formaté l’information textuelle en 140 caractères, Twitter pose ses codes pour la vidéo sur le web.
http://blog.twitter.com/2013/01/vine-new-way-to-share-video.html

15 Years of Apple.com

Une présentation qui reprend toutes les versions de la page d’accueil du site de la firme de Cupertino. De la constance et du changement à la fois.
http://fr.slideshare.net/15-years-of-applecom

How Larry Page engineered a beautiful revolution

Depuis 2011, Google a fait de nombreux changements au niveau du design des interfaces de ses services afin d’obtenir plus de cohérence. En effet, entre les services web, les applications mobiles / tablettes, Android et Chrome OS, on voit aujourd’hui qu’une réelle unité s’est mise en place. Un article très détaillé pour tout savoir.
http://www.theverge.com/google-redesign-how-larry-page-engineered-beautiful-revolution

Intégration et e-mails responsive

Aujourd’hui, le responsive design s’est affirmé et de nombreuses solutions existent. En revanche pour l’emailing, cela est plus compliqué. Intégrer sous IE 6 devient un jeu d’enfant par rapport à la gestion des différentes versions de Outlook.
http://www.hteumeuleu.fr/integration-emails-responsive/

Twitter Transparency Report

Twitter publie un rapport sur l’année 2012 au sujet des informations demandées par le gouvernement et la DMCA (institut du copyright US pour faire simple). Un geste qui a pour but d’établir une certaine transparence et d’attirer un capital sympathie auprès de ses utilisateurs.
https://transparency.twitter.com/

55 years of the brick

Lego fête ses 55 ans avec un tumblr original. Ils ont créé une série d’affiches à base de briques Lego représentant un film, un conte, une musique ou bien encore un groupe. Minimaliste et amusant à souhait.
http://55yearsofthebrick.tumblr.com/

15 extensions Chrome pour webdesigners et intégrateurs

Raccourcis, captures d’écran, règles, statistiques, color picker, résolutions, tout y est
http://www.awwwards.com/15-great-chrome-extensions-for-web-designers-and-developers.html

Poste : Développeur Web

Comme vous le savez tous (ou pas), nous sommes situés à Saint-Etienne. Nouvelle année, nouveaux projets, l’équipe s’agrandit ! Ainsi, on recherche un ou une développeur(se) web avec le profil suivant :

• PHP / HTML / CSS and co.
• Prestashop
• WordPress

Pour ces différentes compétences le niveau demandé est : BONHOMME*.

Windows, Mac ou Linux, on est tolérant.

Les + :

• Connaître les différentes répliques de La Classe américaine / Le Grand Détournement
• Être capable de s’intégrer à La Dream Team (non, on ne parle pas de l’équipe de 1992)
• Avec de l’expérience, c’est mieux mais on peut s’arranger
• Soif d’apprendre
• Si tu dis numérique et non digital, tu es bien parti(e)

Lieu : Saint-Etienne
Date d’embauche : Dès que possible

On attend vos CV par ici : jobs@axome.com

*Description du level BONHOMME ci-dessous :

Depuis la 1.5 l’administration est « surchargeable ».

Il est donc possible d’ajouter des colonnes à des listes et modifier le contenu pour mettre en avant une valeur plus que l’autre.

L’exemple ci-dessous permet d’ajouter une colonne transporteur dans la liste des commandes du back-office.

class AdminOrdersController extends AdminOrdersControllerCore
{
	public function __construct()
	{
		parent::__construct();
		$this->_select .= ', ca.name as carrier_name';
		$this->_join .= ' LEFT JOIN `'._DB_PREFIX_.'carrier` ca ON (ca.`id_carrier` = a.`id_carrier`)';
		$this->fields_list['carrier_name'] = array(
			'title' => $this->l('Transporteur'),
			'width' => 200,
			'callback' => 'transporteur'
		);
	}
        public function processFilter()
	{
		parent::processFilter();
		$this->_filter = str_replace('`carrier_name`', 'ca.name', $this->_filter);
	}
	public function transporteur($carrier_name)
	{
		if (strpos(strtolower($carrier_name), 'colissimo') !== FALSE)
			return '<span style="color: #006a32;">' . $carrier_name . '</span>';
		else
			return $carrier_name;
	}
}

Il est important de noter que la variable récupérée dans le « select » (ici « carrier_name ») doit être la même que la clé passée dans le tableau « fields_list ».

Aussi la table de référence de la classe courante (ici « orders ») est sous l’alias « a » dans la requête SQL pour réaliser des jointures.

Nous utilisons ici une fonction de « callback » permettant de « skinner » le résultat. (ici « transporteur »).

Cette fonction doit être une méthode de la classe courante. Un autre exemple existe dans la classe « AdminOrdersControllerCore » sur la colonne PDF permettant une fusion avec Smarty (chargement de .tpl).

Bonus : cette fonctionnalité permet la recherche et le tri.

Update : il est possible d’ajouter une entrée ‘callback_object’ pour spécifier la classe dans laquelle la méthode de callback se trouve. Cette méthode devra être « static ».

Si comme nous, vous travaillez dans le web, vous n’êtes sûrement pas sans savoir ce qu’est le Responsive Design. Tout le monde n’ayant pas la chance de pratiquer notre superbe métier, nous nous sommes dit qu’il serait intéressant d’expliquer cette notion à tous.

Etant l’une des principales caractéristiques du web de demain (d’aujourd’hui ?), il semble effectivement compliqué de passer à côté. C’est pourquoi nous proposons cette infographie pour comprendre les principes de base de cette « nouveauté ».

Source : Dotcominfoway

Il s’agit d’une nouvelle fonctionnalité disponible dans l’outil de publication de votre page Facebook . En tant qu’administrateur de page(s), vous pouvez dès à présent mettre en avant des offres et des promotions de vos produits aisément sur votre page.

Ces offres étant l’équivalent des statuts, vos utilisateurs pourront les voir dans leur Fil d’actualité, les aimer, les commenter et les partager avec leurs amis. C’est là que l’on voit un vrai avantage vis-à-vis des annonces dans la colonne de droite à laquelle les utilisateurs ne prêtent pas forcément attention.

3 types d’offres à disposition :

• En magasin uniquement : l’utilisateur reçoit un email avec l’offre à présenter (imprimée ou sur leur smartphone) dans une boutique physique.
• En magasin et en ligne : l’offre est valable en magasin et sur une boutique en ligne.
• En ligne uniquement : l’offre peut être utilisée seulement par le biais de votre site web.

Créer une offre est très simple. Il suffit d’ajouter un titre, un visuel (qui servira de vignette pour l’offre), des conditions, une date de fin, un code promo ou un code barre (suivant le type d’offre). Il est également possible de définir un nombre d’offres maximum (illimité par défaut). Pour finir, vous chargez un aperçu et il ne vous reste plus qu’à établir le budget (en fonction du nombre de personnes à atteindre), et le tour est joué !

Les petites infos utiles :

• Un minimum de 400 J’aime est nécessaire pour avoir accès à cette fonctionnalité sur votre page.
• La première offre est gratuite.
• L’offre peut être arrêtée avant la fin de l’échéance prévue même si des utilisateurs ont déjà demandé à en bénéficier.
• Le nombre de demandeurs de l’offre est disponible sous le titre de celle-ci. Il est conseillé d’ajouter un code barre pour le suivi dans votre magasin physique.
• Il n’est pas possible de modifier une offre une fois publiée.
• Les options de Langue / Zone géographique sont disponibles de la même manière que pour les statuts / liens / photos, etc.
• Le texte du titre est limité à 90 caractères.
• Le texte des conditions générales peut aller jusqu’à 900 caractères.
• La taille de la vignette est de 90×90 pixels. Les images rectangulaires seront automatiquement rognées au format carré. Bien penser à faire un aperçu avant publication.

C’est une présentation assez rapide de cette fonctionnalité. Consultez la page d’aide (avec une vidéo en anglais) pour plus d’informations : https://www.facebook.com/help/pages/offers.

Best Education Sites a sorti une superbe infographie animée résumant l’évolution de l’Internet depuis 2002. On retrouve ainsi des chiffres surprenant comme le nombre d’internautes qui est passé de 569 millions à près de 2,3 milliards, ou encore que le nombre de sites internet a été multiplié par 185.

Il est également amusant de voir les changements de design de sites comme Yahoo, CNN ou Apple. Le graphisme et l’ergonomie sont devenus aussi importants que les fonctionnalités avec l’émergence du web 2.0

Je vous laisse découvrir la suite.

source : Best Education Sites

Le 5 Juin 2012 au Musée d’Art Moderne de Saint-Etienne, avait lieu la remise des prix du concours Loire Webdesign. Avec 3 sites e-commerce made in Axome (Cadeau Maestro, Aya Nature et La Porte à Clefs) présents dans les 10 finalistes du concours, une partie de l’équipe s’est donc rendue à la soirée pour les soutenir.

Et ce sont nos amis de Cadeau Maestro qui ont obtenu la récompense du meilleur site marchand. Une belle récompense pour leur travail (contenus, photos, recherche de nouveaux produits…) avec un trophée pour l’agence également !

Merci à la CCI de Saint-Etienne pour l’accueil et l’organisation.

Online MBA nous partage cette infographie résumant les chiffres des principaux réseaux sociaux à savoir : Facebook, Twitter, Google+, Pinterest, LinkedIn, Reddit et Digg.

Je vous laisse découvrir les chiffres ci dessous…

3 mois après que Facebook ai mis en place la nouvelle Timeline pour les comptes c’est au tour des pages de passer le cap.

Cette nouvelle présentation permet de nouvelles évolutions et une présentation de type « magazine » favorisant ainsi les interactions et l’attractivité globale des pages.

Cette nouvelle Timeline peut dès à présent être activée sur vos pages avant le passage forcé prévu a la fin du mois (le 30 mars, le temps prévu pour faire la transition en douceur).

Quels changements pour cette nouvelle Timeline?

• L’image de couverture : enfin un grand visuel bien sympa ou il est possible de faire quelque chose de cool qui permet de mettre réellement en valeur une marque. Cependant il y a quelques règles à respecter qui peuvent paraître bien contraignantes (paragraphe III. B.)
• L’apparition des sections via des onglets sous cette même couverture : mise en avant des infos de contact, des photos, des recommandations…
• La possibilité de dérouler cette même zone d’onglets pour accéder aux applications (bye bye le menu en colonne à gauche pour naviguer d’une application à l’autre)
• Plus aucune solution pour la célèbre « welcome page » incitant les nouveaux venus à liker la page avant d’y accéder. Beaucoup critiquent cette nouvelle mesure, personnellement je trouve cela bien plus respectueux des utilisateurs. Cela replace l’intérêt au centre des préoccupations et met un frein à la course aux fans
• La possibilité de mp (messages privés) l’administrateur de la page afin d’améliorer la relation entre utilisateurs et marques
• Favoriser et mettre en avant un post via la possibilité de le verrouiller en haut de la page ou de le mettre en avant (prenant ainsi les 2 colonnes)
• Une nouvelle interface d’administration des pages beaucoup plus conviviale et surtout très pratique (nos amis les community managers apprécieront)

Et du coté des publicités Facebook

D’autres part, vous vous doutez bien qu’avec l’introduction récente en bourse de Facebook ils repensent leur modèle économique et vont donc favoriser la publicité afin de faire rentrer rapidement de l’argent dans les caisses.
Au centre de cette nouvelle stratégie il y a bien sur le besoin évident de monter en qualité et pertinence publicitaire afin de faire lever les budgets des annonceurs.
Pourquoi Adwords gagne tant d’argent? Parce que le système privilégie avant tout la satisfaction utilisateur en proposant des résultats organisés sur un principe de qualité.
La nouvelle démarche Facebook semble être similaire sur le fond même si bien évidement la forme diffère.

La nouveauté ce sont les Premiums Ads dont une présentation complète est disponible via ce lien.