Le Blog de webdesign-tutoriaux

Best of Juin : 13 design de site sur CssLeak

beal2912 — Tue, 01 Jul 2008 11:44:17 +0000

La sélection de webdesign du mois de Juin sur CssLeak. 13 design au total à découvrir (parmis lesquels des Thèmes Wordpress, Portefolio, Site d’agence web …)

Share This

Optimiser son code PHP avec PHP Bench

beal2912 — Tue, 17 Jun 2008 12:23:33 +0000

Je voulais vous présenter The PHP Benchmark un site qui liste les meilleurs optimisations de codage en PHP. Par exemple : vaut-il mieux utiliser “print” ou “echo”, la simple quote ou la double quote pour les chaines de caractère…

Je pense qu’il est vraiment intéressant de prendre connaissance des bouts de code à éviter

Share This

28 Design de site tendance “Retro / Vintage”

beal2912 — Mon, 16 Jun 2008 13:04:56 +0000

Une nouvelle sélection de sites autour d’une des nouvelles tendances du moment “le Vintage” :

Accéder à toute la sélection de sites vintage sur CssLeak

Share This

Inspiration : Impossible is nothing ! par Adidas

beal2912 — Mon, 09 Jun 2008 12:58:36 +0000

La dernière campagne de pub d’Adidas (partenaire officiel) pour les jeux olympique de Pékin est vraiment impressionnante. Elle se nomme : “Together in 2008, Impossible is Nothing.“que je traduirai par “Ensemble en 2008, rien n’est impossible”.

(more…)

Share This

La typographie avec les CSS : par l’exemple

beal2912 — Mon, 09 Jun 2008 09:20:42 +0000

3point7designs a publié un article très intéressant sur la typographie dans le texte de site web et vous propose 10 exemples avec le code CSS correspondant. A noter qu’il ne suffit pas de “piquer” les codes CSS, il faut les comprendre, les digérer afin de pouvoir les utiliser ensuite au mieux.

Share This

Les 12 sites design du mois de Mai

beal2912 — Mon, 02 Jun 2008 14:39:35 +0000

Ce mois-ci j’ai fait la sélection directement sur CssLeak. Je trouve ça plus approprié… Donc par ici pour la sélection des 12 designs CSS du mois de Mai.

Share This

7 sites pour télécharger des images ou des photos libre de droits

beal2912 — Mon, 26 May 2008 18:39:32 +0000

Je viens d’ajouter une nouvelle liste sur mon site/annuaire du webdesign : PixBay. Au programme une liste de 7 sites pour télécharger gratuitement des images libre de droits. Ce genre d’images est très pratique, lors de créations graphiques pour le webdesign ou le print, et on les retrouve souvent payante sur des sites comme fotolia… Je vous invite à proposer d’autres sites dans la liste si vous en connaissez :).

Share This

Monétiser son site/blog avec BuySellAds

beal2912 — Tue, 20 May 2008 11:42:59 +0000

BuySellAds est une nouvelle place de marché pour la vente et achat de publicité sur des sites internet. Le principe est un peu le même que pour la régie Ad 42 ou Text link ads. Vous avez un répertoire de sites avec diverses offres et les annonceurs choisissent directement les sites sur lesquels ils veulent annoncer. Cette place de marché est pour l’instant surtout utilisé par des sites anglophone et elle répond bien à la tendance du moment pour la monétisation de blog (cad la mise en place de bannière 125*125).

J’ai déjà mis en place ce système sur ma galerie de site : CssLeak (dont la langue principale est l’anglais), et ça marche plutôt bien car j’ai déjà vendu 2 spots pour 130$ (à noter que BuySellAds garde 25% de ce montant).

J’ai donc décidé de tester sur webdesign-tutoriaux dans la sidebar. J’ai mis en place 2 offres :

la bannière 160*160 pixels à 80$ soit un peu plus de 50 €
la bannière 160*70 pixels à 40$ soit un peu plus de 25 €

Les paiments et les achats d’annonce se font via Paypal donc c’est plutôt pratique. Si vous avez une expérience quelconque avec BuySellAds ça m’intéresse.et bien sûr vous pouvez toujours acheter des annonces sur webdesign tutoriaux en direct via le formulaire de contact

Share This

L’actualité magazine graphique du moment

beal2912 — Mon, 19 May 2008 13:34:10 +0000

3 magazines autour du graphisme viennent de sortir leurs nouveaux numéros donc je me devais d’en parler

Tout d’abord le blog Photoshop Magazine de Stéphanie Guillaume devient Advanced Photoshop le portail du nouveau magazine français qui a sorti son premier numéro vendredi dernier le 16 Mai.

(more…)

Share This

Les 14 sites design du mois d’Avril

beal2912 — Wed, 30 Apr 2008 14:02:06 +0000

Voici ma sélection des plus beaux design de site du mois d’avril. Il y en a 14 au total, cette sélection est faite à partir des sites validés sur la galerie CssLeak.com

efingo

(more…)

Share This

Après PsdTuts, NetTuts !

beal2912 — Wed, 23 Apr 2008 12:34:59 +0000

Voilà, tout est à peu près dans le titre : PsdTuts.com est un site de tutoriaux Photoshop d’une incroyable qualité… et les créateurs de PsdTuts viennent de lancer NetTuts qui va proposer des tutoriaux dans d’autres domaines que Photoshop. Ce qui annonce de bonnes choses ;). Le premier tutoriel disponible sur NetTuts vous explique comment réaliser un formulaire de paiement Paypal.

Enjoy !

Share This

Inspiration et tutoriel : Nik Ainley

beal2912 — Tue, 22 Apr 2008 12:45:49 +0000

Un petit coup de projecteur sur le portefolio de Nik Ainley que tout le monde connait déjà pour ces incroyables travaux typographiques.

(more…)

Share This

Inspiration : 5 palettes de couleurs pour le webdesign

beal2912 — Fri, 18 Apr 2008 14:02:01 +0000

Voici une sélection de 5 palettes de couleurs parmi mes favorites. Je les trouve particulièrement intéressantes à utiliser dans le webdesign et elles correspondent assez bien aux tendances du moment.

meaningful to you

(more…)

Share This

Le .PSD numéro 22 est disponible

beal2912 — Fri, 18 Apr 2008 08:53:59 +0000

Le nouveau .PSD est disponible chez vos marcheaux de journaux. Au programme de celui ci 2 articles particulièrement intéressant au niveau du web design :

Typographies d’identitité – découvrez les secrets des polices
Nouvelles tendances du graphisme web – les nouveaux standards du web design

A noter, que Webdesign-Tutoriaux a été sélectionné dans les sites recommandés à la fin du magazine :p

Share This

Tutoriel effet Néon par Area 105

beal2912 — Thu, 17 Apr 2008 09:14:11 +0000

Je vous présentais, il y a quelques jours, le travail de Tony Ariawan d’area 105 et je viens de découvrir qu’il a fait un tutoriel sur Digital Arts (un magazine anglais) pour apprendre à faire son effet de néon si impressionnant je l’ai donc ajouté sur webdesign-Tutoriaux !

Share This

3 sets d’icônes “petits monstres” gratuits

beal2912 — Thu, 10 Apr 2008 10:16:30 +0000

Voici une sélection de 3 sets d’icônes de petits monstres ressemblant fortement aux Papertoys. Ils sont vraiment sympa et à télécharger gratuitement sur Fasticon :

Creature Icons Vol.3

Creatures Icons Vol.2

Creatures Icons

Share This

Inspiration : Area 105

beal2912 — Wed, 09 Apr 2008 08:46:51 +0000

Area 105 est le porte folio de Tony Ariawan :

Share This

Créer vos polices d’écriture en ligne avec FontStruct

beal2912 — Tue, 08 Apr 2008 12:24:43 +0000

FontStruct est un nouvel outil en ligne permettant de créer, partager et télécharger des polices d’écriture. Cette application gratuite est proposée par le site FontShop. Une simple inscription suffit, ensuite l’outil est vraiment intuitif avec un système de grilles et de formes (carré, rond, triangle). Les polices sont générées au format TrueType compatible pour Mac et Windows. Vraiment à découvrir

Share This

Projection de changement de serveur pour Webdesign Tutoriaux

beal2912 — Thu, 03 Apr 2008 12:31:23 +0000

J’ai déjà changé d’hébergeur il y a quelques mois … de chez Ovh vers Dreamhost. J’étais assez content au début par l’offre et la qualité de l’espace d’administration. Aujourd’hui, je suis plutôt déçu du service : les serveurs sont lent d’ailleurs webdesign tutoriaux en pâti et il y a beaucoup de problèmes (crash de disques etc). il suffit de voir la liste des commentaires sur DreamHost Status. Bref bref, je risque donc de choisir un nouvel hébergeur ricain (probablement BlueHost) dans les prochaines semaines.

Share This

Une barre de progression en CSS

beal2912 — Thu, 03 Apr 2008 09:08:34 +0000

Le webmaster du site CssGloble nous propose un script très intéressant : une barre de progression uniquement en CSS ! Fini le flash ou autre Javascript, cette barre utilise une image animée .gif. Vous pouvez voir la démo par ici

Share This