Babylon Design

par Samuel Le Morvan

Chez vous aussi, utilisez un Web de qualité

Tutoriels Photoshop

Apprenez à maîtriser les rudiments d’Adobe® Photoshop® pour redonner de l’éclat à vos compositions graphiques !

Tutoriels Photoshop

Logo et Texte style Web 2.0

Le Web 2.0 est la mode et/ou la révolution du moment (comme on le sent). Cette nouvelle tendance se base sur des « nouvelles » technologies mais aussi surtout sur une mode graphique. Suivez le tutoriel pour rester dans le move !


  • Tapez votre texte à la mode Wiki (pas d’espace, que des majuscules) avec une police sans-serif, ici Myriad.
  • Les couleurs sont libres, vous pouvez tester avec d’autres thèmes. Ici #CC0000 et #FF9900.
  • Ensuite, tout se joue en options de fusion.





Il ne suffit plus que d’ajouter votre logo et le tour est joué !


Ce que nos lecteurs en disent :

  1. Shemu

    Voici un petit musée des logos Web 2.0 : museedesmarques.ouvaton.o…

  2. ElToNiO

    Sympa, claire et rapide à faire !!!
    Merci sam
    Tonio

  3. Thanh

    Jolie :)

  4. arkentiel

    J’adore le style… JE pense que ça va me servir pour refaire le titre de mon site. Merci !

  5. veragounet

    Mais franchement vous êtes lourd la, j’aime bien vos ancien tutoriel mais la c’est comme du copiage ! Sa ressemble trop au mien ! ( même si c’est pas fait exprès ! regarder le mien qui a été fé il y a plus de 4 mois ! Franchement c’est chiant maintenant on va croire que je l’ai fé avec un tutorial !
    http://www.flickr.com/photos/she...

  6. Shemu

    Désolé que mon tuto ressemble à ton logo, ce n’est pas voulu. Par contre, ce tuto reprend la tendance web 2.0 qui a visiblement aussi influencé ton logo.

  7. Jisse

    Excellent tutorial :-D

    (veragounet : tu as inventé les bords blancs et noirs combinés aux dégradés ?)

  8. morice

    Une incrust’ en dégradé, une ombre portée par défaut, un outline blanc et un picto "bubble chemistry", et vous appelez ça une tendance !
    Le Web 2.0, ça relève de l’ergonomie et de la dynamique globale du net, et non pas d’un pauvre tutoriel pour aspirant graphiste…
    Arrêtez de tout mélanger…

  9. Shemu

    Oui, alors, mon pauvre tutoriel dénote la tendance graphique du Web 2.0 que cela te plaise ou non. Dans ce billet je parle du niveau graphique et non de conception Web (cf. premier commentaire). Donc, réfléchit avant de tout mélanger.

  10. pinky

    et c’est quoi pour toi le "web 2.0" ? ce qu’on appelle (bien abusivement à mon goût) "web 2.0" n’est ni plus ni moins que l’utilisation d’un langage type AJAX (Asynchronous Javascript And Xml) soit tout simplement l’adaptation d’un langage vieillissant (le Javascript) pour une utilisation relativement nouvelle pour le HTML (les traitements asynchrones comme Flash le fait depuis des années). Bref, du vent.
    Alors j’aime à penser que le "style graphique web 2.0" repose encore plus sur du vent que la "programmation web 2.0".
    Je vois vraiment pas en quoi un logo avec un dégradé et un contour peut justifier une appellation "web 2.0"…

  11. Shemu

    Salut Pinky ! Du vent ? Peut-être… mais l’AJAX a au moins l’avantage d’y avoir été redécouvert.
    Bref, pour en revenir au tuto, comme je le répéte, il ne s’agit que de retranscrire une tendance graphique ! Comme j’aurais pu intitulé un autre tuto « style Renaissance »…
    Quant au Web 2.0 et/ou l’AJAX, j’en parle autre part dans la catégorie XTHML/CSS, notamment ici.

  12. tucow

    Un tuto sympa, qui montre aussi l’un des styles qui reviens pas mal ces temps ci avec les effets "crystal"…

    Bonne source d’inspiration pour des signatures sobres mais stylées

    Bravo

  13. Ronan

    Arrgh ! Sam, on a volé ton idée de "Web 2.0 Bêta Logo" : msig.info/web2.php. Un véritable scandale.

  14. Jean-Laurent

    Merci pour ça , trés sympa ! je viens de découvrir ton blog , et il sera dorénavant intégré à mon agrégateur RSS !

  15. TheGuit

    Alors la chapeau on ne l’avais jamais faite encore :p

    Y a tout et n’importe quoi ici. Le Web 2.0 du vent. Des logo style Web 2.0.

    Alors petite remise en place de certaine choses. Il n’existe pas de style web 2.0 c’est de la betise pur. Ton tuto est sympa ok mais trouve un nom a ton design si tu le veux mais Web 2.0 design quelque choses de tres precis, et ca n’a rien avoir avec le design du site.

    Dire que le Web 2.0 c’est du vent c’est fort aussi … Le web 2.0 c’est une nouvelle approche des page web ou le chargement entier de la page n’intervient plus a chaque lien. Ou l’on essaie de concevoir des interface plus réactive, plus ergonomique par l’utilisation certe de la technologie AJAX (utilisation conjoint de Javascript et du XML), mais pas seulement. On n’en fait surement trop autour du Web 2.0 de la a dire que le Web 2.0 c’est du vent c’est comme de dire que l’interface graphique des ordinateur est futile car on pourrait tout faire en ligne de commande.

    Bref stop au n’importe quoi :)

  16. Shemu

    Bonjour TheGuit, comme je le répéte, ce post n’est qu’un tuto qui reflète une tendance graphique et non pas un débat sur le Web 2.0. D’autres en parlent (ou parleront, ou parlaient) mieux que moi !

  17. TheGuit

    Je veux bien disont que cette phrase me choque quand meme : "Cette nouvelle tendance se base sur des "nouvelles" technologies mais aussi surtout sur une mode graphique."

    Ok peut etre que ton domaine est plus le graphisme mais bon c’est un peu n’imp je trouve. La tendance graphique des site est quelque choses de relativement ephermere. Quelque mois au mieu et surtout c’est quelque choses de relativement restreind, dans le sens ou les site adaptant une ergonomie qualifiable de Web 2.0 sont de tout genre et nottament beaucoup de site Pro. Les site adoptant une style graphique proche de ce que tu décrit va beaucoup rester dans le petit site pro et surtout le site particulier. Je vois mal une société qui cherche a se démarquer et a attiré le client, donc faire retenir la marque facilement, adopté un design "A la mode" telle que tu le montre ici. De plus il n’y a jamais une seul tendance graphique on vois aussi en ce moment la vista mania, meme sur le web, avec des site reprennant le principe du site de vista. Je pense qu’il serait plus logique et plus malin de trouver un nom a cette tendance, d’une part car Style Web 2.0 je le repete ca ne veux rien dire (J’ai tout un floppé de site en Web2.0 qui n’adopte pas du tout un design proche de ce que tu montre). Il pourrait etre interressant de savoir ou de connaitre un des premier grand site ayant eu ce style.

  18. Shemu

    Sans vouloir te vexer, je crois que tu te prends un peu trop la tête !
    Et si tu as lu les autres commentaires, ce tuto n’est pas un moule dans lequel tous les logos des entreprises Web 2.0 auraient été faits, il représente une tendance, un esprit, un style… Cela n’engage que moi, c’est mon sentiment sur tous les logos que j’ai pu voir (dont j’apprécie la plus part).
    Comme cet outil rigolo qu’a posté Ronan, je ne pense pas qu’une nouvelle entreprise passera par cet outil pour réaliser son logo…
    Bref, pour la énième fois : ce tuto n’est pas un débat sur le Web 2.0.
    La discussion est close.

  19. Onizuka

    Bonjour Merci pour le tuto,
    beaucoup de gens te mette des commentaires à la noix, et profite de ton espace pour le pourrir de discussions stériles sur le Web 2.0, la preuve qu’il n’ont pas encore compris que c’était du vent, ils en font des tonnes.
    Moi je te remercie, parce que j’aime bien apprendre le fonctionnement de photoshop et des personnes comme toi me montre des raccourcis super intéressant pour faire des effets plus que sympa.
    Par exemple, je suis en train de refaire mon site web, et bien j’utilise ton tuto non pas pour le logo, mais pour en en faire de contours de cadre. Mon site est pas web 2.0, j’men fout.
    Merci de passer du temps à la rédaction de tuto, peu de gens le font, et peu correctement.

    Bonne continuation en tout cas !

  20. SCO

    Lorsque Banette a sorti sa baguette, pourquoi les boulangers n’ont pas parlé de "Pain 2.0" ?

    Franchement ceux qui évangélisent autour du Web 2.0 veulent refaire le coup de 2001 où on pouvait vendre des conneries en enrobant du vent…
    L’AJAX est une évolution très intéressante, aucun doute. Ca ouvre la porte à des applis plus sexy, maintenant voila …. "Web2.0" c’est vraiment se la péter… désolé !

  21. Ryan

    super site! je suis dessus depuis ce matin et la il est 18h48 haha.

  22. sexe

    En ce qui concerne le contenu rédactionnel du site idconcept, tu mets l’accent fort justement sur une des "problématiques" constantes dans ce type de projet sur le positionnement du consultant/concepteur/rédacteur. Eu égard à la situation client, j’ai adopté une posture davantage accompagnatrice d’un point de vue rédactionnel que créative. Si le résultat n’est pas à 100% optimal d’un point de vue du lecteur lambda, de la cible visée par le message, ou même du professionnel du rédactionnel, il est de mon point de vue "accompagnant" 150% optimal, car ce rédactionnel a été produit en première intention par le client, qui disposait par le passé de son propre site web fait maison, avec le rédactionnel qui allait avec. Et le passage de l’un à l’autre est déjà un tel bon de géant, que ce soit pour le client ou l’usager, qu’on ne peut que s’en satisfaire… ;)

  23. SandB

    Et franchement on s’en fou que web 2.0 ce soit ca ou ca le truc qui compte ici c’est le tutoriel qu’est ce qu’on s’en fou du nom bande de ptits gamins et on en a rien a foutre que vous exposié vos connaissances sur le web 2.0 ici allez les foutres autre part!

    Et pour ce qui est du tuto: très bon tuto merci Shemu!

  24. dragor

    Trés bon tuto !

  25. Pascal W.

    Bonjour et merci pour cet excellent tuto. Un conseil: fermez vos commentaires, même si ce n’est pas la "2.0 attitude", de plus en plus de blogueurs y viennent aussi, lassés de voir leur pages spammées par trop de jaloux de tout poil qui n’apportent rien de constructif. Ceux auxquels cette page ne plaît pas, qu’ils passent leur chemin et qu’ils n’en dégoûtent pas les autres. Tout au plus peut-on leur souhaiter de trouver un jour "un peu d’esprit 1.0" qui semble leur faire défaut…

  26. gspawn

    Je viens de tomber sur les commentaires, et je rejoins Onizuka, car tu nous présentes un tutoriel utile pour ceux qui veulent adopté ce style de graphisme le tout en apprenant! Maintenant c’est vrai que c’est une tendance, tout comme il y a eu un temps des sites en "pixel art". Et pis la tendance , la mode , de toute façon ça n’est toujours que du copier-coller, rien qu’à voir le retour des patte d’éph dans la mode (vestimentaire)!
    Et bravo pour ton site, tes tutos et tes plugins dotclear ;)

  27. no

    Hmmm, un "tutoriel web 2.0"… sauf que "web 2.0" n’est qu’un concept marketing.
    Et puis quand on fait des tutos, la moindre des choses est d’en éliminer tous les bugs.
    La ligne 19 de ton fichier hreflang-manager.js provoque le message d’erreur "Conf is undefined" sous IE (Web 2.0 n’est pas une excuse pour ne pas supporter IE) :
    var Lns = Conf.split("\n");

    • Shemu

      …Ca commence à me fatiguer tous ces commentaires à la con…

  28. Jean

    Eh mais c’est pas web 2.0 ça hein!! moi je suis en plein dans la 2.0 attitude et je connais mieux que toi!
    lol désolé. Sympa ce tutoriel. Tu devrais même mettre le logo de ton site à la 2.0 attitude!

  29. Yakary

    Mais sérieusement, purer, vous avez pas d’autres choses à dire que de toujours critiquer ? Mais vous saoulez à la fin avec vtre "Web 2.0" ou ch’ais pas quoi, regardez vous un peu. Mais qu’est-ce qu’on s’en foue, c’est loin d’être le sujet. Tout ca pour un titre non mais regardez vous ! Shemu se casse la tête pour trouver des trucs, et la seule chose que vous faites, c’est le critiquer en MAUVAIS ?! Retournez vous couchez [pour ne pas être vulgaire], et réfléchissez un peu à vos actes et messages. Ca peut être blessant, ne l’oubliez pas… Comme l’a dit Pascal W., vous n’êtes qu’une bande de gamin quand vous réagissez comme ca. Bon tuto Shemu, et bonne continuation.

    Yakary.

  30. Plume

    Hello !
    Merci pour ce tutoriel qui je vois a déclenché moultes envolées enflammées. Enfin comme dirait l’autre " ce sont ceux qui ne font rien qui sont les plus prompts à critiquer " et en termes plus connus " la critique est aisée l’art est difficile ". En tout cas, merci Shemu et bon courage pour nous trouver de nouvelles idées de tuto (ce qui ne doit pas être évident à force :)

  31. Hervé

    Simple et efficace ce p’tit tuto, Merci Shemu :-)

    (Qu’est ce qu’il y a comme grincheux qui râlent tout l’temps !)

  32. no

    tutoriel simple et tres utile ! continue !
    pour les mécontents, arrêtez de faire ceux qui savent tout, pfff… c’est toujours facile de critiquer derrière son écran, mais pour proposer des solutions à visage découvert, il n’y a plus personne! bande de râleurs psycho-emmerdeur !

  33. Philippe

    Bravo !!!!!!!!!!!!!!!!!!!!!
    Très esprit Web 2.0.
    Continue, c’est très sympa.

  34. yasoft

    en 5min je l’ai fait et je peut vous dire que le resultat surpassait largement mes esperences.
    sinon sur les images sa fonctionne bien aussi les gars ;)

  35. GoulY

    la police n’est plus disponible…

  36. saida

    c est vraiment jolie com tuto

    merci

  37. M.Cool

    tré bon tuto
    mais j’aimerais avoir la police

  38. Graf

    C’est écrit: Myriad (y a meme un lien -.- )

  39. graf

    oups pardon en effet la police n’est disponicle que sur les sites commerciaux… à partir de 35$ :l (pas de fontion edit ici?)

  40. Dumb

    Sympa et bien écrit :]

  41. oOKaMiZuKOo

    Merci beaucoup pour ce tutorial, c’est la première fois que je me servais de photoshop et le jour même, j’ai réussi a faire mon premier titre sans me tromper. Bravo shemu et merci encore !

  42. Acïd

    Merci pour les remarques sur le web 2.0. (Maurice +1)
    Je n’ai donc pas besoin de rapeler ce qu’est vraiment le web 2.0. C’est -à-dire pas du tout ca !

    Il est vrai que ton tuto est sympa, je te félicité d’ailleurs pour ton boulot propre et concret, mais le graphisme web 2.0, c’est du pipo. Change de nom d’article, c’est le seul conseil que je pourrai te donner.

    Le graphisme web 2.0 n’est qu’une absurdité qui est nourrit tous les jours par des articles comme celui-la qui le prone. Du coup, tout le monde croit que telle ou telle chose est du graphisme web 2.0 et d’autres non.
    Cela n’a strictement rien à voir, alors, malgré toutes les remarques que tu as subit Shemu, cesse de te défendre, tu n’as rien à défendre.
    Le web 2.0 n’est simplement pas axé sur le graphisme alors change le nom de ton article, du genre "logo stylisé", ou encore chose encore….
    Cela arrangera tout, et les seuls commentaires que tu auras sur ton tuto seront des félicitations, vu que ton boulot en soit est cool.

    Quant à l’autre abruti de Yakari, il a vraiment rien compris le pauvre…

    Ciao a tous !

  43. Acïd

    O fait, un ptit truc, essaye les reflets au sol sous ton logo. C’est très en vogue en ce moment et ca rend plutot bien !

  44. oOKaMiZuKOo

    Par pitié, donnez moi le code pour encadrer les commentaires par les bulles de BD, ca fait 5 heures que je cherche sans succes, need un tuto la dessus Shemu stp !

  45. Chris

    Tres bon tuto merci.

    Pour l’effet Bd c’est pas compliqué, il te suffit d’afficher les resultats de de ta requete à la base de données dans un div extensible.
    Creuse toi un peu les meninges tu va voir c’est pas complexe.

    Ca pourais ressembler à ca en php:

    $reslut = requette base de donnée et array machin chose…;
    print(<div> $result[text] </div><div> $result[pseudo]</div>);

    Met toi à l’ajax, deja que ta le logo web 2.0, ca fera effet site web 2.0 !
    Bon j’en rajoute, mais ca me fais rire tout ces mecs qui viennent epiloguer sur une boite de commentaire, ce n’est vraiment pas le lieu pour ca.
    D’aillieur j’etais en train de reflechir justement à créer un site en web 2.0 sur le web 2.0.
    Je suis sur qu’il y aurais plein de debats sur ce site web ! haha

  46. Diabler

    Moi j’y ai ajouté un peu de demi-teinte couleur et voila ce que sa me donne je trouve sa trop beau $_$ ^^
    pix.nofrag.com/47/46/f23d…
    voila !!!

  47. Lays

    Très bon tuto, assez simple, élégant et très aéré.(D’ailleurs, là je suis d’accord pour dire que ça fait GRAPHISME web 2.0 comme on peut voir ici: http://www.webdesignfromscratch…. ou l’on parle de DESIGN web 2.0)

    Après si y’a des types qui ont que ca a faire de venir pourrir ici avec des commentaires “utiles“ genre "Mais non, le web 2.0 c’est une histoire de programmation" c’est pas un souci.

    Sinon, j’apprécie tous les tutos photoshop mais moi, qui travaille sous Gimp, c’est toujours un calvaire de reproduire les effets de calque et de style de Toshop…Si quelqu’un connaissait un tuto Toshop—>Gimp en general ca m’aiderait bcp. Merci. ^^

  48. msngamer@hotmail.fr

    moi je dit prout

  49. none

    Comment faire un .asl pour utiliser ce style directement ?
    Si quelqu’un peut le faire c’est encore mieux :)

  50. Italia31

    Très bon tuto, un titre simple, facile à réaliser et pour un résultat assez beau :)

    En rajoutant le reflet au sol et une petite animation on peut arriver à quelque chose de surprenant ;)

    N’écoute pas tous ceux qui te critiques ou qui font un roman sur le Web 2.0 …

    Si ils n’ont pas compris que ce tutoriel est fait pour ESSAYER de recreer un peu le design, laisse les ils se rendront vite compte qu’ils parlent et s’enervent pour quelques lignes.

    Ciao !

    Italia31

  51. ABDO

    superbe tuto merci infiniment et plus encore de tutos
    bonne continuation

  52. AB

    Je suis tombé tout à fait par hasard sur ce tuto ! et j’ai lu le commentaire de pinky, en suite les autres commentaires ! je vois que la discussion est assez vif !

    1- Petite remarque de principe
    Tout d’abord, je ne comprends vraiment pas les personnes agressives, l’auteur du tuto n’a fait que s’exprimer en essayant d’aider, et rien de plus donc je ne vois pas pourquoi les autres l’agressent ?

    On a le droit d’avoir un point de vue différent, mais on peut aussi l’exprimer tout en restant courtois ! ce qui n’est pas le cas de certaines personnes… et c’est toujours pitoyable à lire ou à voir !

    2- Concernant le tuto :
    ce tuto nous présente simplement une petite technique pour adopté un style graphique type Web 2.0, il est simple et efficace et peut aider certaines personnes, donc il est utile

    3-Concernant le fond :

    Le Web 2.0 suscite un débat permanant depuis que ce terme a était utilisé, Et la preuve est le débat qui se déroule sur ce site. Beaucoup de gens confondent concept, techniques, et design !

    Tout d’abord il faut voir le Web 2.0 comme un concept global, au delà de la technique et du design, c’est une nouvelle structuration d’internet. A mon sens une célèbre phrase (j’ai oublié à qui elle appartient) résume bien la situation « le Web 2.0 est fait par l’utilisateur et pour l’utilisateur ». Quand on parle de Web 2.0, on parle avant tout de l’ensemble des concepts qui construisent la nouvelle toile, et dans lesquels l’utilisateur n’est plus un figurant mais l’acteur principale. Les Blogs, les RSS, Les Services Web les sites tels que youtube, netvibe … sont autant de concepts qui appartiennent au Web 2.0. En général toute composante d’internet qui implique l’utilisateur au centre de son fonctionnement fait partie du Web 2.0

    Concernant le Design : Pour les personnes qui pensent que le Design 2.0 n’existe et bien soit elles ne connaissent rien au design soit c’est juste par entêtement ! le Design 2.0 existe bel et bien et les personnes qui disent le contraire c’est comme si elles disaient que la mode n’existe pas !
    Le design 2.0 c’est une mode … combien de temps cela va durer ? personne ne le sais ! Si quelqu’un avais présenté un site avec un design 2.0 il y a 10 ans personne n’aurait apprécié, comme personne n’aurait apprécié les jeans actuel si on les avais sortis il y a 10 ans.

    Le Design 2.0, regroupe un ensemble de couleurs, de mise en page, de texte et de style graphique très particulier ! exemple les boutons on un style bien précis, la taille des polices est plus grande, la mise en page est particulière, les logos sont aussi particuliers, les icones de même … enfin c’est tout un style graphique qui a était développer pour donné une identité visuel au Web 2.0 et qu’il soit reconnaissable du premier coup d’œil !

    Effectivement, le style 2.0 n’est pas adapté en masse dans les entreprises, mais là aussi il faut faire la différence ! Un site web se décline par définition en plusieurs catégories ! on retrouve aussi bien du site corporate, institutionnel, catalogue produit, portail, vente en ligne … et il n’est pas surprenant de rencontré aujourd’hui des sites qui adoptent un style Web 2.0 et qui sont appartiennent à des entreprises, il ne faut pas oublié que Yahoo est une entreprise, que les site de vente en ligne commencent de plus en plus (surtout chez les anglo-saxon)à adopté le Style 2.0 pourtant c’est des entreprises, les site de catalogue produits aussi adoptent ce style pourtant c’est des entreprises … les seuls domaines (et la encore à voir) ou le style 2.0 n’a pas encore pénétré c’est le corporate et l’institutionnel ! actuellement les raisons son évidentes mais qui sais ce que nous réserve l’avenir !

    L’autre point, c’est qu’une entreprise peut ne pas adopté le Design 2.0 ou la technique 2.0 mais elle est forcé d’adhéré au concept, car l’impact marketing qu’a le Web 2.0 est indéniable et toute les entreprises cherches d’une manière ou d’une autre à être intégré ! avec la démocratisation d’internet et la création des blogs par exemple, une personne ou une communauté peut aussi bien dire du bien d’un produit ou d’une marque et le porter au sommet comme elle peut très bien faire le contraire. Il y a même des entreprise qui crée des blog pour leurs consommateurs (voir ce lien concernant l’Oreal http://www.zdnet.fr/blogs/2005/0... Donc d’une manière ou d’une autre il faut prendre le train du Web 2.0

    Concernant la technique maintenant :

    Le but des technologies utilisé dans le Web 2.0 est de faire en sorte de porter la logique du fonctionnement asynchrone des applications type client lourd sur des clients léger. Cette spécificité à conduit à un nouveau modèle de conception appelée communément chez les anglo-saxons « SUI » pour (Single Uset Interface), ce qui veut dire que toute l’application s’exécute dans la même fenêtre sans aucun rafraichissement de la page, comme sur flash, mais flash regroupe plusieurs inconvenants : il nécessite un plug-in coté client, Coût de licence logiciel, pas de bibliothèques natives pour les liaisons externes (Base de donnée, Connexion avec d’autre applications non flash, poids …) enfin c’est un environnement trop fermé pour qu’il soit envisagé comme « langage » pilote de développement d’applications plus au moins complexes. AJAX est probablement le concept le plus utilisé actuellement pour aboutir à des résultats satisfaisants et mettre en place ce qui est connu chez les anglophone sou le nom de RIA (Rich Internet Application) (mais AJAX n’est pas le seul), et justement parce qu’il regroupe plusieurs langages à la fois : JavaScript (Interaction client), XML (Description de données), CSS (Présentation). On retrouve dans ce schéma le bon vieux trio, Présentation, Traitement, Données ! ce qui est indispensable pour la mise en place d’un socle applicatif efficace et gérable. Le seul problème aujourd’hui, c’est qu’il n’y a aucune normalisation de tout ce bor…el … et c’est justement ce qui frêne un peut l’évolution. Certe il existe aujourd’hui des Framework ou pseudo Framework ainsi que des bibliothèques mais qui sont complémentaires entre. En d’autre terme, il peut arriver que vous cherchez quelques chose dans une bibliothèque que vous ne trouvé pas mais qui existe dans une autre bibliothèque. Et donc la seule solution pour aboutir aux résultats souhaités , c’est soit de complété les Framework dans lesquels il nous manque quelques chose (et c’est beaucoup de temps ou d’argent) ou alors les utilisé tout les Framework dont en a besoin en même temps … mais pour les gens qui ont déjà travaillé sur de tels framework comme BackBase ou Scriptaculos, le fait d’intégré plusieurs moteurs AJAX à la fois n’est pas ce qu’il y a le mieux pour les performance des applications (Sans parlé des conflits et des bugs ).

    L’avantage d’AJAX c’est composantes sont connues par tout les développeurs, intégrateurs et designers, et qu’il peut être utilisé avec n’importe quelle autre technologie Serveur.

    Donc au final, je dirait que OUI, le WEB 2.0 existe bel et bien, le DESIGN WEB 2.0 existe bel et bien et les TECHNOLOGIES WEB 2.0 existent bel et bien ou nié ce genre de chose c’est nié l’évidence même. Donc si vous faite partie des gens qui nient ce CONCEPT et bien j’espère que vous n’êtes pas patron dans une Web Agency , car vos clients vont de plus en plus vous demandé du WEB 2.0, qu’aller vous faire alors, essayé de les convaincre du contraire alors qu’ils voient et entendent ça tout les jours ? Dans ce cas vous risquez de paraître ridicule ! et pour les « techniciens » qui pensent que le WEB 2.0 n’est que du bla bla et qui pensent qu c’est juste un Concept Marketing, Comment aller vous faire pour implémenté les cahiers des charges, vous penser que ce n’est pas plus grave que quelques lignes de JavaScript bidouillé avec du Xml ? et bien vous risquez de vous retrouvé avec un sac de nouilles indémer..able et quand vous vous rendrez compte de ça vous aurez compris que vous êtes entrain de commencé à codé un framework ! et là vous serez en face du phénomène COBOL (Pour ceux qui ne savent pas ce que c’est, et bien quand le paradigme Objet à émergé, les développeurs COBOL disait que ce n’était qu’un concept marketing qu’il ne sert à rien, et cet entêtement à fait qu’il n’ont pas réussi à suivre le train et beaucoup de développeurs COBOL ce sont retrouvé sans travail). Et pour les graphistes qui pensent que ce n’est rien de plus qu’un petit coup de dégradé avec des couleurs vifs, et bien vous serez vite à bout de souffle dans votre création Graphique si vous n’avez pas déjà vu une centaine de sites WEB 2.0 pour vous inspirer et retenir les détails Graphique du Style.

    Enfin, il y a tant d’autres choses à dire mais bon … Aller Bon courage à tous et surtout sans rancune, et si une personne à pu lire tout ça, et bien chapeau, car moi même je n’ai pas le courage de relire !

  53. Clement

    Bonjour!
    Merci pour le tuto!
    Perso, je pense que le Web 2.0 existe. C’est vrai qu’aucune nouvelle technologie à été développée pour créer des applications internet à interface riches. Mais, la ou avant, on s’en foutait de l’utilisateur (texte trop petit? tampis!, besoin d’aide? tampis! votre navigateur ne supporte pas tel ou tel langage?tampis! respect des standards: 0). Il y a un effet de mode, il est vrai, car dans ses applications internet, l’utilisateur crée le contenu: il est donc roi. Le web devient démocratique: l’utilisateur décide. Et ils aiment sa. Ducoup, tout le monde veut faire pareil ce qui est la cause, je pense, de tout ce raffut ‘marketingesque’. Le web 2.0 n’est pas une révolution, mais une évolution. Le web 2.0 c’est:
    les standards (W3C)
    l’ergonomie (interfaces agréables et riches)
    accessibilité (styles CSS audio, par exemple, pour les lecteurs d’écran.)
    Et bien sur, un GROUPEMENT de technologies ("l’union fait la force") (Javascript, CSS, Ruby, PHP, MySQL, etc…)

  54. comçalà

    Bonjour, Bonsoir ca dépend de quand tu lis.

    Web 2.0 ou pas, personne, a part une histoire de gout ne peu nier que c’est ben jolie.

    Alors ceux qui ce relise, qui lise les réponses des autres, une question QUI QU’A RAISON ?

    Une chose est sur plus le web ce développe, comme dans la vie en général, moins l’on à de temps pour les autres, et plus on pense au profit. SO Merci de la générosités de l’auteur de ce tuto…!!!

    WEB 2.0 sur cette page:
    selon moi:Web>une ouverture 2.0 Pour l’auteur son, site, Son tuto . O pour les autres.

  55. laurentg2003

    Trés bon tuto
    et pour revenir sur web 2.0
    ce n’est pas ajax qui a révolutionné le web mais PHP/MYSQL .
    Franchement méme si ajax est intérréssant,je me vois mal utilisé lors de la création d’un site une téchnologie(JavaScript)desactivée par 10% des utilisateurs.Si c’est ça mettre l’utilisateur au centre d’un site web.Un client en plus ne comprendrait pas que son site plante chez son voisin qui est parano lol
    Ajax n’est pas fiable
    La vrai révolution c’est peut etre un nouveau javascript qui pointe son nez vers actionscript ça c’est un vrai langage.

  56. berou

    Alors là, autant de discussion autour d’un petit tuto de design, c’est navrant. Merci shemu en tout cas d’exister.
    Nous montrer un petit effet sympa, peu importe sa dénomination et voilà un étalage de technicité disons-le barbante à lire.
    On s’en fout de savoir que java machin a révolutionner truc.
    C’est joli et c’est juste le but de ce petit tuto.
    Bye

  57. iPhone

    Merci pour le tutorial, moi qui comrpend pas grand chose à photoshop, j’ai réussi !

  58. bobmartien

    Punaise je regarde un tuto pour avoir un effet "web 2.0" et je voie les spammeurs qui whine blablabla c’est pas du 2.0 blabla pourquoi tu fais ça blabla toussa…

    Perso je dit: On s’en fou? Le but du tuto c’est de faire un effet de texte, il l’appelle comme il veut bon sang…

    Il se décarcasse pour aider les gens qui utilisent Ps toussa et vous vous lui sortez que son tuto est "pauvre" etc…

    Je vous dit: "Go die" et merci à babylon design pour les tutos mis à disposition !
    Je vous rappelle que pour les gens pas content il y à une porte…

    >>>>> [ -]
    Merci encore Shemu ;)

  59. newgate

    Super tutorial !
    je trouve le style web 2.0 de toute beauté :)

  60. Cahuète

    Un très bon tuto qui m’a servi de base pour différents travaux… Merci beaucoup ^^
    PS: La science infuse, on s’en fout….
    Mici Shemu :)

  61. Jean-Baptiste

    Merci pour ce tutoriel !

    J’ai lu en vertical un peu ce "débat". Laisse courir, c’est un peu une prise de tête, continue ce que tu fais, c’est très bien !

  62. kana

    Pinaise! c’est donc ici le point de départ de ce tuto… merci beaucoup ca ma beaucoup aidé :)

    simple et efficace!

Les commentaires sont clos.