Forums Développement Multimédia

Aller au contenu

Html5 a poussé flash (dehors) et jquery?

DETENTE

30 réponses à ce sujet

#1 flyeric

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 493 messages

Posté 20 March 2013 - 12:39 PM

Bonjour à tous,

vous pardonnerez un titre laconique.

si flash en est là où il en est aujourd'hui, c'est bien sûr la conjonction de plusieurs facteurs (apple/jobs, complexité du langage, adobe qui baisse les bras...)
bref, tout ça fait qu'aujourd'hui html5 est plus que d'actualité.
dans cette optique, je me suis posé deux questions, mais avant de vous demander votre avis, je dois ajouter que je ne connais pas bien jquery (js non plus d'ailleurs) et que je l'ai utilisé dans des projets wordpress pour réaliser quelques animations basiques comme je l'aurais fait avec des tweens sur flash.

voici donc mes questions:

html5 n'est-il pas capable de faire la majorité des choses que l'on peut faire avec la librairie jquery?

et dans l'affirmative, html5 ne va-t-il pas pousser jquery aussi dehors?

qu'en pensez-vous?

#2 Goabonga

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 2724 messages

Posté 20 March 2013 - 12:49 PM

En faite qu'est ce que tu peux faire avec du html5 sans javascript ?
Presenter un document avec une normalisation des balises propre a la doctype, non ?

Sans js le html c'est triste :)

#3 eKimiya

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 423 messages

Posté 20 March 2013 - 13:09 PM

C'est complètement ça Goabonga ! :-)

Perso, je pense qu'il faut arrêter de se prendre la tête avec ça, toutes ces techno sont utiles, et peuvent même être utilisés ensemble.
Par ex je suis en train de développer un site utilisant BackboneJS, des animations via jQuery, des animations en CSS, des animations via des canvas HTML5, et même une animation créée sous Flash et exportée en HTML5 (j'aurai aussi pu utiliser Edge Animate).

Il faut prendre le meilleur de chaque techno, et là on s'éclate !

#4 Henri_B

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 337 messages

Posté 20 March 2013 - 13:12 PM

avec css on peut animer sans js...

mais effectivement sans js on est tres limité...

#5 Goabonga

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 2724 messages

Posté 20 March 2013 - 13:25 PM

Pour lancer automatiquement ton animation css3 tu utilises pas un bout de js ?


(je pose des questions, je test une méthode pour vous laisser répondre par vous même a vos interrogations)

#6 Henri_B

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 337 messages

Posté 20 March 2013 - 14:53 PM

on peut lancer les animations au demarrage de la page ou via les pseudo class "habituelles" des css : hover, focus, etc...
une animation peut aussi en lancer d'autres, avec les keyframes à certains moments, etc...

on peut aussi faire des animations avec les svg (pas css donc) directement dans la page (nouveau en html5), sans js. mais je ne pratique pas smile car compatibilité ie douteuse...

#7 flyeric

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 493 messages

Posté 20 March 2013 - 15:07 PM

ah, j'aurais dû préciser avant...

je voulais dire que je me posais la question de savoir si il était nécessaire d'utiliser jquery pour faire des animations et de charger la librairie dès lors que l'on peut faire des anims (comme le disait justement Henry_ B, slider d'images par exemple en html5/css3 sans avoir à apprendre la librairie et sans la charger.

je précise aussi que je n'ai pas parlé de js. pour divers raisons on peut avoir besoin de js dans une page, je ne reviens pas dessus mais bien sur sa librairie jquery. on ne cible pas un élément de la même façon par exemple. donc dans quelle mesure doit-on prendre de son temps et apprendre cette librairie si on peut faire la même chose avec html5/css3?

si oui, html5 ne va-t-il pas pousser jquery dehors...?

garnier06 disait ça dans un post du forum il y a deux semaines:

Citation

Moi , cela me fait pas rire du tout , après tant d'effort .... c'est pas facile de passer d'une techno à une autre comme ca m.... !

c'est aussi ce que je pense, je n'ai plus 20 ans et aussi d'autres choses à faire (maj des sites, seo, design...) donc, même si l'on doit se former à de nouveaux langages, me concernant, il faut que ce soit pérenne et là, j'en reviens à mes questions du début...

bonne fin d'ap à tous.

#8 Monz

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 3541 messages

Posté 20 March 2013 - 15:30 PM

Bonjour à tous !

Je veux pas faire mon lourd ou mon troll, mais sérieux, l'HTML n'est pas un langage de programmation. Le CSS non plus. Déjà que le javascript...

Après, si vous pensez que le web se limite à faire des menus déroulants et des scrolls verticaux interminables, why not !

Mais je suis prêt à parier n'importe quelle partie de mon anatomie que le HTML28 et le CSS457 ne suffiront jamais à faire des trucs qui ressemblent à des applis web ou des sites dignes d'intérêt.

#9 Goabonga

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 2724 messages

Posté 20 March 2013 - 15:32 PM

Oui mais c'est pas possible pour le moment d'utiliser les transitions :)
Donc en attendant utilise du Javascript !


Un autre truc con mais important quand même, quand une techno est stable elle n'est pas morte pour autant (et le player n'est pas encore stable ... ), donc pourquoi voulais vous vendre des truc qui ne tournent pas a vos client ?
Je crois que le problème c'est pas le client mais VOUS !!!

une question con parce que je vois pas ,c'est quoi la diference entre le JS et l'AS ?

#10 Henri_B

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 337 messages

Posté 20 March 2013 - 15:36 PM

pour moi la difference est simple : l'AS c'est ce que je fais au quotidien, le JS c'est ce que je ne ferai jamais (au dela de trucs vraiment basiques)...

c'est de moins en moins moi qui choisit la techno pour le client. ils ont souvent deja leur avis (fondé ou pas)...

pour ce qui est de faire des sites dignes d'interet ou non avec ou sans JS ou x techno, pour moi l'interet vient du contenu. la techno doit etre la plus transparente possible. on peut rever.

#11 Goabonga

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 2724 messages

Posté 20 March 2013 - 15:45 PM

C'est vraiment pas explicite comme réponse :

moi je dis que c'est la meme chose :

var f:Function = function():void{ trace('hello'); };
 
puis en js

var f = function(){ console.log('hello');};
 

Voila pourquoi, je ne comprend pas pourquoi ce serait complexe d'oublier juste une bonne centaine de class qui n'existe pas dans spiderMonkey.

#12 Monz

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 3541 messages

Posté 20 March 2013 - 16:06 PM

Oui, comme dirait Alfred, qu'importe le flacon, pourvu qu'on ait l'ivresse.

Je disais juste que HTML et CSS ne sont pas des langages de prog. Rien de plus. Et ils ne remplaceront jamais des langages de prog. Quant aux langages, ils porteront les noms qu'ils veulent, ceux qui veulent programmer les apprendront.

#13 flyeric

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 493 messages

Posté 20 March 2013 - 16:42 PM

slt Monz, je comprends ton point de vue, et j'ajouterai que pour mon dernier site (c'est 70%) d'as3, 10% de php, 2 lignes de js et le reste en html.
mon slider est as3, mon moteur est as3, mon formulaire de contact as3, newsletter as3, certaines pubs pour mes produits (avec anims) sont as3...

tu as été l'un des premier à m'aider sur l'as3 en 2008 je crois... j'ai pas envie d'apprendre autre chose parceque (malgré mon petit niveau) ça a été difficile pour moi mais visiblement il va falloir tourner la page...?

je veux juste dire qu'aujourd'hui, j'ai aussi comme souci le seo et que par exemple il est peut-être préférable d'utiliser un diaporama des produits en css3 plutôt qu'en as3?
dans cette optique d'ailleurs, pour un simple diaporama, pourquoi devrais-je le faire en jquery? (comme je le disais plus haut, du code en plus et le chargement de la librairie).

n'etant pas spécialiste, je peux me tromper et dans ce cas là, je m'en excuse, mon but n'etant pas de dénigrer jquery mais éventuellement de simplifier les choses.

pour finir, visiblement dans un avenir proche je vais me tourner vers html5/css3 + js, et peut-être jquery si celà m'apporte des fonctionnalités auxquelles je n'aurais pas accès en html5.

Goabonga, merci pour tes commentaires.
ton exemple de code as3/js semble simple en revanche, ce qui m'ennuie (la quarantaine passée) c'est justement la syntaxe. j'ai l'habitude de l'as3, de son système d'affichage, de sa hierarchisation... etc... du js j'en ai fait quand je faisais communiquer mes objets flash avec mais bon pas SI facile de changer de techno comme ça!

#14 Monz

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 3541 messages

Posté 20 March 2013 - 16:58 PM

Salut flyeric,

Je partage tout à fait ton point de vue.

Et je ne dis pas que HTML et CSS sont de mauvaises choses. Hein, sans eux, il n'y aurait rien sur le web. Je dis juste que ces standards ont leur limite. Et quand mes petits copains d'open space m'appellent pour me montrer un truc qu'ils arrivent à faire en html/csss et que ça ressemble à du flash d'il y a 5 ans voire plus, je suis juste bien content d'avoir passé toutes ces dernières années avec flash notamment.

#15 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2533 messages

Posté 20 March 2013 - 17:09 PM

Salut,

Pour répondre à ta question, je pense qu'il faut commencer par se demander à quoi sert jQuery.

Je ne pense pas que le créateur de jQuery l'ai destiné aux animations, il permet d'accéder au DOM d'une page avec une syntaxe simple basée sur les sélecteurs CSS.

Cette librairie gomme les différences d'implémentation des navigateurs, ainsi ton code fonctionnera de la même manière partout.

En complément, jQuery permet des appels ajax simples et des animations de base.

En conclusion, tu utilises jQuery pour accéder au DOM en JS

La balise Canvas permet principalement de dessiner, tu vois, il n'est pas question ici de manipuler le DOM, ça n'est pas destiné au même besoin.

Quand à savoir si tu dois faire une animation en CSS3 ou en JS, la réponse est dans la pluspart des cas en CSS3 si tu es sûr que tes utilisateurs utilisent un navigateur capable de les interpréter

Tout est, une fois de plus, question de contexte, il n'y a pas de formule universelle.

De mon point de vue, non le HTML5 ne poussera pas jQuery dehors puisqu'il ne va pas régler les soucis d'implémentations du JS dans les navigateurs.

Pour finir, contrairement à Monz, je ne pense pas qu'il soit impossible de faire des sites dignes d'intérêt en HTML+CSS+JS.

Personnellement, j'utilise de nombreux site développés dans ces languages tous les jours, à commencer par celui-ci.

Citation

le HTML28 et le CSS457 ne suffiront jamais à faire des trucs qui ressemblent à des applis web ou des sites dignes d'intérêt.

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#16 flyeric

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 493 messages

Posté 20 March 2013 - 17:46 PM

merci Monz pour ton point de vue et merci dcz pour tes éclaircissements. (j'avais, il y a qq jours, avant même donc d'écrire ce post mis en favori ton article sur jquery, c'est pas du pipeau!)

bref, +1 pour

Citation

Cette librairie gomme les différences d'implémentation des navigateurs, ainsi ton code fonctionnera de la même manière partout.

mais tous les navigateurs aujourd'hui ne sont-ils pas complètement compatibles html5/cc3 ?

je sais que beaucoup de monde utilise toujours IE mais perso, me faire chier avec les contreintes qu'apporte ie en css, parfois je n'ai même plus envie de faire l'effort.... pour une ombre ou un radius, je me dis tant pis pour celui qui est sous IE<9

bon et puis aller, je vais vider mon sac, je vais revenir sur un sujet un peu tabou, c'est tout de même pas l'omerta ici donc on voit bien qu'en dehors de la 3d et des jeux, flash se casse la gueule, ça fait 5 ans que je suis sur flash avec un tout petit niveau, j'ai eu du mal et maintenant que je me démerde, j'ai l'ai dans l'dos! flash à la poubelle!

Alors évidemment je fais un peu de tout, php, un tout petit peu de js...

comme le disait encore une fois garnier06, avec flash on pouvait tout faire (anims sophistiquées, xml, mysql, tout) et aujourd'hui je ne crois pas qu'il existe un language ou une techno qui permette de tout faire.

d'un côté y'a hmtl5/css3/php/mysql de l'autre j'ai html5/css3/js, c'est ennuyeux tout ça, parceque si c'est facile pour certains d'être performant dans les deux, pour d'autres moins jeunes (comme moi par exemple), ça se complique.
si je veux être pointu en php ce sera certainement au détriment de js ou vice versa, bref, m'inverstir va me prendre du temps et j'avoue que je n'ai pas envie de me tromper donc je préfèrerais m'investir dans une techno qui va durer!

merci à tous et bonne soirée.

#17 Monz

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 3541 messages

Posté 20 March 2013 - 17:57 PM

Bonsoir dcz.switcher,

J'assume. Et je note que tu parles de sites codés en HTML+CSS+JS. Sur ce point, je suis d'accord, il est aujourd'hui possible de faire de grandes choses avec JS. Je voulais juste souligner que le HTML et CSS seuls ne riment à rien. Malgré leurs dernières avancées. Au risque de me répéter, il faut un langage de prog en plus.

#18 Goabonga

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 2724 messages

Posté 20 March 2013 - 18:03 PM

flyeric apprends le php !

#19 flyeric

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 493 messages

Posté 20 March 2013 - 18:15 PM

merci Goabonga ;-)

je connais un peu quand même, le temps de déveloper un thème complet pour un blog wordpress mais loin d'être un spécialiste.

à titre indicatif et pour rire, j'ai fait du wordpress pendant plus d'un an, j'ai dû oublier les trois quart de ce que je savais sur WP.
y parait que ça revient vite...

#20 Monz

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 3541 messages

Posté 20 March 2013 - 18:16 PM

flyeric apprend le Ruby ! :smile:

#21 eKimiya

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 423 messages

Posté 20 March 2013 - 18:16 PM

Voir le messageGoabonga, le 20 March 2013 - 18:03 PM, dit :

flyeric apprends le php !

+1, au moins c'est pas prêt de changer :-D

Sinon côté front, si y'a un langage à choisir c'est le JS. Avec une bonne connaissance en JS, tu peux jouer avec les canvas HTML5, tu peux utilise jQuery pour te faciliter les choses, tu peux utiliser des plugins jQuery qui transforment tes anims en animations CSS3, tu peux jouer côté serveur via NodeJS... Pas mal de possibilités en fait :-)

Bon après pour ma part je trouve que le mieux c'est d'essayer de toucher à tout, même si c'est pas toujours évident de passer d'un langage à l'autre (et encore entre l'AS3 et le JS on est pas totalement perdu comme le disait Goabonga)...

Et je rajoute que perso je n'abandonne pas Flash du tout, je pense qu'il y a pas mal de possibilités côté gaming et app mobiles.

#22 Goabonga

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 2724 messages

Posté 20 March 2013 - 18:24 PM

Citation

je connais un peu quand même, le temps de déveloper un thème complet pour un blog wordpress mais loin d'être un spécialiste.

à titre indicatif et pour rire, j'ai fait du wordpress pendant plus d'un an, j'ai dû oublier les trois quart de ce que je savais sur WP.
y parait que ça revient vite...

tu connais Composer ? Symfony ? Silex ? Zend ? faire du php c'est pas juste modifier un template ou écrire un plug pour wp :)

#23 flyeric

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 493 messages

Posté 20 March 2013 - 18:30 PM

oui j'ai entendu parler de ces frameworks mais je ne les connais pas.

je voulais simplement dire que je n'étais pas complètement débutant en php et j'avais bien précisé que je n'étais pas un spécialiste.

#24 flyeric

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 493 messages

Posté 20 March 2013 - 18:32 PM

merci Monz et eKimiya pour vos conseils.

0h30 (gmt+7), je vais me pieuter!

bonne soirée à tous.

#25 thot

    Ceinture Noire

  • Moderateur
  • PipPipPipPipPipPipPip
  • 331 messages

Posté 20 March 2013 - 21:10 PM

Goabonga je ne suis pas d'accord sur un point... Pour moi faire du php ne veut pas dire maitriser un framework || une API || un CMS ( même si aujourd'hui les agences ne demandent que ça ).

Pour moi c'est un peu comme si tu disais que faire du flash c'est savoir utiliser telle ou telle lib de tween, ou caingorm, ou puremvc.
Connaître un langage est une chose, ses vices cachés, sa conception, son esprit etc... Pour moi c'est bien loin des problématiques "produits" et quand tu connais un langage suffisamment bien, en règle générale les produits ou outils ou api nomme ça comme tu veux que tu emploies t'importes peu car tu arrives à rentrer dedans assez facilement.

Me fait penser à une annonce qui m'a bien fait marrer, une agence parisienne qui demandait un dev senior en symfony 2.0... sachant que dans le métier un dev senior c'est mini 5 ans et que symfony 2.0 a tout au plus 2 ou 3 ans ... ben lol quoi :).

#26 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2533 messages

Posté 20 March 2013 - 22:02 PM

Pour revenir sur le dernier post de Flyeric - qui, je l'espère, n'aura pas eu sa nuit hantée par les difficiles choix à faire -,

Citation

d'un côté y'a hmtl5/css3/php/mysql de l'autre j'ai html5/css3/js

Malheureusement, les choses ne sont pas aussi simples, je pense que pour faire du développement web, il faut au minimum connaître un language client et un côté serveur.

Côté client, pour faire une page web, il faut au minimum
html, css, js

Côté serveur
php, mysql

Pour simplifier le dev, de nombreux outils existent comme

Côté client
jQuery (js)
backbone.js (js)
Bootstrap (html + css)
...

Côté serveur
CodeIgniter
CakePHP
...

Bien entendu, on peut faire du web avec d'autres languages comme java avec le play! framework, Ruby On Rail, Python ...

Evidemment les choix sont difficiles et rien n'assure qu'un outil choisi aujourd'hui sera présent demain, cependant, en ayant de solides connaissances sur les languages web "de base", je pense qu'on se met plus ou moins à l'abri.

Et pour finir sur une note pleine d'optimisme, avec le multi devices, entre en jeu le responsive design, le CSS optimisé LESS, SASS et autres ... la norme ECMAscript devrait évoluer prochainement mais ne sera pas implémentée immédiatement partout ... il faut s'habituer à utiliser des librairies comme Modernizr pour s'assurer que les fonctionnalités sont disponibles dans le browser ...

Sinon, il y a toujours le cobol qui n'a pas bougé depuis les années 60 :smile:
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#27 Goabonga

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 2724 messages

Posté 20 March 2013 - 22:59 PM

Citation

Me fait penser à une annonce qui m'a bien fait marrer, une agence parisienne qui demandait un dev senior en symfony 2.0... sachant que dans le métier un dev senior c'est mini 5 ans et que symfony 2.0 a tout au plus 2 ou 3 ans ... ben lol quoi :).

Ben moi je comprend bien l'annonce, y'a quoi qui te choques ?

#28 flyeric

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 493 messages

Posté 21 March 2013 - 15:20 PM

Bonjour à tous et bonjour dcz,

merci pour le détail de tes explications.

ça commence à être vraiment plus clair.

bonne ap à toi ainsi qu'à tous.

#29 Vinyl

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 284 messages

Posté 09 April 2013 - 16:24 PM

Salut,

Vous travaillez sur quoi comme projet pour faire encore du flash ?

Tous mes clients depuis 1 an me demande systématiquement de ne pas faire de flash.

Vous travaillez sans doute sur des applications air ou sur des animation super complexes / jeux ?

Ensuite, je rejoins Goa. Ce n’est pas si compliqué de passer au JS si on sait faire de l’AS.

Mais il faut évidemment connaître le html/css. Mais ce n’est vraiment pas très compliqué.

J’aime vraiment de plus en plus travailler avec html/css/js jQuery. Coté serveur, php MySQL.

#30 Monz

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 3541 messages

Posté 10 April 2013 - 15:28 PM

Bonjour,

Effectivement, mes derniers projets en AS3 étaient en .air. Cela permet de faire de belles réalisations, notamment pour des stands. Et pour le coup, le client s'intéresse bien peu à la techno mises en oeuvre du moment que cela fonctionne.

#31 pol2095

  • Members
  • PipPipPipPipPipPipPipPip
  • 1918 messages

Posté 10 April 2013 - 23:08 PM

c'est sûr que c'est pas difficile html/js, c'est Flash il y a 10 ans.



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)