mardi 14 juillet 2009

Detruk c'est fini... la suite sur "All For Design"

Detruk c'est fini... la suite sur "All For Design"

All For Design- Logo

Cela fait maintenant 2 mois que j'ai décidé de me lancer dans une refonte complète de ce blog. Ce travail touche à sa fin et j'ai l'honneur de vous présenter le blog "All For Design". Le design a été entièrement repensé, je change d'hébergeur et j'opte pour le très célèbre Wordpress.

Seul le contenu reste le même avec toutefois certaines améliorations. Je profite de cette refonte pour vous proposer une nouvelle rubrique "Interview" inaugurée par Bruno Bichet de CSS 4 Design qui nous parle de son métier. Vous trouverez également plus de tutoriaux orientés HTML/CSS et je partagerai bien sur certaines astuces "Wordpress" qui m'ont beaucoup aidé à construire le blog. Bref, si vous appréciez Detruk, vous ne pourrez qu'aimer "All For Design".

Voici un screenshot du nouveau blog (cliquez pour l'image complète)

Blog All For Design_Screenshot Preview

Je n'alimenterai donc plus Detruk, ce post sera le dernier.

Merci à tous ceux qui ont suivi ce blog durant plus d'une année. Pour continuer à me lire et découvrir de nouveaux articles, je vous donne rendez-vous dès maintenant sur... All For Design!

mercredi 20 mai 2009

dotMobi WordPress Mobile Pack : Wordpress pour mobiles

dotMobi WordPress Mobile Pack : Wordpress pour mobiles

Mobiforge - Logo

Le Wordpress Mobile Pack est un plugin Wordpress permettant la portabilité de votre site web sur les appareils mobiles. Il a été conçu par James Pearce, Vice Président des technologies émergentes chez "dotMobi". Si le nom "dotMobi" ne vous dit rien, il s'agit d'un grand groupe industriel basé à  Dublin (leader mondial du développement et de la découverte de contenu mobile de qualité) qui gère les noms de domaines mobiles et qui est à  l'origine du célèbre ".mobi". Le groupe encourage l'innovation de l'industrie mobile en donnant aux fournisseurs de contenu les outils nécessaires pour s'assurer que le Web fonctionnera sur les téléphones avec rapidité, précision et pertinence.

Il existait déjà  des solutions permettant de rendre votre site web accessible sur les téléphones mobiles. Je pense notamment à  l'article "Veerle's blog goes mobile" publié sur le blog de Veerle Pieters.

La solution que propose James Pearce s'adresse uniquement aux utilisateurs de Wordpress et ses fonctionnalités semblent dépasser de loin tout ce existe aujourd'hui dans ce domaine...

Le Wordpress Mobile Pack offre :

dotMobi Wordpress - screenshot
  • Une détection de la provenance de vos visiteurs et les oriente si besoin sur le thème adapté aux mobiles
  • Une détection du type d'appareil mobile utilisé par vos visiteurs
  • La possibilité de switcher d'un thème à  l'autre une fois sur le site
  • Un thème "spécial mobiles" entièrement paramétrable et personnalisable
  • Une fonction permettant d'adapter automatiquement votre contenu web pour un support mobile : suppression des médias, partition des grandes pages, adaptation de la taille des images, simplification automatique des css...
  • Un panneau d'administration accessible depuis un téléphone
  • Un widget lecteur de codes QR
dotMobi Wordpress thème - screenshot

Vous pourrez trouver ce plugin sur le site "Mobiforge", une communauté de développeurs spécialisés dans le domaine du mobile. Ce site s'adresse à  tous ceux qui s'intéressent au développement et au design d'applications mobiles. Vous pourrez y trouver de nombreux articles traitant de design, de développement et de tests en tous genres.

Le site propose également un forum, un blog ainsi qu'un ensemble d'outils pour le développement sur mobiles (Templates de sites, outils de création et de test, framework etc...). Vous l'aurez compris, si vous vous intéressez à ce domaine, Mobiforge est un site à  placer dans vos favoris.

mardi 19 mai 2009

Twitter Feed : automatisez vos tweets !

Twitter Feed : automatisez vos tweets !

Twitter Feed - Logo

Au fil du temps, Twitter a su s'imposer pour devenir aujourd'hui la référence du microblogging. Nombreux sont ceux qui s'en servent comme d'un outil de communication à part entière.

Il existe un service qui va peut-être vous simplifier la vie et vous faire gagner du temps. Twitter Feed vous permet de lier votre compte Twitter à votre blog pour automatiser la parution d'un tweet dès qu'un article est publié sur votre blog. Il vous suffit pour cela de créer gratuitement un compte sur Twitter Feed pour avoir accès à ce service.

Twitter Feed - screenshot

L'interface est simple et efficace. Il existe plusieurs options vous permettant de définir le contenu de vos tweets automatisés. Vous pouvez reprendre le titre de l'article venant d'être publié sur votre blog, opter plutôt pour la description ou bien choisir d'inclure les deux dans votre tweet.
Vous pouvez également choisir le texte qui précédera le titre de l'article.

ex : [Nouveau post sur Detruk] suivi du nom de l'article.

Plusieurs fréquences d'actualisation sont proposées, le plus court étant 30min. Twitter Feed vérifiera ainsi les mises à jour de votre blog toutes les demi-heures et créera un tweet pour chaque nouvel article publié.

Si vous possédez plusieurs blogs vous pourrez créer plusieurs flux. Si vous vous posez la question, sachez que ce service est complètement gratuit.

Pour être moi-même un utilisateur de Twitter Feed, je peux vous confirmer que ce service marche très bien et que j'en suis maintenant devenu un utilisateur régulier.

Quelques liens pour finir :

> Twitter Feed

> Twitter

> Detruk sur Twitter

dimanche 17 mai 2009

Web design+ : les standards du web vus par Harry Roberts

Web design+ : les standards du web vus par Harry Roberts

Web Design+ - Logo

Web Design+ est un récapitulatif de bonnes pratiques concernant la création web. Quel doctype choisir, comment améliorer l'accessibilité d'un site, quelles sont les bonnes habitudes lorsqu'on créé un formulaire, quel CSS-reset choisir, etc...

Ce petit manuel a été conçu par Harry Roberts, un développeur de 18 ans, exerçant son métier au Royaume-Uni. Malgré son jeune age, Harry possède déjà une bonne maitrise technique puisqu'il est spécialisé dans les CSS, les standards web, la sémantique XHTML et l'accessibilité.

Web Design+-toc

Web Design+ s'adresse plutôt à ceux qui connaissent déjà le HTML et les CSS mais qui souhaitent parfaire leur technique en s'appropriant les bonnes pratiques. Lorsqu'on parle d'intégration web, même s'il existe différentes façons pour aborder un même problème, il y a néanmoins des solutions génériques, propres, respectueuses des standards. Ce sont ces solutions que vous trouverez dans ce guide.

Je sais qu'il existe de très nombreux documents présentant les standards du web. L'intérêt de celui-ci réside dans la clarté, la simplicité des explications, l'étendue des sujets traités et leur côté très pragmatique. C'est selon moi, un document qui peut s'avérer très utile en cas de doute sur un problème de construction de page web ou tout simplement pour en apprendre plus sur les standards, la sémantique ou sur l'accessibilité.

Web Design+ fait partie de CSS Wizardry, le site d'Harry Roberts sur lequel vous trouverez de nombreuses ressources parmi lesquelles son propre framework css "Typogridphy", une rubrique "Toybox" où vous trouverez de nombreux snippets (php, css, xhtml), "Clecktionary" un dictionnaire humoristique dédié aux natifs de la ville de Cleckheaton (UK).

Quelques liens pour finir :

> Web Design+

> CSS Wizardry

> Le portfolio d'Harry Roberts

dimanche 10 mai 2009

Zoom sur les travaux d'Emre Turhal

Zoom sur les travaux d'Emre Turhal

Emre-Turhal

Aujourd'hui, zoom sur un artiste que j'affectionne tout particulièrement et qui fait partie de mes "références" en matière de création numérique.

C'est au cours de mes flâneries sur DeviantArt que j'ai découvert les travaux d'Emre Turhal, un jeune artiste Turc très talentueux. Il est Directeur Artistique, Graphiste, Illustrateur et ses travaux valent vraiment le coup d'œil.

A seulement 24ans, Emre possède déjà son propre style avec des œuvres assez sombres, composées de formes déstructurées, de personnages déchirés, le tout enrobé d'une bonne dose de créativité et d'une grande maitrise technique. Bref, un artiste vraiment intéressant à mon goût.

Comme des visuels valent mieux qu'un long discours, voici quelques-uns de ses travaux...

bubblerock by Emre Turhal
zoomate by Emre Turhal
punk by Emre Turhal
that's me by Emre Turhal
The InsectLuv by Emre Turhal
Third World by Emre Turhal
Type World by Emre Turhal

J'aurais ainsi pu vous présenter des dizaines de visuels tant le portfolio de l'artiste est fourni. A ce propos, si vous souhaitez voir ses travaux, je vous conseille d'aller sur son espace DeviantArt plutôt que sur son site perso très (trop?) minimaliste.

En tous cas, Emre Turhal reste un de mes artistes favori, tant par son style graphique que par sa parfaite maitrise des outils de création numérique... Chapeau m'sieur !

Quelques liens pour finir :

> Emre Turhal sur Deviant Art

> Site perso de l'artiste

dimanche 26 avril 2009

Power to the poster : des posters à imprimer gratuitement

Power to the poster : des posters à imprimer gratuitement

Power to the poster - Logo

En naviguant au hasard du web, de lien en lien, on fait parfois de bonnes découvertes. C'est le cas pour le site "Power to the poster" qui présente une série de posters de qualité format 11x17 pouces (soit 3300x5100px). Ce qui différencie cette galerie des autres sites du genre, c'est la possibilité d'imprimer vous-même les œuvres qui vous intéressent sans payer un centime. Des œuvres de qualité, proposées gratuitement au public, voilà de quoi susciter l'intérêt.

Le but affiché du site est plus de faire passer un message axé "peace, love and ecology" (et plutôt anticapitaliste...) que de faire des bénéfices sur la vente des œuvres proposées.

Puisque le dépôt d'œuvres est ouvert au public, n'importe qui peut proposer ses posters qui, après validation, se verront enrichir une galerie déjà composée de plus de 130 affiches...

Pour vous faire une petite idée de l'univers graphique des posters proposés, en voici quelques-uns...

Love Is About Souls By Mitchell Bartlett

Love Is About Souls By Mitchell Bartlett

Captivity By Ahmet Erdogan

Captivity By Ahmet Erdogan

DOWN-UP By Justin Kemerling

DOWN-UP By Justin Kemerling

Trabajemos By J. Carlos Campuzano

Trabajemos By J. Carlos Campuzano

Quelques liens pour finir :

> Power to the poster : le site

> Power to the poster : le blog

dimanche 19 avril 2009

Photoshop : centrage et points de force, 2 scripts bien utiles

Photoshop : centrage et points de force, 2 scripts bien utiles

Script Photoshop - Logo

Si vous travaillez sur Photoshop, je pense que vous utilisez les repères et les guides pour mieux construire vos images. Personnellement je cherche régulièrement le centre de mon document et très souvent les points de force de mon image. Je ne vous ferais pas l'affront de vous expliquer ce qu'est le centre d'une image mais une petite explication s'impose pour les points de force...

Si vous divisez une image en 3 dans le sens vertical et faites de même dans le sens horizontal vous obtiendrez des lignes qu'on appelle "lignes de force". Leur intersection forme 4 points appelés "points de force". Lorsque vous construisez une image il est important de placer les éléments principaux en fonction de ces points car notre œil est attiré en priorité sur ces derniers.

Vous n'êtes pas sans savoir que Photoshop possède un outil d'automatisation de tâches fort utile qu'on appelle "Script" ou "Actions" en Français.

Plutôt que de calculer à chaque fois le centre de votre image puis d'y placer vos repères ou pire, de sortir la calculatrice pour repérer où sont les tiers du document, il est intéressant d'utiliser les Scripts pour laissez Photoshop faire le travail à votre place. Pourquoi se compliquer la vie?

Aujourd'hui je vous propose donc 2 scripts qui placeront des repères au centre et aux tiers de votre image afin d'y repérer d'un coup d'œil les lignes et points de force.

Script - Centre image - screenshot

Dans un premier temps il vous suffit de télécharger les scripts ICI. Ensuite, vous devez placer le fichier "Graphisme.atn" dans le dossier Actions (ou Scripts en Anglais) de Photoshop. Ce dossier se situe dans C:\ProgramFiles\Adobe\Photoshop\Presets\Actions.

Ensuite, dans Photoshop, vous affichez la fenêtre de Scripts (raccourci F9), en haut à droite de celle-ci, cliquez sur la petite flèche pour accéder au menu, choisissez "Charger des scripts..." et allez chercher le script que vous venez de télécharger.

Un nouvel ensemble "Graphisme" apparaît maintenant dans votre fenêtre. Ce dossier comprend un script "centre" et un script "points de force". Pour lancer l'une où l'autre des actions, placez-vous sur l'un des deux scripts et cliquez sur le bouton "Play" en bas de la fenêtre de scripts. (le bouton est symbolisé par un triangle). Et Voilà! Vos repères apparaissent sur votre image.

Script - Points de force - screenshot

Quelques liens pour finir :

> Wikipédia : la composition d'une image

> Adobe Help center : Utilisation des scripts

mardi 14 avril 2009

Picture & Co, futur lieu d'échange pour tous les créatifs

Picture & Co, futur lieu d'échange pour tous les créatifs

Picture & Co - Logo

Picture & co est un blog dédié à tous les artistes numériques quelle que soit leur orientation : 2D, 3D, Web, vidéo, photo, etc. Réalisé en 2005 par Stéphanie Guillaume, il est ensuite devenu le site officiel du magazine Creanum.

Il renaît aujourd’hui (mars 2009) sous le même nom mais sous la forme d'un blog. Son but est de proposer aux créatifs un lieu unique où trouver des chemins vers les ressources dont ils ont besoin au quotidien.

Pour ceux qui ne la connaissent pas, Stéphanie Guillaume est la rédactrice en chef des magazines "Advanced Creation" (anciennement "Advanced Photoshop") et "Web Design". Elle travaille également pour les magazines "Creanum", "Compétence Mac", "Compétence Photo" et réalise des ouvrages pour l'éditeur Dunod.

Picture & Co - Screenshot

Picture & co propose des articles sur l'actualité numérique. Vous y trouverez également de nombreux liens. Si vous souhaitez vous tenir informé des tendances, des événements ou si vous cherchez des liens vers des ressources, vous êtes au bon endroit. 3D, 2D, PAO, Webdesign, Matériel, Evenements, Livres, etc... les domaines couverts sont très nombreux.

Le projet de Stéphanie est de faire évoluer ce blog en un lieu de partage et d'échange destiné à tous les créatifs. "un lieu central où chaque artiste numérique pourra trouver toutes les infos qu’il recherche : les magazines spécialisés, les éditeurs de logiciels, les sites de ventes, les astuces et tutoriels, etc.".

L'initiative est bonne et j'attends avec impatience de voir comment va évoluer Picture & co. Petite remarque personnelle pour terminer, je n'en ai pas encore parlé mais on pourra remarquer le design réussi, créé par "Yichi", VikiWorks studio.

Quelques liens pour finir :

> Picture & co : le blog

> Le site personnel de Stéphanie Guillaume

samedi 4 avril 2009

Zoom sur Colorbunch, le portfolio de Philipp Schilling

Zoom sur Colorbunch, le portfolio de Philipp Schilling

Colorbunch : Logo

Philipp Schilling est un graphiste allemand qui, malgré son jeune age (20ans) possède 2 atouts qui ont su l'aider à se démarquer : créativité et technicité.

Il présente ses travaux sur son portfolio Colorbunch, très sobre et efficace (made by Indexhibit). Vous pourrez y découvrir des œuvres certes assez peu nombreuses pour le moment mais plutôt variées et toutes très abouties.

Pour vous donner un aperçu, voici quelques-uns des travaux de l'artiste... (Cliquez sur les images pour les agrandir)

Colorbunch-1
Colorbunch-2
Colorbunch-3
Colorbunch-4
Colorbunch-5
Colorbunch-6

Quelques liens pour finir :

> Colorbunch : portfolio

> Le blog de Philipp Schilling (Allemand)

> Philipp Schilling sur Twitter

> Philipp Schilling sur Myspace

> Espace FlickR

> Philipp Schilling sur DepthCore

samedi 28 mars 2009

Arts graphiques : 19 sites pour suivre les tendances

Arts graphiques : 19 sites pour suivre les tendances

Inspiration Detruk

Tout d'abord je tiens à m'excuser du manque de posts sur ce blog depuis quelques temps. Entre le travail, ma petite femme et une semaine "off", je n'ai pas vraiment eu le temps de faire de nouveaux articles... Pour me rattraper un peu voici une sélection de 19 sites (magazines, blogs, galeries) qui vous permettront de suivre les tendances actuelles en matière de création graphique. Design, Graphisme, Photographie, Animation, Typographie, Web design etc... Voici une petite sélection de mes endroits favoris du web...

1983

1983 est selon son auteur un "journal/scrapbook" sur le design. Sur ce blog, Kenny Wan, graphic/web designer et photographe amateur vous présente ses découvertes et ses coups de cœur. Les lecteurs peuvent participer en envoyant par mail ce qu'ils souhaitent proposer.

Abduzeedo

Abduzeedo est le blog de Fabio Sasso, un designer Brésilien. Si vous souhaitez suivre les tendances en matière de création graphique et de web design, c'est vraiment un site à mettre dans vos favoris. En plus d'articles fort intéressant, vous trouverez tous les jours un post intitulé "Daily Inspiration" qui présente les coups de cœur des auteurs du blog mais également des lecteurs. Vous pouvez vous-même poster sur ce blog ou via Twitter après vous être inscrit. Je vous conseille donc vivement d'aller faire un tour sur ce site qui est vite devenu pour moi une référence.

Behance

Behance Network est un réseau permettant aux créatifs de présenter leur travaux mais également de créer des groupes de travail. Si vous êtes invités par un utilisateur de Behance, vous pourrez utiliser les outils mis à disposition pour créer votre portfolio sur le site. Sans invitation, vous pourrez toutefois visualiser les œuvres présentées. C'est un très bon endroit pour suivre les tendances... Il existe également le Behance Magazine et le Creatives Outfitter (online shop).

Creative Tempest

Creative Tempest est une galerie présentant des artistes talentueux. De nombreux domaines sont abordés (digital painting, illustration, street art...) et la qualité des œuvres et des artistes présentés est toujours au rendez-vous. Vous ne trouverez pas de publicité "visible" sur le site qui a préféré opter pour des annonces subliminales. Toute les 5 secondes, un message publicitaire s'affiche durant 1/2000eme de seconde... Allez, je vous laisse je vais acheter du coca...

Deviant Art

Pour ceux qui ne connaitraient pas encore Deviant Art, ce site est une véritable mine d'or de la création en tous genres. Vous pouvez vous inscrire et uploader vos œuvres pour les soumettre à la critique. A moins d'avoir quelque chose de précis à chercher, il est bon de se balader sur Deviant Art en naviguant de lien en lien. Une création vous intéresse, vous arrivez sur la page de son auteur. Après avoir visité sa galerie, vous pourrez aller faire un tour sur ses favoris... Et, là, vous trouvez une œuvre qui vous plait puis vous allez visiter la page perso de son auteur etc etc etc.... Sur Deviant Art on peut trouver le pire comme le meilleur, le tout est de bien savoir chercher. Petite info pour conclure, ce site est un très bon endroit pour trouver des textures gratuites...

Dirty Mouse

Le blog Dirty Mouse est presque exclusivement alimenté par ses lecteurs. Graphisme, Web design, Illustration, Photographie, Design produit et design d'intérieur sont autant de domaines sur lesquels vous pourrez trouver l'inspiration en vous rendant sur le blog updaté plusieurs fois par jour.

Form Fifty five

Encore une autre source d'inspiration très intéressante. Le site Form Fifty Five possède de nombreux contributeurs sur des sujets très variés : Design, Photographie, Typographie, Graphisme, Art, Print, Web etc...

ffffound

Sur Ffffound, non seulement vous pouvez partager vos coups de cœur en contribuant à l'alimentation du blog mais vous pourrez également vous voir proposer des sujets en relation avec vos propres goûts. Le système est simple, vous pouvez taguer les posts qui vous intéressent particulièrement. Plus vous placez de sujets en favoris, meilleures seront les propositions qui vous seront faites par le site. En plus de ce système de votes/propositions assez sympa, la qualité des choix proposés font de Ffffound une bonne source d'inspiration et donc, un endroit à placer dans vos bookmarks!

Grafik cache

Sur son blog Grafik Cache, Dave Smith, un designer Irlandais de 26 ans nous fait partager ses sources d'inspiration. Design, photographie, architecture, lectures, expo, typographie, illustration, animation... la liste des domaines présentés dans ce blog est longue.

Grafica Real

Grafica Real est un projet commencé en Janvier 2009 par Samuel Jesse, un jeune étudiant en Multimédia & Design. Ce site est à mi-chemin entre le Magazine et le blog. Il couvre principalement le domaine de la conception graphique au sens large (ressources, tutoriaux, revues, street art, mode etc...).

Graphic Exchange

Graphic Exchange est le site de Fabien Barral, graphiste freelance Français passionné des arts graphiques. Vous y trouverez ses propres créations mais également ses sources d'inspiration. En plus de cela, ce site vous permet d'échanger vos travaux print (s'ils sont retenus) avec Fabien qui propose pour sa part certaines de ses œuvres. Un bon concept non ?

Made in England

Made in England a été créé par un certain "Cookie", designer, illustrateur et...aventurier. Le site traite de domaines très variés et les sujets et artistes proposés sont très souvent de bonnes surprises. Le ton frais et humoristique confère à ce blog un petit plus appréciable.

Original Linkage

Le blog Original linkage créé par Bob Sakoui, directeur artistique dans une agence de pub basée à Londres, propose de nombreux articles sur des sujets très variés (Design, Photographie, Musique, Packaging, Illustration, Animation etc...).

Reform and Revolution

Si la notoriété de Reform & Revolution n'est plus à faire c'est très certainement dû à la qualité des artistes et œuvres proposés sur le site. Si vous voulez avoir un aperçu de ce qui se fait de mieux en matière de création graphique, c'est l'endroit idéal.

The die line

Andrew Gibbs a créé The Dieline en 2007. Ce site est exclusivement dédié au packaging. Vous y trouverez les meilleurs exemples en la matière, créés par des artistes très talentueux.

The Strange Attractor

The Strange Attractor est un site qui traite de design, d'art, de musique et de science. Le site est alimenté par ses lecteurs ainsi que plusieurs contributeurs "officiels". Il a été créé par Pete Barnett, Designer et musicien vivant à Chicago et par Brendan Crich, dessinateur et musicien vivant dans le Colorado.

Type Neu

Si vous aimez la typographie, Type Neu sera surement vous combler. Le site présente de nombreux projets artistiques, tous en rapport avec l'art de la typo. A noter que ce site est couplé avec Reform & Revolution (présenté plus haut)

Visuelle

Le site Visuelle a été créé par David Bennett (This-Studio.co.uk). Vous y trouverez de nombreux liens et projets en rapport avec le design, le graphisme, la photographie, la typo etc... Encore une autre source d'inspiration à ne pas rater...

Yay!everyday

Yay!everyday est un bon site pour s'informer des tendances en matière de design, de photographie et autres... La qualité des oeuvres et artistes présentés ne vous décevra pas. Une référence là aussi...