Aujourd’hui, les tendances se propagent de plus en plus rapidement, grâce notamment aux nombreux canaux de communication disponibles.

Le documentaire Influencers nous présente ce qu’est un influencer aujourd’hui, et comment les différentes tendances se propagent. Le film tente de comprendre l’essence même de l’influence, ce qui rend une personne influente sans pour autant rentrer dans une approche statistique ou métrique.

Ecrit et réalisé par Paul Rojanathara et Davis Johnson, le film nous offre un polaroid de créatifs influents issus de la publicité, du design et de la mode , qui modèlent la culture populaire contemporaine.

Une nouvelle publicité bien sympa de la part de WWF. Comme toujours, la publicité est créative, avec une idée recherchée. La réalisation n’est pas exceptionnelle, mais le principal est la: on comprend le message que WWF veux faire passer. Le graphisme est lui aussi assez simple, avec des retouches de différentes images, un photomontage en quelques sortes.

Une superbe animation pour présenter la sortie de la derniere suite d’Adobe, la CS5, qui sera commercialisée en France début Mai.  L’animation, aux graphismes relativement simple, nous invite à nous plonger dans différents univers, aussi aboutis les uns que les autres. ça donnerai presque envie d’acheter cette Suite Adobe au plus vite !

Découvrez aussi en bonus le making of de ce court métrage très sympa.

Un super coup de pub pour la célèbre marque Ikea , le géant des meubles qui s’inspire de la culture design Suédoise . Après avoir décoré la Gare de Lyon en 2009, célèbre lieux de passage de nombreux voyageurs, c’est  dans le métro parisien que l’on va désormais retrouver la marque jusqu’au 24 Mars !

Ainsi, les stations Saint Lazare, Champs Elysées – Clémenceau, Concorde et Opéra verront leurs chers sièges en plastique durs et froids se transformer en canapés confortables , éclairés par de jolies lampes design. Un idée de street Marketing vraiment sympa donc, qui plaira aux usagers des transports en commun !

Le site de la toyota prius en version full flash est disponible. Retour sur en détail sur ce nouveau site…

Le nouveau site de la Toyota Prius se dévoile. Ce site, en Flash, est dans l’ensemble plutôt réussi, tant au niveau graphique qu’au niveau animation. Le collage des différents éléments est plutot bon, et les animations dans chaque menu sont originales et bien dans le sujet. On voit que les animations sont les éléments les plus travaillés du site, avec dès le début, un choix de langues et un prechargement vraiment bien réussis.

Deux petits problèmes ont néanmoins retenu mon attention:

• La navigation, qui n’est pas bien structuré avec un menu simple, et un menu qui apparait lorsque l’on passe sur les éléments du graphisme. C’est cet élément qui me déplait, car mal incrusté, pas bien lisible, et qui part trop rapidement.

• Le temps de chargement qui pour un menu est un peu trop long.

Comme vous l’avez remarqué, j’espère que ça se voit quand même, le thème de fuegin a changé. J’ai donc eu la joie de découvrir comment créer un thème pour wordpress !

Vu que c’est pas forcément évident de trouver des infos utiles et qui vont bien, je propose de partager avec vous tous les liens utiles dont j’ai pu me servir. Vous trouverez des infos allant du simple glossaire HTML ou CSS au tutoriel pour créer son thème de A à Z, en passant par la documentation wordpress sur les fonctions utilisable dans un template.

Je vais passer en revu point par point toutes les choses utiles pour créer son propre thème wordpress du plus basique à la création en elle même. Désolé pour les non-anglophone mais la plus-part des liens sont en anglais. C’est pas forcément pratique mais en informatique les meilleurs ressources ne sont pas toujours traduites !

Le design

C’est pas vraiment mon fort mais il faut toujours commencer par là. Tout ce que je peux vous dire, c’est qu’avant de coder votre thème commencer toujours par avoir au moins une maquette finale.

Exemple de maquette

Utilisez n’importe quel logiciel de DAO et créez l’apparence de votre site. Inutile de mettre les mains dans le code en vous disant que vous mettrez des images après… Vous perdrez plus de temps que vous n’en gagnerez.

HTML et CSS

Pour bien commencer, il faut au moins des bases en HTML et en CSS.  Si vous êtes totalement débutant, je vous conseil de jeter un oeil au site w3schools. Ce site offre de très bonnes infos pour débuter dans la création de page web.

w3scholls un site de référence

Si vous êtes déjà aguerri dans ce domaine, un petit rappel ne fait jamais de mal et un simple glossaire est toujours utile. Pour cela, je vous renvoi encore sur le site w3schools :

• Liste des balises HTML
• Liste des propriétés CSS

Le PHP

N’ayez pas peur ! Cette partie est là uniquement pour vous dire que vous n’avez pas besoin de connaissance en PHP !

Wordpress s'occupe de tout !

Les seuls bouts de code PHP que vous aurez à écrire sont des appels de fonction. C’est-à-dire une ligne qui va faire apparaitre quelque chose dans votre page. Ces fonctions sont déjà toutes prêtes, WordPress l’a fait pour vous.

L’ensemble de ces fonctions est d’ailleurs listé sur le codex WordPress :

• Liste des fonctions dédiées au template

Pour appeler un fonction PHP, rien de compliqué ! Il suffit de mettre le nom de la fonction entre balises PHP. Par exemple, pour afficher le titre de votre blog ou site :

Si vous n’êtes pas sur d’avoir bien saisi, bien que je vous raconte que c’est simple : pas d’inquiétude ! Je vais vous fournir un tutoriel qui explique certainement mieux que moi.

La création du thème wordpress

Soyons clair, je vais pas créer un énième tutoriel sur comment créer son thème wordpress. Mais j’en ai sélectionné deux parmi ceux qu’on peut trouver sur notre ami google :

• Tutoriel en français fait par fran6art
• Tutoriel en anglais fait par themeshaper

Le premier est en français ce qui ravira certain. Comparé au second il explique plus en détail. Donc si vous comprenez vite mais qu’on a besoin de vous expliquer longtemps, je vous le conseil.

Le second lui va peut être plus vite sur certains points mais offre d’autres avantages. Le thème que vous obtiendrez à la fin de ce tutoriel est optimisé pour le référencement ce qui n’est pas vraiment le cas du premier.

Mais pour ce dernier le meilleurs reste la possibilité de téléchargé le code terminé. Themeshaper.com a eu la bonne idée de mettre le thème du tutoriel sur google code !

• Your-theme le thème du tutoriel de Themeshaper.com

En effet, si vous ne comprenez pas un point du tutoriel, vous pouvez vous référé au fichier final.

Créer un thème multilingue

Une dernière chose, comment faire que votre thème wordpress soit multilingue ? En suivant le second tutoriel, on vous prépare à faire un thème plurilingue. Je vous laisse donc vous référer au paragraphe précédent.

Mais une partie n’est pas expliqué par themeshaper.com : comment créer les fichiers de langues pour wordpress ? Pour cela j’ai trouvé un tutoriel très simple et bien fait :

• Créer des fichiers de langues pour son thème

Mes conclusions

Les compétences

• Une bonne connaissance de HTML / CSS
• Quasiment aucune connaissance de la programmation PHP (il suffit de savoir lire et comprendre)

La démarche à suivre

Par rapport aux différents liens que j’ai pu vous fournir :

1. Faire le tutoriel en français de fran6art pour comprendre comment ça marche
2. Faire le tutoriel en anglais de themeshaper.com afin de repasser une couche et apprendre quelques astuces
3. Transformer le thème de ce dernier tutoriel en un thème multilingue grâce au tutoriel de herewithme.fr
4. Utiliser ce thème comme base pour créer votre propre thème

C’est à mon avis une bonne méthode, puisqu’en suivant les instructions de themeshaper.com votre thème sera optimiser pour le référencement et multilingue.

Superbe clip réalisé par Mathieu Bessudo aka McBess pour le groupe Dead Pirates, un groupe aux allures rock.

Le design est vraiment très intéressant et le dynamisme très réussie, avec la scène de la descente en ski qui m’a particulièrement plu.

Bonne découverte

Animation vidéo realisée par Jonathan Jarvis, etudiant Californien dans le monde du design (Art Center College of Design in Pasadena).

Le but de cette animation est d’expliquer de maniere ludique et aux non-initiés la crise du crédit, à travers une video animé et un style assez « jeune ».

Magnifique site découvert via FWA, Embrace your elements mélange à merveille la vidéo, le flash, l’interaction, la musique (presque stressante) et l’ergonomie .

Alors n’attendez plus, et venez choisir votre élément

Voici le site Wonderwall, présentant les travaux réalisés par cette agence de design créée par Masamichi Katayama.

Ce site présente une naviguation bien spéciale, avec un redimensionnement et une déformation des images lorsque l’on passe dessus. Assez originale donc, mais pas très ergonomique je pense, ce site vaut quand même le coup pour la qualité du contenu, pertinent, et sympa.